ZBLOG 竖排文字
演示效果:http://ifisker.com/blog/post/0807/shuwen.html
插件版见11楼
下载shuwen.js放到SCRIPT目录
http://ifisker.com/files/shuwen.js
1,修改 FUNCTION\c_function.asp
698行- objRegExp.Pattern="(\[QUOTE\])([\u0000-\uffff]+?)(\[\/QUOTE\])"
复制代码 上面增加- objRegExp.Pattern="(\[shuwen\])([\u0000-\uffff]+?)(\[\/shuwen\])"
- strContent=objRegExp.Replace(strContent,"<blockquote><div class=""shuwen"">$2"&"</div></blockquote>")
复制代码 2,修改 模板THEMES\...\TEMPLATE
catalog.html
default.html
search.html
single.html
tags.html- <script language="JavaScript" src="<#ZC_BLOG_HOST#>script/common.js" type="text/javascript"></script>
复制代码 下面添加一行- <script language="JavaScript" src="<#ZC_BLOG_HOST#>script/shuwen.js" type="text/javascript"></script>
复制代码 3,修改样式 THEMES\...\STYLE\....css
添加- .shuwen {
- margin: 5px;
- border: 1px solid #027ac6;
- background-color: #edf5fa;
- width:700px;
- }
- .shuwen-title {
- padding: 5px;
- font-weight: bold;
- border-bottom: 1px dashed #027ac6;
- text-align:right;
- }
- .shuwen-content {
- word-break:break-all;
- padding: 5px;
- }
复制代码 使用的时候直接在要竖排的文字前后加上“[ shuwen ]”“[ /shuwen ]”(不含空格)
效果:http://ifisker.com/blog/post/0807/shuwen.html
有问题请至原文地址回复:http://ifisker.com/blog/post/0807/zblog-shuwen.html |