自定义引用语录样式-语录新天地

自定义引用语录样式

您可以通过在引用语录的网页制定CSS的方式，来改变语录的显示样式。
使用RSS阅读器订阅本站更新的用户，请使用浏览器打开本文章网页查看效果。

引用语录模板代码：

<div id="ana_content">语录正文</div><div id="ana_auther" style="text-align:right">—作者,<a href="语录页链接" target="_blank">链接文本</a></div><#ana/commentary#>

当语录存在注释时，<#ana/commentary#>将替换为

<div id="ana_commentary">语录注释</div>

否则替换为空。

如定义CSS代码

<style type="text/css">
#ana {
	border: 1px solid #003366;
}
#ana #ana_content {
	text-indent: 2em;
}
#ana #ana_title {
	background-color: #0099CC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 1.2em;
	padding: 0.2em;
}
#ana #ana_refer {
	background-color: #A4E1FF;
	padding: 0.3em;
}
#ana #ana_auther {
	padding: 0.2em 0 0.2em 0;
}
#ana #ana_commentary {
	text-indent: 2em;
}
</style>

[ 可以先修改再运行 ]

引用时使用的代码

<div id="ana"><div id="ana_title">经典语录</div>
<div id="ana_refer"><script type="text/javascript" charset="UTF-8" src="http://www.yulu.info/javascript.asp"></script></div>
</div>

[ 可以先修改再运行 ]

演示：

经典语录

语录新天地

语录中国的点点滴滴

导航

2007-2-6 20:55:19 | 字号:大 中 小

自定义引用语录样式

Tags: 免费代码

发布:明月星光 | 分类:网站互动 | 评论:5 | 引用:0 | 浏览: | 字号:大 中 小

网站目录

站内搜索

最近发表

Powered By Z-Blog | Z-Blog Plus 1.5 Build 60924

Copyright 2006 语录中国. Some Rights Reserved.

语录新天地

语录中国的点点滴滴

导航

2007-2-6 20:55:19 | 字号:大 中 小

自定义引用语录样式

Tags: 免费代码

发布:明月星光 | 分类:网站互动 | 评论:5 | 引用:0 | 浏览: | 字号:大 中 小

网站目录

站内搜索

最近发表

Powered By Z-Blog | Z-Blog Plus 1.5 Build 60924

Copyright 2006 语录中国. Some Rights Reserved.<a href="http://www.51.la/?455524" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/455524.asp" style="border:none" /></a>

2007-2-6 20:55:19 | 字号:大中小

发布:明月星光 | 分类:网站互动 | 评论:5 | 引用:0 | 浏览: | 字号:大中小

Copyright 2006 语录中国. Some Rights Reserved.