|
9#
![](static/image/common/ico_lz.png)
楼主 |
发表于 2011-5-25 06:55:35
|
只看该作者
4.6.3然后样式表style.css,定义这些样式,红色的为说明
/*user1*/
#user1 .list_bot, #user1 .login_bot,#user1 .recent_bot { height:7px; background:url(../images/user1_list_bot.gif) no-repeat; clear:both; margin-bottom:10px; overflow:hidden;} /*是栏目框的底边,一般有圆角的,定义背景图片,如果没有可以直接display:none*/
#user1 .login_title,#user1 .list_title,#user1 .cart_title,#user1 .newprod_title,#user1 .blk_t{font-size:12px;background:url(../images/user1_blk_t.gif) no-repeat;overflow:hidden;height:25px; padding:3px 0 0 25px; font-weight:bold;}/*定义栏目标题,blk_t等样式*/
#user1 .list_con, #user1 .login_con, #user1 .newprod_con, #user1 .prod_type, #user1 .prod_type_n, #user1 .cart_con,#user1 .lagbar, #user1 .recent_con, #user1 #mess_main, #user1 .cartlist_list{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1; padding-top:8px; zoom:1; overflow:auto; overflow-x:hidden;overflow-y:hidden;}/*定义栏目内容的外框样式*/
这是咱们建站之星的帮助文件,自定义模块时用到的代码,我想问下这些代码是跟着,style.css最下面呢,还要是到,每一个分栏的下面呢,看下面代码的分栏
#right1 { width:701px; float:left; margin-left:8px; overflow:hidden; background:#fff; }
/*---首页产品样式---*/
.newprod_list { padding-bottom:6px; padding-top:7px; padding-left:3px; float:left; line-height:1.5em; margin:0 auto; text-align:center; width:136px; _padding-left:1px; }
#left .newprod_list { padding-bottom:6px; padding-top:7px; padding-left:8px; float:left; line-height:1.5em; width:115px; margin:0 auto; }
.blk_t, #left .art_list_title { height:39px; line-height:39px; background:url(../images/airconditioning_15.jpg) no-repeat; text-indent:35px; color:#630; font-size:12px; font-weight:bold; overflow:hidden; font-family:"Microsoft Yahei", "华文细黑", "黑体", "宋体", Arial; }
#right .blk_t, #right .art_list_title { height:39px; line-height:39px; font-size:12px; color:#fff; background:url(../images/airconditioning_17.jpg) no-repeat; overflow:hidden; font-family:"Microsoft Yahei", "华文细黑", "黑体", "宋体", Arial; text-indent:35px; }
.prod_type_title { background-image:url(../images/cats_28.jpg); color:#fff; }
.menutitle { background-image:url(../images/house_16.jpg); }
.cart_con { height:23px; line-height:23px; padding-top:5px; text-align:center; }
.cart_con a, .cart_con a:visited { color:#444; display:block; }
.list_con, .newprod_con, .cart_con, .prod_type { min-height:10px; _height:10px; }
#right .login_con { border:0; width:260px; margin:0 auto; padding-bottom:5px; }
#left .login_con{ padding-bottom:5px;}
.list_bot { background:url(../images/left_bj.jpg) no-repeat; height:8px; }
#right .list_bot { background:url(../images/left_bj1.jpg) no-repeat; height:8px; }
#right1 .list_bot { display:none; }
.list_con ul { line-height:2em; margin-left:10px; }
.list_con ul li { background-image:url(../images/airconditioning_29.gif); text-indent:10px; background-position:0px 10px; background-repeat:no-repeat; }
#right .list_con ul li { width:340px; float:left; overflow:hidden; }
/*--标题--*/
#right2 .blk_t, #right2 .contenttitle, #right2 .art_list_title { height:29px; line-height:29px; font-size:12px; color:#fff; text-indent:35px; background:url(../images/airconditioning_18.jpg) no-repeat; overflow:hidden; font-family:"Microsoft Yahei", "华文细黑", "黑体", "宋体", Arial; }
/*--底部--*/
.footermain {padding:0px 8px 8px 8px; background:#fff; width:961px; margin:0 auto;}
#footer { clear:both; color:#fff; line-height:1.5em; text-align:center; background:#877152;}
#footer .list_bot { display:none; }
#footer a, #footer a:visited { color:#fff; }
还是要分别对应的插入这些代码下面呢 |
|