建站之星说明.doc

建站之星说明建站之星 模板 css 样式说明 1、模板 css 文件 css/ 的说明 全局样式说明 样式名: body html body{ font-size:12px; line-height:180%; font-family:Arial," 宋体",Helvetica, sans-serif,Verdana; color:#4D4D4D;margin:0; padding:0; background:#FFF; text-align:center;} 设置 body 下的,文字的大小/ 行高/ 字体,字体颜色,间距,背景, 页面居中。 样式名: table, td table,td{ font-size:12px; line-height:180%; font-family:Arial," 宋体",Helvetica, sans-serif,Verdana; color:#4D4D4D;} table{border-collapse:collapse; border-spacing:0; empty-cells:show; } th, td{ border-collapse:collapse; } 设置表格的样式,注意表格里的文件字大小等也要设置,和 body 相同。 样式名: a A:link{text-decoration:none; color:#4D4D4D;} A:visited{text-decoration:none; color:#4D4D4D;} A:hover{text-decoration:underline; color:#BB0F09;} 链接的样式 样式名: img img{ border:0; } 图片的链接样式 样式名: div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4, h5,h6 div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4, h5,h6{margin:0;padding:0;} 设置 div 标签的间距包含等默认值为 0 样式名: ol,ul,li ol,ul,li{list-style-type:none;} 设置序列标签的项目符号,默认为无 模板页面样式说明说明:模板版式,一般分为两栏和三栏的,我们可以在配置文件 里设置:像两栏的模板即为: public static $positions = array( 'logo','cart','lang','nav','left','banner','right','footer' ); Logo 是标志, banner 是 banner 图片或动画, lang 是语言, nav 是导航, Left 是左边, Right 是右边, footer 是底部。这个一看即为左右结构的两栏模板。三栏的类似,在 设置: public static $positions = array( 'logo','nav','top_banner','cart','left','banner','center', 'right', 'footer' ); 很明显这是 left center right 三栏结构的。由于所有的设置的版块都是能拖动的, 所以每一块栏目的代码一定要结构相同, 名称相同, 并且写样式的时候, 一定要用左右或左中右的 ID 控制, 举例,假如所有的标题都是<h3 class= ” blk_t ”></h3> 那么我们一定要在样式表里分别定义好: #left blk_t{} #center blk_t {} #right blk_t{ } ,这样才能保证栏目拖动的时候,不会有样式错位变形的情况出现。下面是两栏的样式说明,两栏解决了,三栏也就没有任何问题了: 样式名: box #box{width:959px;margin:0 auto; text-align:left;} 设置最外层包含 div 的样式,由于 body 是文本居中,那么 box 里要设计文本居左,并且 box 本身要设置左右距离为 auto ,这样就保证在不同的浏览器下页面都是居中的。 样式名: header #header{width:959px;height:77px; background:url(../images/) repeat-x;} 头部的标签,可以设置宽度高度背景