本帖最后由 misspasting 于 2012-7-4 13:10 编辑
写了好几年的DIV+CSS,精通JQUERY以及后端的JAVA,对PHP也有一定的了解,因此基础应该没啥问题,请老鸟们说深入一点。模板的大概面貌已经出来了,但有些小地方不知道如何来控制,具体如下:
1、要想写一个导航,应用范围为:论坛首页、列表页、内容页、设置中心、消息中心等,或可以说除了个人空间外的导航都应该保持一致。若把样式写在全局样式文件中,那么个人空间也就生效了,似乎不太对。如果写在模板样式文件中,怎么来做到不控制个人页面而控制其他的所有页面呢?请教各位写模板的老鸟,我该怎么来做呢?
2、一个比较棘手的问题是:如何将960px更改为1024而应用于全部页面呢?
这个是目前的模板:http://www.lingdus.com
另外,请老鸟指出我模板样式文件中的不规范和错误,谢谢!
extend_common.css- html, body {
- background-color: #D8DDE8;
- color: #5A5A5A;
- }
- a {
- color: #225985;
- text-decoration: none;
- }
- a:hover {
- color: #328586;
- }
- .clearfix:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- }
- #branding { background: url(/template/zero/images/branding_bg) repeat-x scroll 0 0 #0F3854; border-bottom: 1px solid #1B3759; min-height: 64px }
- #primary_nav {
- background: #386391;
- font-size: 12px;
- padding: 4px 0 0;
- }
- #primary_nav h2{float:left;}
- #primary_nav .hdc{height:70px;padding: 10px 10px 10px 0;width:1024px;margin:0 auto;}
- #primary_nav #um, #primary_nav #um a{color:#F0F0F0;}
- #nv, #mu {border:none !important;}
- #nv {background:#204066 !important;width: 1024px;margin: 0 auto;}
- #nv li{list-style:none;float:left;margin-right:1px;background:none;}
- #nv li a{color:#C5D5E2;background:#1C3B5F;padding:0 20px;}
- #nv li a:hover{background:#173455;color: #FFF;text-decoration:none;}
- #nv #mn_forum{background:#fff;}
- #nv li#mn_forum a{color:#0B5794;background:#fff;font-weight: bold;text-shadow: none;}
- #um a:hover{color:#fff !important;}
- #um a.a:hover{color:#386391 !important;}
- #lsform .pns, #lsform .pns a, .ftid a{color:#F0F0F0 !important;}
- #mn_forum_menu li a:hover{background:#386391;color: #FFF !important;}
- #wp{background:#fff;padding:5px 10px 10px;margin:5px auto;border-radius:5px;}
- #scbar{width:1024px;margin:0 auto;}
- .wp {width:1005px;}
- #toptb{padding-left:10px;}
- #ft{padding:10px 10px 0}
- .ct2_a .mn{width:1020px;}
- #postform .mn{width: 860px;}
- #postform #psd{margin-top:10px;}
- #ct .mn{width: 840px;}
复制代码 extend_module.css- /** forum::index **/
- .bm_h{padding:0;}
- .category {margin-bottom:10px !important;}
- .category h3.maintitle {
- background: url(/template/zero/images/maintitle.png) repeat-x scroll center top #2C5687;
- border-color: #316897;
- border-radius: 4px 4px 0 0;
- border-style: solid;
- border-width: 1px 1px 0;
- box-shadow: 0 1px 0 #528CBC inset;
- color: #FFFFFF;
- font-size: 16px;
- font-weight: 300;
- padding: 5px 10px;
- }
- #ct{background:#fff;}
- .category h3.maintitle a{color:#fff;font-weight:700;}
- .fl .bm_h{height:auto;}
- .bm_h .o{padding:6px 20px 10px 0}
- span.y{padding-top: 5px;color:#fff;}
- #plugin_notice .y{padding-right:10px;}
- #online .o{padding: 0 15px 0;}
- .xg2{color: #777777;font-size: 12px;}
- .category .table_wrap{background:#EBF0F3;padding:9px;}
- .category .table_wrap table{background:#fff;border:1px solid #DBE4EF;}
- .fl_tb td{padding:10px 5px 10px 10px !important;}
- .fl_tb td h2{font-size:14px;display:inline-block;}
- .fl_tb td h2 a{color: #225985;text-decoration: none;}
- .fl_tb td h2 a:hover{color: #328586;}
- #categories {width:auto;border:none;}
- #categories .bmw .table_wrap dt a{font-size:14px;}
- #categories .bmw .table_wrap dt a:hover{text-decoration:none;}
- .bm_h h3{padding-left:10px;}
- .fl_g dl{padding-left:0;margin-left: 50px;}
- .fl_icn_g{padding-top:8px;}
- #ct .mn{width:1005px;}
- .bmw .bm_h a {color:#fff;}
- /** end **/
- /** forum::forumdisplay **/
- .bm_c{width:0 auto;padding:0;}
- .bm_c .xst a{font-size:18px;}
- .bm_c .avt{padding:10px 0 10px 10px;width: 60px;}
- .bm_c .o {width: 30px !important;}
- .bm_c .by {padding-right: 15px;text-align: right;}
- .bm_c .by a{color: #333;}
- #newspecial{float:right;margin-top: -10px;position: relative;background:url(/template/zero/images/pn_post.png) no-repeat;height: 35px;overflow: hidden;text-indent: -9999px;width: 100px;top:0;right:0;}
- .tl .th {padding: 10px;}
- .imagemode, .txtmode{float:right;margin-right:10px;}
- #waterfall{padding:5px;}
- #waterfall li{border:1px solid #d8dde8;margin: 0 10px 10px 0;background:url(/template/zero/images/bg_waterfall.png) no-repeat scroll 100% 100% #f8f8f8;padding: 10px;text-align: left;}
- #waterfall li:hover{border:1px solid gray;}
- .xw0{text-align:center;margin-top:10px}
- .z{float:none;}
- .pgbtn {
- margin: 5px 0 10px;
- }
- .pgbtn a {
- background: url(/template/zero/images/bg_pgbtn.png) repeat-x scroll 0 0 #F5F5F5;
- border: 1px solid #DCDCDC;
- border-radius: 5px 5px 5px 5px;
- box-shadow: 0 1px 0 #F5F5F5;
- display: block;
- font-size: 14px;
- height: 40px;
- letter-spacing: 5px;
- line-height: 40px;
- outline: medium none;
- text-align: center;
- }
- .pgbtn a:hover {
- border-color: #BABABA;
- text-decoration: none;
- }
- .pgbtn a:active {
- background: none repeat scroll 0 0 #EEE;
- border-color: #D0D0D0;
- box-shadow: none;
- }
- #ct .mn{width:1005px;}
- /** end **/
复制代码 |