Blogcn模版修改编辑技巧大集合
您可通过“代码编辑”和“可视化编辑”两种方式。注意事项如下:
您在对模板进行修改时,不能删除“#head_tag#”、“#end_tag#”、 “#diary_tag#”这三个标签。
添加特效代码时,不能过多地添加,以免出现错误代码。
除了头(#head_tag#)、尾(#end_tag#)二个标记是固定的,其他都可以根据自己的喜好变动,
放在#head_tag#、#end_tag#之间的任意位置
友情提示:您可将代码拷贝到 Dreamweaver 或者Frontpage等网页编辑软件中即可实现可视化编辑。
BLOG CSS详解
--------------------------------------------------------------------------------
.skin_date //无作用域的样式
.diary_datetitle //每条日志上的日期文字样式
.line // 无作用域的样式
td //TD标签的样式
.tt_title //BLOG标题的样式
.dis_tag //BLOG描述文字的样式
a //链接的样式
a:hover //鼠标移到链接上显示的样式
.diary_bg1 //日志主体背景颜色之一
.diary_arr // 点“链到此文”后一个返回的箭头,用的是这个样式
.diary_poster //日志发表者文字样式
.diary_title //日志标题文字样式
.ubb_quote //UBB中引用功能的样式
.ubb_code //UBB中使用CODE标签的样式
.newfm // 无作用域的样式
.ubb_move //UBB中使用移动文字标签的样式
.ubb_fly //UBB中使用飞行文字标签的样式
如何替换模板的背景图片?
--------------------------------------------------------------------------------
替换模板的背景图片,可通过“代码编辑”直接在代码模板里修改。代码如下:
body { background-image: url(/images/wall/b03.jpg)}
将该代码直接添加到中即可
友情提示:图片的URL不要拼写错误,区别绝对路径与相对路径的两种用法。
如何设置模板的背景颜色?
--------------------------------------------------------------------------------
修改模板的背景颜色,可通过“代码编辑”直接在代码模板里修改。代码如下:
body { background-color: #颜色代码;}
添加到与之间即可
如何修改模板的顶部图片?
--------------------------------------------------------------------------------
·您要在“编辑模板”里的可视化编辑,直接删除原来的图片,再插入您要替换的图片,点击上面的“图片”标志,
输入相应的URL地址即可
·在“代码编辑”里的里直接修改顶部的图片地址(URL),您在修改里要特别注意图片地址(URL)
是否拼写正确。
如何添加文字/图片链接?
--------------------------------------------------------------------------------
·用户登录后进入到“管理中心”
·选择“博客设置”里的“高级设置”
·在“设置友情链接”项里,点击“添加文字链接”或“添加图片链接”
·进入到添加页面填入相应的内容,点击“确认添加”按钮即可
新手必读:为你的blog定义自己的颜色
--------------------------------------------------------------------------------
选择“编辑模板”-->“编辑模板”,你会看到你的blog的源代码。
在前几行你会看到一些形如“A{B:C;D:E}”的若干代码,如何改变blog的颜色,秘密就在这里。
首先了解一下css的格式:
每行开头的内容(大括号左侧)为你要定义的对象,大括号内分若干组,每组分属性及相应的数值,用“:”连接;组与组之间以“;”隔开。举例(其中“a”表示链接):
a{color:blue; text-decoration: none}
这行代码可以如下翻译: 链接{颜色:蓝;修饰线:无}
怎么样?其实源代码就像说话一样简单吧?修改一下,让页面里的链接变灰,出现下划线,代码应修改为:a{color:#cccccc; text-decoration: underline} 其中“#cccccc”代表着16进制的RGB颜色,会用绘图软件的朋友可以很容易获得这种代码。
以下是一些修改blog颜色的常用对象(为了避免页面不出错,不要轻易改变“color”及“background-color”以外的属性):
.diary_datetitle 日志日期
td 单元格(blog正文)——建议不要修改,以免和其它对象冲突
.dis_tag 站点描述的字体
a 链接的属性
a:hover 鼠标位于链接文字之上时文字的状态
.diary_bg2 日志的背景颜色之二
.diary_bg1 日志的背景颜色之一
.diary_poster 签名的字体颜色
.diary_title 日志标题
颜色代码一览表
PS:源代码编辑与可视化编辑位置在: 管理中心-博客\圈子-管理模板-编辑模板下