Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 模板制作过程中遇到疑难杂症,我非常需要你们的帮助

[复制链接]
misspasting 发表于 2012-7-4 13:05:47 | 显示全部楼层 |阅读模式
本帖最后由 misspasting 于 2012-7-4 13:10 编辑

写了好几年的DIV+CSS,精通JQUERY以及后端的JAVA,对PHP也有一定的了解,因此基础应该没啥问题,请老鸟们说深入一点。模板的大概面貌已经出来了,但有些小地方不知道如何来控制,具体如下:

1、要想写一个导航,应用范围为:论坛首页、列表页、内容页、设置中心、消息中心等,或可以说除了个人空间外的导航都应该保持一致。若把样式写在全局样式文件中,那么个人空间也就生效了,似乎不太对。如果写在模板样式文件中,怎么来做到不控制个人页面而控制其他的所有页面呢?请教各位写模板的老鸟,我该怎么来做呢?

2、一个比较棘手的问题是:如何将960px更改为1024而应用于全部页面呢?

这个是目前的模板:http://www.lingdus.com





另外,请老鸟指出我模板样式文件中的不规范和错误,谢谢!
extend_common.css
  1. html, body {
  2.     background-color: #D8DDE8;
  3.     color: #5A5A5A;
  4. }
  5. a {
  6.     color: #225985;
  7.     text-decoration: none;
  8. }
  9. a:hover {
  10.     color: #328586;
  11. }
  12. .clearfix:after {
  13.     clear: both;
  14.     content: ".";
  15.     display: block;
  16.     height: 0;
  17.     visibility: hidden;
  18. }
  19. #branding { background: url(/template/zero/images/branding_bg) repeat-x scroll 0 0 #0F3854; border-bottom: 1px solid #1B3759; min-height: 64px }
  20. #primary_nav {
  21.     background: #386391;
  22.     font-size: 12px;
  23.     padding: 4px 0 0;
  24. }
  25. #primary_nav h2{float:left;}
  26. #primary_nav .hdc{height:70px;padding: 10px 10px 10px 0;width:1024px;margin:0 auto;}
  27. #primary_nav #um, #primary_nav #um a{color:#F0F0F0;}

  28. #nv, #mu {border:none !important;}
  29. #nv {background:#204066 !important;width: 1024px;margin: 0 auto;}
  30. #nv li{list-style:none;float:left;margin-right:1px;background:none;}
  31. #nv li a{color:#C5D5E2;background:#1C3B5F;padding:0 20px;}
  32. #nv li a:hover{background:#173455;color: #FFF;text-decoration:none;}
  33. #nv #mn_forum{background:#fff;}
  34. #nv li#mn_forum a{color:#0B5794;background:#fff;font-weight: bold;text-shadow: none;}
  35. #um a:hover{color:#fff !important;}
  36. #um a.a:hover{color:#386391 !important;}

  37. #lsform .pns, #lsform .pns a, .ftid a{color:#F0F0F0 !important;}

  38. #mn_forum_menu li a:hover{background:#386391;color: #FFF !important;}

  39. #wp{background:#fff;padding:5px 10px 10px;margin:5px auto;border-radius:5px;}
  40. #scbar{width:1024px;margin:0 auto;}
  41. .wp {width:1005px;}
  42. #toptb{padding-left:10px;}
  43. #ft{padding:10px 10px 0}
  44. .ct2_a .mn{width:1020px;}
  45. #postform .mn{width: 860px;}
  46. #postform #psd{margin-top:10px;}
  47. #ct .mn{width: 840px;}
复制代码
extend_module.css
  1. /** forum::index **/
  2. .bm_h{padding:0;}
  3. .category {margin-bottom:10px !important;}
  4. .category h3.maintitle {
  5.     background: url(/template/zero/images/maintitle.png) repeat-x scroll center top #2C5687;
  6.     border-color: #316897;
  7.     border-radius: 4px 4px 0 0;
  8.     border-style: solid;
  9.     border-width: 1px 1px 0;
  10.     box-shadow: 0 1px 0 #528CBC inset;
  11.     color: #FFFFFF;
  12.     font-size: 16px;
  13.     font-weight: 300;
  14.     padding: 5px 10px;
  15. }
  16. #ct{background:#fff;}
  17. .category h3.maintitle a{color:#fff;font-weight:700;}
  18. .fl .bm_h{height:auto;}
  19. .bm_h .o{padding:6px 20px 10px 0}
  20. span.y{padding-top: 5px;color:#fff;}
  21. #plugin_notice .y{padding-right:10px;}
  22. #online .o{padding: 0 15px 0;}
  23. .xg2{color: #777777;font-size: 12px;}
  24. .category .table_wrap{background:#EBF0F3;padding:9px;}
  25. .category .table_wrap table{background:#fff;border:1px solid #DBE4EF;}
  26. .fl_tb td{padding:10px 5px 10px 10px !important;}
  27. .fl_tb td h2{font-size:14px;display:inline-block;}
  28. .fl_tb td h2 a{color: #225985;text-decoration: none;}
  29. .fl_tb td h2 a:hover{color: #328586;}
  30. #categories {width:auto;border:none;}
  31. #categories .bmw .table_wrap dt a{font-size:14px;}
  32. #categories .bmw .table_wrap dt a:hover{text-decoration:none;}
  33. .bm_h h3{padding-left:10px;}
  34. .fl_g dl{padding-left:0;margin-left: 50px;}
  35. .fl_icn_g{padding-top:8px;}
  36. #ct .mn{width:1005px;}
  37. .bmw .bm_h a {color:#fff;}
  38. /** end **/

  39. /** forum::forumdisplay **/
  40. .bm_c{width:0 auto;padding:0;}
  41. .bm_c .xst a{font-size:18px;}
  42. .bm_c .avt{padding:10px 0 10px 10px;width: 60px;}
  43. .bm_c .o {width: 30px !important;}
  44. .bm_c .by {padding-right: 15px;text-align: right;}
  45. .bm_c .by a{color: #333;}
  46. #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;}
  47. .tl .th {padding: 10px;}
  48. .imagemode, .txtmode{float:right;margin-right:10px;}
  49. #waterfall{padding:5px;}
  50. #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;}
  51. #waterfall li:hover{border:1px solid gray;}
  52. .xw0{text-align:center;margin-top:10px}
  53. .z{float:none;}

  54. .pgbtn {
  55.     margin: 5px 0 10px;
  56. }
  57. .pgbtn a {
  58.     background: url(/template/zero/images/bg_pgbtn.png) repeat-x scroll 0 0 #F5F5F5;
  59.     border: 1px solid #DCDCDC;
  60.     border-radius: 5px 5px 5px 5px;
  61.     box-shadow: 0 1px 0 #F5F5F5;
  62.     display: block;
  63.     font-size: 14px;
  64.     height: 40px;
  65.     letter-spacing: 5px;
  66.     line-height: 40px;
  67.     outline: medium none;
  68.     text-align: center;
  69. }
  70. .pgbtn a:hover {
  71.     border-color: #BABABA;
  72.     text-decoration: none;
  73. }
  74. .pgbtn a:active {
  75.     background: none repeat scroll 0 0 #EEE;
  76.     border-color: #D0D0D0;
  77.     box-shadow: none;
  78. }
  79. #ct .mn{width:1005px;}
  80. /** end **/
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-10-1 18:52 , Processed in 0.253307 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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