pw5.x css控制说明与学习

完美主义_2

pw5.x css控制说明与学习
以下内容在header.htm可以找到，为方便想制作风格的朋友而送出
body {font-family: Verdana;FONT-SIZE: 12px;MARGIN: 0;color: #000000;background: #ffffff;}
控制整个页面的属性，font-family是字体样式，FONT-SIZE是字体大小，一般是12个象素大小，color是字体的颜色，background是背景颜色。
background-image: url($imgpath/$stylepath/bg.gif)添加背景图片，text-align: center所有字体都居中
td {FONT-SIZE: 12px;}
表格内的控制，包括背景，字体，字体颜色。
textarea,input,select{
font-family: Verdana;
font-size: 12px;
background-color: #ffffff;
}
输入框，选择项，按钮的控制。
border: 1px solid #A4A4FF;边框的颜色与线条控制
div.quote{
margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal;
}
层的控制，如果风格内有层的话才有效果
a { TEXT-DECORATION: none;}
连接文字的控制，现在是没下划线的
BORDER-BOTTOM: #848684 4px dotted;  //#848684设置下横虚线颜色//4px设置下横线大小(像素),1px为虚线
TOP: -1px;  //字体上下移动副度，负数为上移,正数为下移
a:hover{ text-decoration: underline;}
鼠标移上连接文字时的效果控制，现在是带有下划线的
img {border:0;}
带有连接的图片的边框控制
.banner{background: #84AACE;}
header.htm的TOP框内的颜色控制
.head { color: #FFFFFF;background: #84AACE;padding: 5px;}
头部表格内的控制,就是最上面控制面板,短消息那里
.head a { color: #FFFFFF;}
头部表格内的连接控制
英文后加 a 是连接后的效果的，下面的框都可以做类似的效果
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
首页表格内的颜色的控制,在核心文件更改
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
贴子列表表格内的颜色的控制,在核心文件更改
.r_one {background: $readcolorone;}
.r_two {background: $readcolortwo;}
阅读贴子表格内的颜色的控制,在核心文件更改
.hr {border-top: 1px solid $tablecolor; border-bottom: 0; border-left: 0; border-right: 0; }
分割线的控制，在阅读贴子的那里与首页在线用户那里
.cbg { color:#000000;background: #E5E8EA;}
表格栏目说明的控制，就是首页的（论坛 主题 文章 最后发表 版主）那里
.cbg a{ color:#000000;}
表格栏目说明里面的连接控制
.smalltxt {font-family: Tahoma, Verdana; font-size: 12px;}
右上角的多少贴子多少会员那里的框的控制，一般不要改
.cfont { color:#FFFFFF; }
首页分类那行的控制
.fnamecolor { color:#003366;}
板块名称颜色与“社区公告”这四个字颜色的控制
.index_font{color: #3A4F6C;background-color:#EBEBEB; font-weight:bold;padding: 5px;}
“我的信息”那一行的表格控制
.tpc_title { font-size: 12px;font-weight:bold;}
阅读贴子那里的标题文字、粗体、大小的控制
.tpc_content { font-size: 13px;}
阅读贴子那里的内容文字大小控制
.i_table {BORDER: $tablecolor 1px solid;background:#D6E3EF;}
首页表格外框线条的控制
.tool {color:#84AACE;}
道具中的字体颜色
.menu{position:absolute;}
下拉菜单的定位，absolute为绝对位置
红色的表示可以另外加入的，另外有些CSS效果还没写进，以后继续增加，上面说的不对的大家一起提出

吉安rich

学习中