12 12
发新话题
打印

[风格技巧] 7.1sp1风格制作CSS解析

本主题由 花之残 于 2007-10-4 03:31 置顶
92合租网

7.1sp1风格制作CSS解析

这次的CSS变化很大,一般需要改动的地方我都做了详细解释

以前7.1的风格教程里我解释过的老的CSS样式在这里就不做说明了,提倡大家自己动手做风格

========================================================================

/* 默认风格 */
a {text-decoration : none;color : #000000; }
a:hover {text-decoration : underline; color : #4455aa; }
body {font-size : 12px; color : #000000; font-family : tahoma, 宋体, fantasy; text-align : center; margin : 0; background-image : none; }
td {font-family : tahoma, 宋体, fantasy; font-size : 12px; line-height : 15px; }
th {background-image : url("skins/xx521_huo/xx521_18.jpg"); background-color : #4455aa; color : white; font-size : 12px; font-weight : bold; line-height: normal; }
th a {color : #fff; text-decoration : none; }
th a:hover {color : #fff;text-decoration : underline;}

.tabletitle1 {background-color : #6595d6; color : #fff;}
改变XML和WAP下面的背景颜色

.tabletitle2 {background-color : #e4e8ef; }
.tablebody1 {background-color : #fff; line-height : normal; }
.tablebody2 {background-color : #e4e8ef; line-height : normal; }
.tablebody3 {background-color : #6595d6; }
.tableborder1 {width : {$width}; border:1px none inherit; background-color : #6595d6;}
.tableborder2 {width : {$width}; border : 1px solid #dedede; background-color : #efefef; margin:0 auto;}
.tableborder3 {width : {$width}; border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; border-top : 0px none inherit;border-bottom : 0 solid #6595d6; background-color : #efefef; }
.tableborder4 {width : {$width}; border : 1px solid #6595d6;}
.tableborder5 {border : 1px solid #6595d6; (XML最外框的颜色) background-color : #d6e0ef;(XML最外框下的一小圈背景颜色)}

.tableborder6 {width : {$width}; border : 0 none inherit;background-color : #fff;}
.singleborder {font-size : 0px;line-height : 1px;padding : 0px;background-color : #6595d6;}
#tabletitleLink a {color : #fff; text-decoration : none;}
#tabletitleLink a:hover {color:#fff;text-decoration : underline;}
#nobold {font-weight : normal;}
input , select , textarea , option {font-family : tahoma, verdana, 宋体, fantasy; font-size : 12px;line-height : 15px; color : #000000;}
.normaltextSmall {font-size : 11px; color : #000000;font-family : verdana, Arial, Helvetica, sans-serif, fantasy;}
.menuskin {border : 1px solid #666666; visibility : hidden; font-size : 12px;position : absolute;background-color : #efefef; background-image : url("{$PicUrl}dvmenubg3.gif"); background-repeat : repeat-y;}
.menuskin a {padding-right : 10px;padding-left : 25px; color : black;text-decoration : none;}
.menuitems {margin : 2px; padding : 1px; text-align : left; line-height : 14pt; }
.brightClass {background-color : #d7d7d7; }
.redfont {color : red;}
(今日发贴等红色字的颜色)

.bluefont {color : #6595d6;}

小方块的颜色

.imgonclick {cursor : pointer;}
.menu_popup {display : none; }
.itableborder {margin:0 auto;width : {$width};
line-height : 15pt;}
hr {height:0px;border :0px;border-top: #6595d6 1px solid;width : 100%; }

所有的分隔线的颜色

div.quote {margin : 5px 20px; border : 1px solid #cccccc; padding : 5px;background : #f3f3f3; line-height : normal;}
div.htmlcode {margin : 5px 20px; border : 1px solid #cccccc;padding : 5px;background : #fdfddf;font-size : 14px;
font-family : tahoma, 宋体, fantasy;font-style : oblique;line-height : normal;font-weight : bold;}
div.info {border-top : 1px dotted #cccccc; padding : 5px;line-height : normal; color : #c5c5c5;}
font.showtools {color : white; background-color : #b88ffc; }
.magicframe {border : 1px solid #cccccc; }
.pageinput {border : 1px solid #d6e0ef; background-color : #fafafa; height : 18px;
font-family : Arial, 宋体, fantasy; font-size : 11.5px; }
.copyright {color : #cccccc; line-height : 130%; }
#tdleft {float:left;border-right:1px solid #6595d6; (登陆信息与论坛信息中间那条竖线的颜色) width:50%; }


.mainbar1{border-left : 1px solid #6595d6; border-right : 1px solid #6595d6; width : {$width}; min-width :760px; margin : 0 auto;border-top : 1px solid #6595d6; (查看新贴 用户列表等上的那一条线的颜色) border-bottom : 1px solid #6595d6; (查看新贴 用户列表等下的那一条线的颜色) line-height:25px;background-color : #E4E8EF;(查看新贴 用户列表等的背景颜色颜色)height:25px;}
.mainbar{border-left : 1px solid #6595d6; (改变最左上的半条线的颜色) border-right : 1px solid #6595d6; (改变最右上的半条线的颜色)width : {$width}; min-width :760px; margin : 0 auto;line-height:22px;background-color : #fff;}
.mainbar0{width : {$width};min-width :760px;margin : 0 auto;
line-height:22px;background-color : #fff;}
.mainbar2{border-left : 1px solid #6595d6; (版块列表最左边下半条线的颜色) border-right : 1px solid #6595d6; (版块列表最右边下半条线的颜色)width : {$width};min-width :760px; margin : 0 auto;border-bottom : 1px solid #6595d6;(版块列表最底下那条线的颜色) line-height:22px;background-color : #E4E8EF; (斑竹下面的那一长条的背景颜色) }
.mainbar3{border-left : 1px solid #6595d6; (友情链接和论坛在线情况的最左边的那条线) border-right : 1px solid #6595d6; (友情链接和论坛在线情况的最右边的那条线)border-bottom : 1px solid #6595d6;(友情链接和论坛在线情况的最底下的那条线)width : {$width};min-width :760px; margin : 0 auto;background-color : #fff;(背景色)}
.mainbar4{border-left : 1px solid #6595d6; (分页面版主左边那条线的颜色) border-right : 1px solid #6595d6;(分页面版主右边那条线的颜色)border-top : 1px solid #6595d6;(分页面版主上面那条线的颜色) width : {$width};min-width :760px;margin : 0 auto;background-color : #fff;height:25px;line-height:25px;}

.index_left_states{border-right : 1px solid #6595d6; (改变论坛状态图标右边的那条线的颜色)width :46px;float:left;height:60px;background-color : #fff;}
.index_right{float:right;width :240px;text-align : left; line-height:25px;}
.index_left_states img{margin-top:28px;}

.boardlogo{float:right;margin-top:4px;margin-right:5px;border:0px;}
(版块图片的样式)

#topbar_top{background-image : url("{$PicUrl}css/default/topbg.gif"); height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_mid{height:70px;text-align : left;background-color : #fff;}
#topbar_bottom{background-image : url("{$PicUrl}css/default/bottombg.gif");height:9px;line-height:9px;font-size : 0px;color : #6595d6;}
#topbar_menu{background-image : url("{$PicUrl}css/default/tabs_m_tile.gif"); height:22px;line-height:22px;text-align : left;}
#topbar_mid_l{width:25%;float:left;margin-left:1px;margin-top:5px;min-width:180px;}
#topbar_mid_m{width:60%;float:left;margin-top:5px;min-width:468px;}
#topbar_mid_r{float:right;margin-top:5px;min-width:90px;line-height:15pt;text-align :right;margin-right:5px;}
.menudiv1{float:left;margin-left:2px;height:20px;line-height:20px;background : url("{$PicUrl}navspacer.gif") no-repeat;text-indent:8px;}(首页菜单条分隔图片的样式)

.menudiv2{float:left;margin-left:2px;height:20px;line-height:20px;text-indent:8px;}
div.th{border: 1px solid #6595d6; (改变th上的那条横线的颜色) border-bottom : 0px; width : {$width};min-width :760px;margin : 0 auto;background-image : url("{$PicUrl}css/default/bg1.gif");(改变th的背景)

background-color : #4455aa; color : white;font-size : 12px;font-weight : bold;height : 26px;line-height : 26px; text-align : left;text-indent: 5px;}
div.th div{height : 26px;line-height : 26px;text-align : center;text-indent:0px; }
div.th a {color : #fff;text-decoration : none; }
div.th a:hover {color : #fff;text-decoration : underline; }
div.th img{border:0px;margin-top:9px;}
.bottomline{height :24px;line-height :24px;border-bottom : 1px solid #6595d6;float:left;}
#rules{border-bottom : 1px solid #6595d6;text-align : left; line-height : 15px; }
版规下面那条线的颜色

#rulesbody{text-indent:24px;padding:10px;}
.list1{float:left;width:32px;border-right : 1px solid #6595d6;}
回复 人气 状态旁边的那条线的颜色

.list_r{float:right;width:400px;border-left : 1px solid #6595d6; }
帖子列表th样式背景作者左边的那条线的颜色

.list{border-left : 1px solid #6595d6; (帖子列表左边的那条线的颜色) border-right : 1px solid #6595d6;(帖子列表右边的那条线的颜色)border-bottom : 1px solid #6595d6;(帖子列表底下的那条线的颜色)width : {$width};min-width :760px;margin : 0 auto;background-color : #fff; (贴子标题列表的背景颜色) height:26px;line-height:26px;text-align : left;overflow :hidden;}
.list div{height:26px;overflow :hidden;}
.list_s{float:left;text-align : center;width:32px;border-right : 1px solid #6595d6; (帖子列表状态图片右边那条线的颜色) background-color :#e4e8ef; (帖子列表状态图片下的背景颜色) }
.list_s img{margin-top:6px;}
.list_a{float:left;text-align : center;width:80px;border-right : 1px solid #6595d6; (帖子列表作者右边那条线的颜色) background-color : #e4e8ef; (帖子列表作者的背景颜色)}
.list_c{float:left;text-align : center;width:50px;border-right : 1px solid #6595d6; (帖子列表回复和人气右边的那条线的颜色) background-color : #fff;(帖子列表回复和人气的背景颜色) }
.list_t{float:left;text-align : center;width:120px;margin-left:5px;}
.list_r1{float:right;width:400px;border-left : 1px solid #6595d6; (贴子列表作者左边的那条线的颜色) background-color : #e4e8ef; (最后更新的背景颜色) }
.list_img{float:left;text-align : center;}
.list_img img{margin-left:2px;margin-top:8px;margin-right:8px;border:0px;}
form{margin:0px;}
#posttopic{width:85px;height:26px;float:left;background-image : url("{$PicUrl}postnew.gif"); margin : 2px;cursor:pointer;}
(发表新贴的图标样式)
#postvote{width:85px;height:26px;float:left;background-image : url("{$PicUrl}votenew.gif"); margin : 2px;cursor:pointer;}

(发新投票的图标样式)
#postpaper{width:85px;height:26px;float:left;background-image : url("{$PicUrl}xzb.gif"); margin : 2px;cursor:pointer;}

(发小字报的图标样式)
#repost{width:85px;height:26px;float:left;background-image : url("{$PicUrl}mreply.gif");margin : 2px;cursor:pointer;}

(回复此帖的图标样式)
#postalipay{width:85px;height:26px;float:left;background-image : url("{$PicUrl}alipay.gif"); margin : 2px;cursor:pointer;}

(发起交易的图标样式)
.main{width : {$width};min-width :760px;margin : 0 auto;}
#boardmaster{margin-top:2px;text-align : left;}
#boardmaster a{margin-right:2px;}
#masterpic{float:left;width:20px;height:20px;margin-top:3px;background-image : url("{$PicUrl}team2.gif"); }

(分页版主图标的样式)
#boardmanage{float:right;margin-right:2px;}
#subject{text-align :left;text-indent:5px;}
#subject img{margin-top:5px;}
.listexpression{margin-left:2px;margin-top:2px;margin-right:8px;float:left;}
.filetype{margin-top:5px;margin-right:8px;float:left;}
.listtitle{float:left;}
.listtitle div{float:left;}
.listtitle img{margin-top:5px;margin-right:8px;float:left;}
.postlary1{border: 1px solid #6595d6; (帖子内容外框表格线的颜色 样式一)width : {$width}; min-width :760px;margin : 0 auto;background-color:#fff;(贴子内容背景颜色一)text-align : left;}
.postlary2{border: 1px solid #6595d6; (帖子内容外框表格线的颜色 样式二) width : {$width}; min-width :760px;margin : 0 auto;background-color:#E4E8EF; (贴子内容背景颜色二) text-align : left; }
.postuserinfo{float:left;width:190px;text-indent:24px;}
.post{border-left: 1px solid #6595d6;margin-left : 190px;min-height:300px;padding:10px;}
.postie{border-left: 1px solid #6595d6; (帖子内容和快速回复中间的那一长条竖线的颜色) margin-left:190px;height:300px;padding:10px;}


.postbottom1{width : {$width};min-width :760px;margin : 0 auto;background-color:#fff;(帖子内容页IP以及引用 回复菜单那一条的背景颜色样式一)height:28px;line-height:28px;border-left: 1px solid #6595d6;(帖子内容页快速回复上的最后一个帖的最左边的那条线的颜色样式1)border-right: 1px solid #6595d6;(帖子内容页快速回复上的最后一个帖的最右边的那条线的颜色样式1)text-align : left; }
.postbottom2{width : {$width};min-width :760px;margin : 0 auto;height:28px;line-height:28px;background-color : #e4e8ef; (帖子内容页IP以及引用 回复菜单那一条的背景颜色样式二) border-left: 1px solid #6595d6; (帖子内容页快速回复上的最后一个帖的最左边的那条线的颜色样式2)border-right: 1px solid #6595d6;(帖子内容页快速回复上的最后一个帖的最右边的那条线的颜色样式2)text-align : left; }
#postend{border-bottom : 1px solid #6595d6;}
帖子内容页快速回复上的最后一个帖的最下面的那条线的颜色


.lockuser{height:30px;line-height:30px;width:150px;border: 1px solid #6595d6;border-top:3px double #6595d6;text-align : center;color:#00008B;margin :240px 0px 0px 10px;background-color : #e4e8ef;float:right;}
.vote{float:left;border-left: 1px solid #6595d6; (投票帖中间的那条线的颜色) height:28px;}
.li1{border-left : 1px solid #6595d6;
line-height : 28px;height : 28px;}
.li2{border-left : 1px solid #6595d6; line-height : 28px;height : 28px;background-color : #e4e8ef;}

TOP

92合租网

路过顶一写

看贴回贴是素质的表现,

顶一下,沙发!!
















个人签名:俗话说千年修得同船渡,人与人的偶然相见是有机缘在里面的,你随便碰见的一个人,其实是有缘千里来相见的。圣荷丰胸泰国圣荷丰胸产品
我是做泰国圣荷丰胸的,希望愿意认识各位朋友。

TOP

主要生产制砂机,制砂机械设备,制砂机生产厂家,鄂式破碎机

TOP

92合租网

沙发是我的吗?

1、茫茫人海中,为你怦然心动,皮划艇你好似不在意的表情,却让我隐隐作痛,你的漠然让我不敢表白心迹,可我不能自拔,现在我要你明白……你踩着我脚啦   
32、昨天我梦见你了,真的,天空是那么明静,阳光是那么明媚,大海是那么一望无垠,你站在蔚蓝的海边,我拿小棍一捅你,嘿,这小王八,壳还挺硬。   
3、我喜欢在你身上爬来爬去,喜欢抚摩你的每寸肌肤,双人皮划艇喜欢躺在你的怀抱,我一刻也离不开你,我爱你--沙发   
4、在我们的友谊旅途上有时你看不到我在你身旁,不是我把你遗忘不是让你独自一个人走,是我选择走在你的后面,当你不小心跌倒我就跑上去......踩两脚   
5、下次遇见你,我一定把你拉到卧室,锁上门,迅速把你推倒在床上,用被子蒙住头,伸出我的大手……你看我的手机是蓝屏的。   
6、一直对你情有独钟,你的面孔无时无刻浮现在我眼前!皮划艇价格可我很穷不敢奢望,现在我有钱啦!可以大声说:老板,那猪头给我切一半!   
7、这段曰子以来,我一直想对你说三个字,但又怕说了连普通朋友也做不成,可我控制不住,还是想说:借点钱!   
8、啊!你的皮肤如此富有光泽,你散发的香味如此难以抗拒,皮划艇厂家让我狠狠咬你一口吧,我亲爱的--红烧肉。   
9、我怎么忍心看着你离去?我们一起度过了多少温馨快乐的时光,可是今天就要分手!望着你哀怨的眼神,我大喊:等一等,这狗我不卖了   
10、今天有人看见你了,你还是那样迷人,穿着格子背心,双人皮划艇慢悠悠地走着,一副超然自在的样子,实在是可爱极了,真不知你当年是怎么赛过兔子的?

TOP

92合租网

在网上找到几个上游棋牌梭哈看牌器,请高手帮忙破_解



               

进入公司网站

               

想只打打字,在家里坐在电脑前赚钱创业吗?博林软件让你梦想即刻实现,博林软件开发有限公司是一家独立游戏辅助软件开发商和供应商,公司成立于1998年5月,是长达各个领域游戏辅助软件开发近10年的国内首家大型IT软件专业破_解版公司,公司拥有技术研发人员近50人,全部为本科以上学历,博士、硕士、研究生占15%。

    博林软件渠道理念:让利共赢、经验分享、紧密协作、满意服务

    代理商加盟条件及待遇:
我们诚聘各地的代理商加盟本公司,加盟条件:
1.必须为本公司高级VIP会员。249元加盟高级VIP会员,免保证金
2.必须准备一个QQ,方便客户联系,每天在线时间不少于5小时。
3.对工作负责并且细心对待客户。
4.未经本站的同意不得在任何网站发布本站的软件。
5.代理一旦录用,工作时间可以不和我们总部客服QQ在线时间一样。
代理商待遇:
1.代理商将拥有和总部一模一样的网站.
2.每出售一个软件可得该软件的50%作为回扣。

    公司免费下载QQ、边锋、联众、中游、远航、茶苑、同城游、冠通、上游、金游,凤凰山庄,青鹏,慈溪游戏,宁波游戏,藏金阁,通吃游戏等国内玩家最多的棋牌游戏新游戏币制作器,刷分器,看底牌器,且公司还开发定做软件,目前公司游戏辅助软件有60多款。
边锋游戏港式五张看牌器,作弊器,刷分器,断线器破_解版
QQ游戏同花顺看牌器,作弊器,刷分器,断线器破_解版
联众游戏港式五张看牌器,作弊器,刷分器,断线器破_解版
中游看牌器,作弊器,刷分器,断线器破_解版
远航游戏港式五张看牌器,作弊器,刷分器,断线器破_解版
茶苑游戏港式五张看牌器,作弊器,刷分器,断线器破_解版
同城游港式五张看牌器,作弊器,刷分器,断线器破_解版
冠通游戏港式五张看牌器,作弊器,刷分器,断线器破_解版
凤凰山庄,青鹏,慈溪游戏,宁波游戏,藏金阁,通吃游戏等......

网站http://www.800133.cn
客服QQ:33119392  (网站访问不了,请咨询QQ网址)
客服电话:0571-81885552
加盟博林软件  轻松创业不再是梦想
缘来缘去,缘起缘灭!

TOP

92合租网

谢谢分享,好站推荐咯61

TOP

92合租网

水上蹦蹦床

1“美丽不打折” 姐姐叫美丽,妹妹叫打折水上蹦蹦床价格 2里面的人听着,交出水上蹦蹦床,释放人质!!! 3“啊,我那炽热的肱二头肌啊~~~ !!” 4盗神:有你这么做贼的吗?偷了东西还帮人收拾屋子 盗圣(白):那不收拾能行吗?人家要跟踪脚印追呢?水上蹦蹦床厂家 盗神:水上蹦蹦床到手了,你玩几天还给人家送回去? 盗圣:不送回去能行么?你丢东西不着急啊! (MS,好象,大概,记不清具体词了||||水上蹦蹦床) 5张飞.........岳飞..........王菲@_@

TOP

92合租网

maplestory mesos

We provide cheap maplestory mesos to reliable customer,buy mapleStory mesos here. Look to buy eq2 gold,everQuest 2 gold, buy eq2 Gold, buy cheap eq2 gold.Buy dofus kamas, cheap dofus kamas, we provide cheap dofus kamas to reliable customer. You can buy cabal alz,Welcome to wow power leveling website.
多多WoW Gold,精彩游戏

TOP

92合租网

齿辊式破碎机

河南矿山机械厂专业生产
破碎机
复合破碎机
齿辊式破碎机
球磨机
欢迎来电咨询,来人来厂参观考察!
河南矿山机械厂
电话:0371-66073145/66073146
手机:13949087927
http://www.yaqiuji.net

TOP

92合租网

新加的空白文章1

北京到奥古斯汀机票,北京飞奥古斯汀特价机票,至奥古斯汀国际航班查询预定/size]奥运期间,从成都出发前往全国各地的航线都能买到不同程度的折扣票,如果提前3天以上购票,成都-北京还可以买到最低6折860元的机票,北京到亚特兰大机票,北京飞亚特兰大特价机票,至亚特兰大国际航班查询预定单程才4000元、北京到奥斯汀机票,北京飞奥斯汀特价机票,至奥斯汀国际航班查询预定往返机票6200元 成都—深圳4.5折630元。越早订票可享受到更加优惠的机票折扣。各条旅游航线中,提前订票也能享受到不同程度的折扣优惠,北京到盐湖城机票,北京飞盐湖城特价机票,至盐湖城国际航班查询预定学生单程3900元  成都—桂林6折590元,热门旅游景点九寨沟,提前购买可买到最低6折的机票。其余一些航线,如长沙、乌鲁木齐,最低还能买到3折的机票

TOP

 12 12
发新话题
打造专业模板社区

版权声明
本论坛所有内容,发表者自行负担版权责任,
版权纠纷请版权所有者寻找发行者自行解决,模板之家尽力协助,但不负任何法律责任!
本站原创内容,发表者拥有版权,模板之家拥有展示权,转载请注明出处!