用户名 UID Email
级别: 新手上路
楼主  发表于: 2008-05-14 19:12

 新手也学做模板:首页日志列表模式显示

  建议:最好能设置首页是以标准模式还是列表模式显示。

  警告:这个所谓模板只不过是将theme\default\template\list_blog.htm和使用模板风格style.css作了改动,如果想试用,请先备份原来的list_blog.htm和style.css。
  用法:1.替换theme\default\template\list_blog.htm。
     2.再修改所用风格的style.css,将其中某个部分修改为:
Quote:
#main{ width:73.5%;}
#side{ width:25%;}
.box{ border:1px #fff solid; margin:0 0 .7em;background:url(theme/blue/images/boxbg.png);width:100%; overflow:hidden; height:auto }
/*for ie 6.0*/
* html #container { width:900px}
* html .box { background:#D5EDE6; filter:alpha(opacity=80);}
* html .profile-pic div{ position:relative}

/*下面box2这个类是新加上去的*/
.box2{ border:1px #fff solid; margin:0 0 .2em;width:100%; overflow:hidden; height:auto }
     3.如果想消除首页的超链接下划线及设置成自己想要的字色,要改动所用风格的style.css,将里面的代码
Quote:
/*a link 基本连接颜色*/
a{color:#e72}
a:hover{color:#fff; background:#0C5896}
a.noul{ text-decoration:none}
a.active{background:#0C5896; color:#fff}
a.active:hover{color:#0C5896; background:none}


修改为以下代码:
Quote:
/*a link 基本文本连接颜色,下面的字色(color:#000)、点击链接色(color: red)等可按自己的情况来修改*/
   a:link { text-decoration: none;color:#000}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red}
   a:visited { text-decoration: none}
[ 此贴被mmbbgg在2008-05-15 07:50重新编辑 ]
附件: list_blog.rar (1 K) 下载次数:8
本帖最近评分记录:
  • 威望:+3(lyn) 谢谢分享