PJBLOG博客图文混排
点击:
为PJblog的UBB编辑器添加日志图文混排效果
大家好，这次的教程是实现PJblog的Ubb编辑器添加日志图文混排效果。
看看实例。来自月光博客。
他的博客每篇日志都有一个图片标题性质的。
现在我们就把这种效果实现在pjblog上。（月光博客是Z-blog）
刚才看到的是实现效果。其中图片放大效果不属于本教程内容。
1.看演示。
在ubbcode.asp大约270行左右那里加入以下代码：
re.Pattern = "\[tag\]([^\r]*?)\[\/tag\]"
strContent = re.Replace(strContent, "<div id=""taglogo"">$1</div>")
2.打开header.asp，在头部加入以下样式：
<style>
#taglogo{float: right; margin: 4px 4px 4px 4px; padding: 0px; border: 0px; padding: 0px; max-width: 500px; max-height:500px; overflow:hidden; clear:both;}
#taglogo img{width:100px;height:100px;border:0px;}
</style>
3.现在发表日志可以添加标签。
OK
上一篇建站视频教程: 暑期建站班第二课-网站必需品-域名下一篇建站视频教程: 入侵网站到拿服务器
大家好，这次的教程是实现PJblog的Ubb编辑器添加日志图文混排效果。
看看实例。来自月光博客。
他的博客每篇日志都有一个图片标题性质的。
现在我们就把这种效果实现在pjblog上。（月光博客是Z-blog）
刚才看到的是实现效果。其中图片放大效果不属于本教程内容。
1.看演示。
在ubbcode.asp大约270行左右那里加入以下代码：
re.Pattern = "\[tag\]([^\r]*?)\[\/tag\]"
strContent = re.Replace(strContent, "<div id=""taglogo"">$1</div>")
2.打开header.asp，在头部加入以下样式：
<style>
#taglogo{float: right; margin: 4px 4px 4px 4px; padding: 0px; border: 0px; padding: 0px; max-width: 500px; max-height:500px; overflow:hidden; clear:both;}
#taglogo img{width:100px;height:100px;border:0px;}
</style>
3.现在发表日志可以添加标签。
OK
| 欢迎留言评论 |