友声网

 找回密码
 立即注册
搜索
查看: 1727|回复: 0
收起左侧

[文档] PHPWind 3.X-5.X CSS控制说明与学习

[复制链接]
暗暗 发表于 2008-5-7 14:36 | 显示全部楼层 |阅读模式
以下内容在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为绝对位置
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|RSS|联系|友声网 ( 鲁ICP备15020090号 ) 知道创宇云安全

GMT+8, 2019-6-20 22:09 , Processed in 0.202136 second(s), 17 queries , MemCache On.

Powered by Discuz! X

©2019 Comsenz Inc.

快速回复 返回顶部 返回列表