首页
官方活动 帮助 系统公告 关于我们 
Blogcn官方博客     加为好友   给我消息
性别:积分:
来自:杭州年龄:
模板攻略2007.06.25 16:39:00
标签:向导,帮助缩起正文  字号: 

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:源代码编辑与可视化编辑位置在: 管理中心-博客\圈子-管理模板-编辑模板下
回复() | 人气() | 引用() | 推荐 | 保存日志 | 问题日志 | 收藏到网摘 | 返回圈子首页
日历
最新日志
最新评论
枫叶芸馨/2008-05-17
为四川人民祈福
巴钦餐馆的卖花小孩/2008-05-17
鹤的那个 真是满好....
suisui/2008-05-17
心情无比沉重 自从....
笑笑/2008-05-17
血总是浓于水的。为....
依然jer/2008-05-17
为四川人民祈福
希神/2008-05-17
今天刚收到这个一条....
葉子落落/2008-05-17
【最新消息+我们的....
看不透你/2008-05-17
太遗憾了
访客/2008-05-17
希望灾区人民平安
『贝的』/2008-05-17
马上行动起来 是b....
阳光创意/2008-05-17
加油,中国!
changkongxiao/2008-05-17
看咯!....
落傷城/2008-05-17











苏州博友圈。请苏州....
骆驼大爷/2008-05-17
一切都会好起来的,....
爱你一生/2008-05-17
俺也想去...
蒓嫼囗罩/2008-05-17
四川加油! 中国加....
lynn316/2008-05-17
加油老
wanyulong/2008-05-17
地震无情人有情,人....
yimiliuling/2008-05-17
鬼话都是连篇的,送....
一然/2008-05-17
那个,怎么样有头像....
晓云/2008-05-17
你们应该回敬一句给....
||限量版/2008-05-17
一切都会慢慢好起来....
同一个世界同一个梦想/2008-05-17
加油﹗中國﹗
yyzzyhb/2008-05-17
新手上路,请大家帮....
yyzzyhb/2008-05-17
我要图片,请大家帮....
yyzzyhb/2008-05-17
我是新手....
yyzzyhb/2008-05-17
我也是新手啊 谁来....
兜兜妈咪/2008-05-17
开头难呐,想借鉴一....
轩宇/2008-05-17
血脉创造奇迹...
laofucafes/2008-05-17
是啊  我们大家都....
友情链接
计数器/订阅




隐私保护  免责声明  2007 Blogcn.com