5D模板制作傻瓜版(二)

      Themes 2006-11-28 1:22

这次的模板教程并不是完全的介绍整个模板的制作,主要是针对5D这次升级之后部分代码的变更,例如评论列表和评论框部分。这次的评论列表部分的代码是希儿挖出来的,至于评论框部分就是子寒给我代码地址,虽然最后还是自己费了好久时间才找出正确的,不过还是很感谢他们的奉献^0^......要不我也不能正式的完成这次的新模板Black Gothic,其实只是把上次的模板替换成了深的颜色(有人说太黑了...),不过自己对这个模板还是很满意。

如需要完整的修改方法,请看--->5D模板制作傻瓜版

 

设置评论列表:

.a_comment {border-bottom:#BBB solid 1px;padding:10px 0 10px 0;clear:both;height:100%;text-align:left;}

这段代码是设置评论列表的,红色的是自定义分割线绿色的是自定义大小蓝色的是定义书写方向

.a_comment .info {height:40px;}
.a_comment .logolink {float:left;margin-right:5px;}

红色定义评论头像置左或者置右
.a_comment .logolink img {width:40px;height:40px;}

红色定义评论头像图片的大小(可自行添加其它属性,例如边框)
.a_comment .info .authorname {font-size:12px;font-weight:bold;padding:1px 0 0px 0;}

红色定义评论用户名称的字体大小绿色是定义字体的粗细(bold代表粗体)
.a_comment .info span {display:block;color:#999;font-size:11px;font-family:Arial;}

这段是设置评论发表时间,红色定义颜色绿色定义字体大小蓝色定义字体样式

.a_comment .info .homepage {text-align:right;margin-top:-24px;font-size:11px;font-family:Verdana;}
.a_comment .info .homepage b {margin:0 0 0 5px;color:#666;}

.a_comment .content {margin:-10px 0 0 45px;line-height:20px;}

这三段是设置评论用户的主页等,这里通常不怎么修改,所以这里容许我不详细说了^-^

.a_comment .recontent {color:#2F6003;border-left:#DDD solid 2px;margin:10px 10px 10px 45px;padding:0 0 0 10px;}

这段定义的是作者回复的样式,默认的是一条绿色的竖线,说实话真的很难看- _____-......红色定义的是回复的字体颜色绿色定义的就是那条绿色的竖线,可自行更改左右,颜色或者实线虚线和px等...另外,如果想设置回复的底色,只要添加background属性即可

.a_comment .recontent h6 {display:none;}

最后这段其实就是那作者二字,我想很多人都会不喜欢吧,所以我已经直接放出定义好的代码了

设置评论框:

这里的代码真是自己慢慢挖出来的-_____-费了我好大心血,因为CSS等我是啥都不懂,最后完成的时候真的大大感叹了下......

.cf {border:#999 solid 1px;background:#F3F3F3;margin:5px auto;width:95%;text-align:left;}

红色是定义评论框的边框颜色,实线或者虚线和px等...绿色是定义评论框的底色

.cf h4 {margin:0;padding:10px;font-size:14px;font-weight:normal;color:#666;}

这是设置发表留言那4个字,红色是字体大小绿色是字体粗细蓝色是字体颜色

.cf .cf_submit {background:#E8E8E8;padding:10px;text-align:right;}

这段是设置评论框下面那块色块的颜色等,红色是定义颜色

.cf .cf_submit input {margin:0 5px;}

这段是设置发表,清空,历史内容那3个按钮的的样式,如要设置,可自行添加background等。以上的我只针对了会比较经常改动的代码,因为很多我也不知道干嘛用的^0^(请别丢食物上来......)

另外还有小部分设置(这个纯属个人爱好了,不喜欢的朋友可以不要修改),新的框架增加了许多的按钮还有Tags,因为我比较喜欢干净点的页面,所以把自己平时不用的全部隐藏了...下面这段代码把主页上的-+PA还有每篇日志的分类,Tags,开启关闭页面,Reall all等全部隐藏了,需要的朋友直接复制添加进去就好

.category,.z_close,.z_list,.z_normal,.link_c,.z_post,.z_admin {display:none;}


写这篇东西真是费了我九牛二虎之力,而且写得有点马虎了。因为我一直无法打开5D的后台发表新日记。足足载入了1个小时还没能打开,最后我选择放弃...不得不先写在记事本上-____-如果有错误或者不明白的地方,可以留言给我^-^

 
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}