设为首页收藏本站
切换到宽版

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

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › 增值产品交流与讨论 › SS/XS 专区 › SS/XS-模板插件 › 简简单单的修改同样可以造就漂亮风格，演示 ...
123456下一页
返回列表 发新帖

[分享] 简简单单的修改同样可以造就漂亮风格，演示

[复制链接]
折宝亭 发表于 2007-6-23 07:21:54 | 显示全部楼层 |阅读模式
用ＤＺ自带的default风格．选择这个是因为它比另外一个风格大气，虽然不好看，可是没关系，大家看我修改的结果．只修改了一下ＣＳＳ和部分布局
http://www.th9th.com/
代码共享:
  1. /*
  2. SupeSite 官方模板
  3. (C) 2001-2006 Comsenz Inc.
  4. [url]http://www.supesite.com[/url]
  5. */
  6. /*综合设置-------------------------------------------------------------------------------------------综合设置*/
  7. * { word-break: break-all; } /*在IE中实行强制换行*/
  8. body { margin: 0; padding: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
  9. #wrap { margin: 0 auto; text-align: left; width: 778px; padding: 0 4px; w\idth: 770px; }
  10. /*链接样式*/
  11. a { color: #000; text-decoration: none; }
  12. a:hover { text-decoration: underline; color: #000098; }
  13.   a:visited { color: #666;}
  14. a img { border: none; }
  15. /*文章列表中的作者、日期*/
  16. li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
  17. li cite a { color: #999; font-size: 12px !important; }
  18.   li cite a:visited { color: #999; }
  19. /*用于AJAX调用的DIV*/
  20. .xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
  21. .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
  22.   .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
  23. .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
  24.   .xspace-ajaxcontent form { margin: 0; }
  25. /*分页*/
  26. .pages { text-align: right; background: url(../images/dotline_h.gif) repeat-x top; height: 32px; }
  27. .xspace-page { float: right; margin: 5px 5px 0 0; }
  28.   .xspace-page
  29. a, .xspace-page span { float: left; display: inline; margin-right: 3px;
  30. line-height: 20px; padding: 0 5px; border: 1px solid; border-color:
  31. #CEE3EA #90AAB4 #90AAB4 #CEE3EA; background: #fefbf1; }
  32.    span.xspace-totlerecord, span.xspace-totlepages { color: #090; }
  33.     span.xspace-totlerecord { margin-right: 0; border-right: none; }
  34.    span.xspace-current { background: #F90; border-color: #0A0 #060 #060 #0A0; color: #FFF; font-weight: bold; }

  36. #notice
  37. { margin: 200px auto 0; background: #FFF; border-style: solid;
  38. border-color: #ffaa29 #dae0e0 #dae0e0; border-width: 4px 1px 1px; }
  39. #notice_message { padding: 1.5em 1em; font-size: 1.17em; }
  40. #notice_message.warning { color:red; }
  41. #notice_links { margin: 0; line-height: 2em; border-top: 1px solid #F5F5F5; background: #fefbf1; padding: 0 1em; }
  42.   #notice_links a { margin: 0 2px; }


  45. /*选项卡*/
  46. h3.tabs { background-color: #ff7808 !important; height: 26px; padding-left: 0 !important; }
  47. .tab { font-weight: normal; float: left; padding: 0 10px; cursor: pointer; border-right: 1px solid #fec602; }
  48.   .curtab { background: #FFF; border-right-color: #dae0e0; font-weight: bold; }
  49. /*表单通用样式-----------------------------------------------------------------------------------表单通用样式*/
  50. form { margin: 0; }
  51. input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
  52. button { height: 1.8em; padding: 0 0.3em; background: #ffd429; cursor: pointer; border: 1px solid;
  53.   border-top-color: #C9E3F0; border-right-color: #ffaa29; border-bottom-color: #ffaa29; border-left-color: #C9E3F0; }
  54. label { cursor: pointer; margin-right: 0.5em; }
  55. /*头部风格-----------------------------------------------------------------------------------头部风格*/
  56. /*顶部导航*/
  57. #topmenu { background: #ff7808; border-bottom: 4px solid #fefbf1; text-align: right; line-height: 2em; }
  58. #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #fec602; }
  59.   #topmenu li { display: inline; border-left: 1px solid #fec602; padding-left: 1em; padding-right: 0.5em; }
  60.    #topmenu a { color: #ffffff; }
  61. #pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #fefbf1; overflow: hidden; }
  62. #logo { border-right: 1px solid #ffaa29; padding: 0 10px; margin-right: 10px; }
  63. .banner468 { float: right; }
  64. /*主导航*/
  65. #menu
  66. { border-top: 3px solid #ffaa29; border-bottom: 1px solid #ffaa29;
  67. line-height: 25px; background: url(../images/menu_bg.gif); width:
  68. 770px; overflow: hidden; }
  69. #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
  70.   #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
  71. /*首页导航*/
  72. #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
  73.   #menu dt { float: left; width: 4em; white-space: nowrap; }
  74.    #menu dt a { color: #ff6600 !important; }
  75.   #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }
  76. /*您的位置导航*/
  77. #navigation { padding: 1.2em 0; }
  78. #navigation p { margin: 0;}
  79.   #navigation p a, #navigation p strong { margin: 0 0.5em; }
  80. #searchform { float: right; }
  81.   #searchform * { vertical-align: top; }
  82.   #searchform button { margin-left: 0.5em; }
  83. /*简单页面的位置导航*/

  85. #navigation.simplepage { padding: 0; border-top: 3px solid #ffaa29;
  86. border-bottom: 1px solid #ffaa29; height: 26px; line-height: 30px;
  87. overflow: hidden; background: #fffdef url(../images/title_icon.gif)
  88. no-repeat 10px 6px;; margin-bottom: 1em; }
  89.   #navigation.simplepage p { float: right; margin-right: 0.5em; }
  90.   #navigation.simplepage h1, #navigation.simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 32px; }
  91. /*-----------------------------------------------------------------------------------布局*/
  92. .content, .contentL, .contentR { width: 100%;}

  94. /*\*/ * html .content, * html .contentL, * html .contentR { height: 1%;
  95. } /**/ *>.content, *>.contentL, *>.contentR { overflow:
  96. hidden; }
  97. /*侧边样式*/
  98. .sideL { width: 210px; float: left; overflow: hidden; }
  99. .sideR { width: 190px; float: right; overflow: hidden; }
  100. /*中间部分样式*/
  101. .mainarea { margin: 0 4px; width: 362px; float: left; }
  102. .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
  103. .contentR .mainarea { margin: 0 6px 0 0; width: 574px; }
  104. /*-----------------------------------------------------------------------------------各版块样式*/
  105. /*版块标题*/
  106. .blocktitle { border-top: 3px solid #ffaa29; padding: 1px 0 0; margin-bottom: 6px; line-height: 30px; }

  108. .blocktitle h2 { font-size: 1.17em; margin: 0; padding-left: 32px;
  109. background: #ffd429 url(../images/title_icon.gif) no-repeat 10px 6px; }
  110. .blocktitle a.more { margin-top: 2px; }
  111. /*侧边版块*/
  112. .block { margin: 0 0 6px; border: 1px solid #dae0e0; background: #FFF; }

  114. .block h3 { margin: 1px 0 0; font-size: 1em; color: #ff6600;
  115. line-height: 26px; padding-left: 0.5em; background:
  116. url(../images/dotline_h.gif) repeat-x bottom; }
  117.   .block h3 a { color: #000000; }
  118.   /*\*/ * html .sideblock h3 { height: 1%; } /**/
  119. .blockintro { margin: 8px; line-height: 1.6em; }
  120.   .blockintro a { color: #ff6600; }
  121. .blockintroimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #ffd429; }
  122. /*侧边多行列表*/
  123. .block dl { margin: 0; padding: 5px 0 10px; line-height: 1.5em; width: 100%; overflow: hidden; }
  124.   .block dt { margin: 0 5px; padding: 5px 0 0 8px; background: url(../images/list_icon.gif) no-repeat 0 12px; }
  125.    .block dt a { color: #ff6600; }
  126.   .block dd { color: #999; margin: 0 5px; padding: 0 0 5px 8px; background: url(../images/dotline_h.gif) repeat-x bottom; }
  127.    .block dd a { color: #999; }
  128. /*简单版块*/
  129. .cleanblock { background: #fefbf1; }
  130. /*居顶部的版块*/
  131. .topblock { border-top: 3px solid #ffaa29; !important; }
  132. /*头条信息*/
  133. #headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
  134. #headline strong { font-size: 1.2em; }
  135. #headline p { margin: 0.3em 0; }
  136. #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }
  137. /*单行信息列表*/
  138. .msgtitlelist { margin: 0; padding: 0; list-style: none; line-height: 1.8em; }

  140. .msgtitlelist li { height: 1.8em; overflow: hidden; padding-left:
  141. 0.8em; background: url(../images/list_icon.gif) no-repeat 3px 0.68em; }
  142. .block .msgtitlelist { padding: 3px 5px; }
  143. .linelist li { height: 2.03em; line-height: 2.03em; }
  144.   .linelist li a { font-size: 1.17em; }
  145.    .linelist strong, .linelist strong a { font-size: 12px; color: #fde623 !important; }
  146. /*单行两列信息列表*/
  147. .list2col
  148. { margin: 0; padding: 10px 0; list-style: none; line-height: 1.8em;
  149. background: url(../images/dotline_v.gif) repeat-y center; }
  150. /*\*/ * html .list2col { height: 1%; } /**/ *>.list2col { overflow: hidden; }

  152. .list2col li { height: 1.8em; overflow: hidden; background:
  153. url(../images/list_icon.gif) no-repeat 3px 7px; float: left; display:
  154. inline; margin: 0 5px; padding-left: 10px; width: 275px; w\idth: 265px;
  155. }
  156. /*多行带摘要信息列表*/
  157. .messagelist { margin: 0; padding: 5px 8px; list-style: none; line-height: 1.6em; }
  158. .messagelist li { margin: 5px 0 25px;}
  159.   .messagelist
  160. h4 { margin: 5px 0; font-size: 1.17em; line-height: 2em; padding-left:
  161. 5px; background: #dae0e0 url(../images/dotline_h.gif) repeat-x bottom; }
  162.    .messagelist h4 em { float: right; font-style: normal; padding-right: 5px; }
  163.    .messagelist h4 a { color: #ff6600; }
  164.     .messagelist h4 a:visited { font-weight: normal; }
  165.    .messagelist p { margin: 5px 0; }
  166.     .messagelist p a { color: #ff6600; }
  167. /*资讯列表*/
  168. .newslist { margin: 0; padding: 0; list-style: none; line-height: 2.2em; }
  169. .newslist li { padding-left: 1em; font-size: 1.17em; background: url(../images/list_icon.gif) no-repeat 8px 0.7em; }

  171. /*信息列表（收起摘要时的状态）*/
  172. .cleanlist { margin: 0; padding: 5px 8px; list-style: none; line-height: 1.6em; }  
  173. .cleanlist h4 { background: url(../images/dotline_h.gif) repeat-x bottom; margin: 0; font-size: 1.17em; line-height: 2em; }
  174.   .cleanlist h4 em { float: right; font-style: normal; }
  175.   .cleanlist h4 a { font-weight: normal; background: url(../images/list_icon.gif) no-repeat 0 0.4em; padding-left: 10px; }
  176.    .cleanlist h4 em a { background-image: none; padding-left: 0; }
  177. .cleanlist p { display: none; }
  178. /*带缩略图的信息列表*/
  179. .thumbmsglist { margin: 0; padding: 10px; list-style: none; }
  180. .thumbmsglist li { padding-left: 100px; height: 100px; }
  181.   .thumbmsglist
  182. li div { float: left; display: inline; margin-left: -100px; text-align:
  183. center; border: 1px solid #DFDFDF; padding: 5px; width: 87px; w\idth:
  184. 75px; height: 87px; he\ight: 75px; position: relative; }

  186. .thumbmsglist li div img { max-height: 75px; max-width: 75px; width:
  187. expression(this.width > 75 && this.height < this.width ?
  188. 75: true); height: expression(this.height > 75 ? 75: true); }
  189.   .thumbmsglist li p { margin: 0; }
  190.   .thumbmsglist li em { float: right; font-style: normal; margin-top: 6px; }
  191.    .thumbmsglist li em strong { color: #090; }
  192.   .thumbmsglist li h4 { margin: 0; line-height: 26px; height: 26px; overflow: hidden; font-size: 1em; padding-left: 5px; }
  193.    .thumbmsglist li h4 a { color: #0954A6; }
  194.   .msgintro { background: #fffdf5; padding: 15px 5px 0; height: 29px; he\ight: 14px; overflow: hidden; }
  195.   .thumbmsglist .msginfo { background: #fffdf5 url(../images/dotline_h.gif) repeat-x bottom; padding: 5px 5px 10px; }

  197. /*热门话题*/
  198. #hottag { overflow: hidden;  }
  199. #hottag div { padding: 0.5em; overflow: hidden; line-height: 1.8em; }
  200.   #hottag a { margin-right: 0.2em; white-space: nowrap; }
  201.    #hottag a em { color: #999; font-style: normal; }
  202. /*热门文章*/
  203. #hotarticle div { height: 226px; overflow: hidden; }
  204. /*同城空间*/
  205. #cityspace form { width: 10.5em; margin: 0 auto; padding: 7px 0; }
  206. #cityspace select { margin: 2px 0; }
  207. #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
  208. /*排行*/
  209. .stat
  210. ol { margin: 0 5px; padding: 0; line-height: 21px; background:
  211. url(../images/hotspace_bg.gif) no-repeat 5px 5px; list-style: none; }
  212. .stat li { height: 21px; overflow: hidden; padding-left: 28px; background: url(../images/dotline_h.gif) repeat-x 0 20px; }
  213. .stat em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; margin-left: 5px; }
  214. /*图片列表*/
  215. .imgthumblist { margin: 0; padding: 0; list-style: none; padding-bottom: 6px; }
  216. /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
  217.   .imgthumblist
  218. li { float: left; display: inline; background: #FFF; text-align:
  219. center; width: 123px; height: 135px; w\idth: 115px; he\ight: 125px;
  220. overflow: hidden; border: 1px solid #EEE; padding: 3px; margin: 6px 0 0
  221. 4px; }
  222.    .imgthumblist p { margin: 0; line-height: 22px; }

  224. .imgthumblist div { line-height: 90px; font-size: 90px; height: 106px;
  225. display: table; background: url(../images/dotline_h.gif) repeat-x
  226. bottom; }
  227.     .imgthumblist div a { display: table-cell !important; display: block; width: 115px; vertical-align: middle; }

  229.    .imgthumblist div img { vertical-align: middle; max-width: 100px;
  230. max-height: 100px; width: expression(this.width >100 &&
  231. this.height < this.width ? 100: true); height:
  232. expression(this.height > 100 ? 100: true); font-size: 10px; }
  233.      @media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 100px; } } /*for Opera Only*/
  234.    li.smallthumb { width: 88px; height: 105px; w\idth: 81px; he\ight: 97px; border-color: #DFDFDF; margin: 0 0 6px 4px; }
  235.     li.smallthumb div { line-height: 65px; font-size: 65px; height: 80px; }
  236.      li.smallthumb div a { width: 80px; }

  238.     li.smallthumb div img {  max-width: 75px; max-height: 75px; width:
  239. expression(this.width >75 && this.height < this.width ?
  240. 75: true); height: expression(this.height > 75 ? 75: true); }   
  241.       @media all and (min-width: 0px){ li.smallthumb div img { width: 75px; height: 75px; } } /*for Opera Only*/
  242. /*通栏图片列表*/
  243. .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #ffd429; }
  244.   .throughgallery .imgthumblist { margin: 0; }
  245.   .throughgallery .imgthumblist li { height: 128px; he\ight: 120px; margin: 3px 1px; }
  246. /*带缩略图的信息列表*/
  247. .imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
  248.   .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #ffd429; }
  249.   /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
  250.    .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }

  252. .imgtitlelist li img { float: left; margin-left: -85px; width: 70px;
  253. height: 70px; padding: 3px; background: #FFF; border: 1px solid
  254. #DFDFDF; }
  255.    .imgtitlelist li p { margin: 0; line-height: 1.5em; }
  256. .block .imgtitlelist li { padding-left: 65px; }
  257.   .block
  258. .imgtitlelist li img { width: auto; height: auto; max-width: 48px;
  259. max-height: 48px; width: expression(this.width > 48 &&
  260. this.width > this.height ? 48 : true); height:
  261. expression(this.height > 48 ? 48 : true); margin-left: -60px; }

  263. .categoods img { width: 120px; height: 120px; }

  265. .coverlist { margin: 0; padding: 0; list-style: none; }
  266. /*\*/ * html .coverlist { height: 1%; } /**/ *>.coverlist { overflow: hidden; }
  267.   .coverlist li { float: left; display: inline; width: 260px; height: 120px; margin: 5px 10px; overflow: hidden; }

  269. .cover { float: left; display: table; text-align: center; border: 1px
  270. solid #DFDFDF; padding: 5px; width: 110px; height: 110px; w\idth:
  271. 100px; he\ight: 100px; line-height: 85px; font-size: 85px; overflow:
  272. hidden; }
  273.     .cover a { display: table-cell; vertical-align: middle; text-align: center; width: 100px; }

  275.    .cover img { max-height: 100px; max-width: 100px; width:
  276. expression(this.width >100 && this.height < this.width ?
  277. 100: true); height: expression(this.height > 100 ? 100: true);
  278. vertical-align: middle; font-size: 10px; }
  279.       @media all and (min-width: 0px){ .cover img { width: 90px; height: 100px; } } /*for Opera Only*/
  280.    .coverlist li ul { margin: 10px 0 0 120px; padding: 0; list-style: none; line-height: 18px; }
  281.     .coverlist li li { float: none; display: list-item; width: auto; height: auto; margin: 0; }
  282.    .coverlist h4 { margin: 0; font-size: 1em; font-weight: normal; }
  283.     .coverlist h4 a { color: #ff6600; }
  284. .videoscrlist { margin: 0; padding: 0; list-style: none; }
  285. /*\*/ * html .videoscrlist { height: 1%; } /**/ *>.videoscrlist { overflow: hidden; }
  286.   .videoscrlist li { float: left; display: inline; width: 260px; height: 120px; margin: 5px 10px; overflow: hidden; }

  288. .videoscr { float: left; display: table; text-align: center; border:
  289. 1px solid #DFDFDF; padding: 5px; width: 110px; height: 85px; w\idth:
  290. 100px; he\ight: 75px; line-height: 60px; font-size: 65px; overflow:
  291. hidden; }
  292.     .videoscr a { display: table-cell; vertical-align: middle; text-align: center; width: 100px; }

  294.    .videoscr img { max-height: 75px; max-width: 100px; width:
  295. expression(this.width >100 && this.height/this.width <
  296. 0.75 ? 100: true); height: expression(this.height > 75 ? 75: true);
  297. vertical-align: middle; font-size: 10px; }
  298.       @media all and (min-width: 0px){ .videoscr img { width: 90px; height: 100px; } } /*for Opera Only*/
  299.    .videoscrlist li ul { margin: 10px 0 0 120px; padding: 0; list-style: none; line-height: 18px; }
  300.     .videoscrlist li li { float: none; display: list-item; width: auto; height: auto; margin: 0; }
  301.    .videoscrlist h4 { margin: 0; font-size: 1em; font-weight: normal; }
  302.     .videoscrlist h4 a { color: #316AA5; }
  303. #commendbox { overflow: hidden; position: relative; height: 160px; background: #fefbf1; }
  304. #commendbox .scrollr { z-index: 2; position: absolute; height: 220px; right: 0; top: 0; }
  305. #commendbox .scrolll { z-index: 3; position: absolute; height: 220px; left: 0; top: 0; }
  306.   #commendbox .scrollr img, #commendbox .scrolll img { margin-top: 40px; }
  307. .avatarlist { margin: 0; padding: 0; list-style: none; }
  308. /*\*/ * html .avatarlist { height: 1%; }  /**/ *>.avatarlist { overflow: hidden; }
  309. .avatarlist li { float: left; width: 113px; padding: 0; overflow: hidden; text-align: center; }
  310.   .avatarlist
  311. li div { border: 1px solid #DFDFDF; padding: 5px; width: 87px; w\idth:
  312. 75px; height: 87px; he\ight: 75px; margin: 8px auto; position:
  313. relative; display: table; }
  314.    .avatarlist li div a { display: table-cell; vertical-align: middle; font-size: 65px; line-height: 65px; }

  316.   .avatarlist li div img { vertical-align: middle; font-size: 10px;
  317. max-height: 75px; max-width: 75px; width: expression(this.width > 75
  318. && this.height < this.width ? 75: true); height:
  319. expression(this.height > 75 ? 75: true); }
  320.      @media all and (min-width: 0px){ .avatarlist li div img { width: 75px; height: 75px; } } /*for Opera Only*/
  321.   .avatarlist
  322. li ul { margin: 0 0 10px 0; padding: 0; list-style: none; line-height:
  323. 1.4em; background: url(../images/dotline_v.gif) repeat-y right 0; }
  324.    .avatarlist li li { float: none; padding: 0; height: 17px; overflow: hidden; }

  326. /*.joingroup { position: absolute; left: 0; bottom: 0; width: 85px;
  327. height: 18px; font-size: 12px !important; line-height: 18px; overflow:
  328. hidden; text-align: left; text-indent: -200px; background:
  329. url(../images/link_icons.gif) no-repeat 0 -100px; }
  330.     .joingroup:hover { background-color: #FFF; text-indent: 20px; opacity: 0.95; filter: alpha(opacity=95); }*/
  331. /*栏目区块列表*/
  332. .category {  margin: 4px 0 10px 0; }
  333. .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #ffaa29; }
  334.   .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
  335.    .category h3 strong a { color: #333; text-decoration: none; }
  336. .blockcategorylist
  337. { border: 1px solid #dae0e0; border-top: none; margin-bottom: 6px;
  338. overflow: hidden; background: url(../images/dotline_v.gif) repeat-y
  339. center; }
  340. /*\*/ * html .blockcategorylist { height: 1%; } /**/
  341. .blockcategory { float: left; width: 286px; border-top: 1px solid #dae0e0; height: 260px; overflow: hidden; }
  342.   .blockcategory
  343. h3 { line-height: 26px; background: #fcfdda
  344. url(../images/dotline_h.gif) repeat-x bottom; margin: 1px 0 0;
  345. font-size: 1em; height: 26px; }
  346.    .blockcategory h3 strong {
  347. background: #FFF; border-right: 1px solid #dae0e0; float: left;
  348. padding: 0 10px; max-width: 180px; height: 26px; overflow: hidden; }
  349.     .blockcategory h3 strong a { color: #ff6600; }
  350.    .blockcategory .msgtitlelist { margin: 5px; }
  351. .block3col { background: url(../images/dotline_v_3col.gif) repeat-y 255px 0 !important; }
  352. .catefocus { margin: 0 2px; border-bottom: 1px solid #fffcf0; }
  353. /*\*/ * html .catefocus { height: 1%; } /**/ *>.catefocus { overflow: hidden; }
  354. .catefocus img { float: left; margin: 4px 10px 4px 0; width: 75px; height: 75px; border: 1px solid #ffaa29; }
  355. .catefocus h4 { margin: 3px 0; font-size: 1em; line-height: 2em; }
  356. .catefocus ul { margin: 0; padding: 0; list-style: none; }
  357. .blockcategory .msgtitlelist { font-size: 1em; }
  358. /*栏目封面图片*/
  359. .catepic { text-align: center; background: url(../images/dotline_h.gif) repeat-x bottom; }

  361. .catepic img { margin-top: 10px; max-width: 170px; max-height: 170px;
  362. width: expression(this.width > 170 && this.height <
  363. this.width ? 170: true); height: expression(this.height > 170 ? 170:
  364. true); }
  365. .catepic p { text-align: left; padding: 10px; margin: 0; }
  366. /*专题列表*/
  367. #subjectlist { border-color: #ffaa29; padding: 2px; }
  368. #subjectlist h3 { border: none; background: #9FC8DF; }
  369. #subjectlist li { border-bottom: 1px solid #ffd429; text-align: center; padding: 3px; }
  370.   #subjectlist p { margin: 0; line-height: 1.2em; }
  371. /*-----------------------------------------------------------------------------------文章显示页面*/
  372. .articletitle { font-size: 1.33em; margin: 1em 0 0.5em; text-align: center; }
  373.   .articletitle a { color: #ff6600; }
  374. .articleinfo { margin: 0 8px !important; background: url(../images/dotline_h.gif) repeat-x bottom; }
  375. .articlectrl { float: right; }
  376. #custominfo { background: #fefcef url(../images/dotline_h.gif) repeat-x bottom; margin: 0 8px; padding: 8px 0; }
  377. #custominfo h5 { margin: 0; line-height: 2.2em; font-size: 1.2em; color: #ff6600; padding-left: 30px; }
  378. #custominfo ul { line-height: 1.6em; padding: 0; margin: 0; list-style: none; }
  379.   #custominfo li { padding: 0 30px 5px; background: url(../images/list_icon.gif) no-repeat 22px 7px; }
  380.    #custominfo strong { color: #ff6600; }


  383. #articlebody { width: 97%; margin: 0 auto; padding: 1em 0; overflow:
  384. hidden; overflow-y: hidden; line-height: 1.8em; font-size: 1.17em; }
  385.   #articlebody * { line-height: normal; }
  386.    #articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
  387.     #articlebody  p *, #articlebody  div * { line-height: normal !important; }

  389. /*自定义信息*/
  390. #articlebody .addoninfo { border: 1px solid #EEE; }
  391.   #articlebody
  392. .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important;
  393. border-bottom: 1px solid #EEE; padding-left: 1em; }
  394.   #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
  395.    #articlebody .addoninfo li { line-height: 1.6em !important; }

  397. #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
  398.   .imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }


  401. #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em
  402. Arial, Helvetica, sans-serif; cursor: pointer; text-decoration:
  403. underline; }
  404. /*评论列表 */
  405. .commentlist { margin: 0; padding: 10px; list-style: none; }
  406. .commentlist li { padding-bottom: 20px; }
  407.   .commentlist
  408. h4 { padding: 0 6px; font-size: 1em; margin: 0 0 10px; line-height:
  409. 26px; background: #ff7808 url(../images/dotline_h.gif) repeat-x bottom;
  410. }
  411. .commentlist img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
  412. /*发表评论*/
  413. #comment form { margin: 0; padding: 5px 15px; }
  414. #comment p { margin: 0.3em 0; }
  415.   .seccodeline * { vertical-align: middle; }
  416.   #xspace-rates { text-align: center; height: 50px; background: #FFF; padding: 20px 0; border-bottom: none; margin-bottom: 0; }
  417.   #xspace-rates-bg { width: 210px; height: 30px; margin: 0 auto 5px; background: url(../../../images/base/rate_star.gif); }
  418.    #xspace-rates-star { height: 30px; background: url(../../../images/base/rate_star.gif) 0 -30px; margin: 0 auto 0 0; }
  419.    #xspace-rates-a { height: 30px; margin-top: -30px; }

  421. #xspace-rates a { float: left; text-align: left; width: 30px; height:
  422. 30px; text-indent: -999px; overflow: hidden; background-color:
  423. transparent !important; }
  424.    .xspace-rates-5 { width: 30px; }
  425.    .xspace-rates-3 { width: 60px; }
  426.    .xspace-rates-1 { width: 90px; }
  427.    .xspace-rates0 { width: 120px; }
  428.    .xspace-rates1 { width: 150px; }
  429.    .xspace-rates3 { width: 180px; }
  430.    .xspace-rates5 { width: 210px; }
  431.   
  432.   #message { border: 1px solid #dae0e0; padding: 5px; vertical-align: text-top; height: 8em; width: 490px; }
  433.   #seccode { border: 1px solid #dae0e0; height: 23px; line-height: 23px; padding: 0 5px; }
  434. /*-----------------------------------------------------------------------------------用户相关*/
  435. #panel { width: 600px; overflow: hidden; margin: 1em auto; }
  436. #userpanel fieldset, #loginform fieldset { border: none; margin: 0; padding: 0; }
  437. #userpanel legend, #loginform legend { display: none; }
  438. /*内嵌登录面板*/
  439. #userpanel { height: 8.8em; overflow: hidden; }
  440. #userpanel form { margin: 5px auto; width: 150px; }
  441.   #userpanel input { width: 90px; }
  442.   #userpanel p { margin: 0.5em 0; }
  443.   #userpanel #dologin { float: right; }
  444.   #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #ffaa29; padding-right: 5px; }
  445. /*登录后*/
  446. #userpanel ul { margin: 0 5px; }

  448. #userpanel li { border-bottom: 1px solid #EEE; background:
  449. url(../images/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px;
  450. }
  451. /*登录页面*/
  452. .loginarea { width: 300px; float: left; }
  453. .tips { width: 299px; float: left; border-left: 1px solid #D5E9F8; line-height: 1.8em; }
  454. /*申请个人空间*/
  455. /*#signform p { border-bottom: 1px solid #D5E9F8; height: 1%; overflow: hidden; margin: 0; padding: 0.3em; line-height: 20px; }
  456. #signform p strong { float: left; width: 10em; }
  457.   #signform li p { height: auto; border: none; }
  458. #signform button { line-height: 30px; height: 30px; padding: 0 5em; }*/
  459. /*快捷面板*/
  460. .quicklink { overflow: hidden; margin: 0 0 5em; padding: 0; list-style: none; }
  461. .quicklink li { float: left; width: 33.3%; text-align: center; }

  463. .quicklink li a { display: block; border: 1px solid #CCC; width: 180px;
  464. margin: 10px auto; height: 50px; text-align: left; line-height: 50px;
  465. text-indent: 65px; background-image: url(../images/panel_icons.gif);
  466. background-repeat: no-repeat; }
  467.   .sitehome { background-position: 10px 7px; }
  468.   .bbs { background-position: 10px -83px; }
  469.   .myspace { background-position: 10px -173px; }
  470.   .spacemng { background-position: 10px -263px; }
  471.   .spacesignup { background-position: 10px 7px; }
  472.   .sitemng { background-position: 10px -443px; }
  473.   .logout { background-position: 10px -533px; }
  474.   .login { background-position: 10px -173px; }
  475.   .register { background-position: 10px -353px; }
  476. .quicklink li a:hover { border-color: #ffaa29; background-color: #fefbf1; text-decoration: none; }
  477. /*-----------------------------------------------------------------------------------其他页面*/
  478. /*站点地图*/
  479. #sitemap ul { height: 1%; overflow: hidden; margin: 0.5em 0; padding: 0; list-style: none; line-height: 24px; }
  480. #sitemap li { float: left; margin: 0 1em; white-space: nowrap; }
  481. /*友情链接*/
  482. #friendlink ul { height: 1%; overflow: hidden; margin: 1em 1.5em; padding: 0; list-style: none; }

  484. #friendlink li { float: left; margin: 2px; width: 100px; height: 24px;
  485. line-height: 24px; text-align: center; overflow: hidden; }
  486. .imglink { border-bottom: 1px solid #00C8DC; padding-bottom: 1em !important; }
  487.   .imglink li { height: 31px !important; }
  488.   .imglink li img { width: 88px; height: 31px; }
  489. /*投票*/
  490. #pollform legend { font-weight: bold; }
  491. #pollsummary { line-height: 1.8em; margin: 0.3em 0; background: #fffdef; padding: 0.5em }
  492. #pollresult { border: 1px solid #D5E9F8; margin: 1em 0; padding: 0.5em; }
  493. #pollresult ul { margin: 0; padding: 0; list-style: none; }
  494. #pollresult li { overflow: hidden; }
  495.   #pollresult li p { margin: 2px 0 5px 0; background: #F2F2F2; height: 18px; }
  496.   .pollpercent { float: left; width: 80%; }
  497.    .pollpercent span { background: #8ED4F7; border-right: 1px solid #009DEA; float: left; height: 18px; }
  498.   .pollnum { float: right; width: 20%; }
  499. #dopoll { border: 1px solid #D5E9F8; margin: 1em 0; padding: 0.5em; text-align: center; }
  500.   #dopoll ul { margin: 0; padding: 0; list-style: none; line-height: 2em; text-align: left; }
  501. /*搜索*/
  502. #search { width: 600px; margin: 4em auto; }
  503. #search form { text-align: center; margin: 4em 0; }
  504. #search .open { text-align: left !important; line-height: 30px; margin: 2em !important; }
  505.   #search .open div div { clear: both; padding-left: 7em; }
  506.   #search .open label { float: left; width: 7em; }
  507.    #search .open div label { margin-left: -7em; }
  508.   #search .open  button { float: right; }
  509. #search .open fieldset { border: none; margin: 0; padding: 0; }
  510.   #search .open fieldset label { float: none; margin: auto; white-space: nowrap; margin-right: 1em; }
  511. /*-----------------------------------------------------------------------------------页脚 Footer*/
  512. #footer
  513. { clear: both; border-top: 2px solid #ffaa29; padding-top: 1em;
  514. padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial,
  515. Helvetica, sans-serif; }
  516. #footer p { margin: 0.3em 0; color: #999; }
  517. #footer strong { color: #ED1C24; text-transform: uppercase; }
  518.   #footer strong span { color: #0954A6; }
  519. #footer em { font-style: normal; font-weight: bold; color: #96A800; }
  520. #copyright { font-size: 0.83em; }
  521. .smalltxt { font-size: 12px; color: #999; font-weight: normal; }
  522. .smalltxt a, .smalltxt a:visited { color: #999 !important; }
  523. .msgheader {
  524. margin: 0 2em;
  525. font-weight: bold;
  526. background: #F3F8D7;
  527. padding: 5px;
  528. color: #ff6600
  529. }
  530. .msgborder {
  531. margin: 0 2em;
  532. padding: 10px;
  533. border: 1px solid #DEDEB8;
  534. word-wrap: break-word;
  535. background: #FDFFF2;
  536. overflow: hidden;
  537. }
  538. .nums { background: url(../images/icon_nums.gif) no-repeat left; padding-left: 10px; }
  539. #slideimg { padding-top: 7px; }
  540. #slidefooter
  541. { background: #ffd429; border: solid #fefbf1; border-width: 5px 0;
  542. height: 27px; margin: 0 auto; overflow: hidden; }
  543. #slideprev {
  544. background: url(../images/slide_prev.gif); width: 25px; height: 27px;
  545. text-indent: -9999px; float: left; overflow: hidden; }
  546. #slidenext {
  547. background: url(../images/slide_next.gif); width: 25px; height: 27px;
  548. text-indent: -9999px; float: right; overflow: hidden; }
  549. #slidetext { margin: 0; line-height: 29px; height: 27px; overflow: hidden; }
  550. #slideplay
  551. { background: url(../images/slide_play.gif); width: 46px; height: 27px;
  552. text-indent: -9999px; float: right; overflow: hidden; }

  554. a.more {
  555. float: right; height: 26px; line-height: 26px; color: #000000;
  556. background: transparent url(../images/link_icons.gif) no-repeat 0 7px;
  557. padding: 0 10px 0 15px; font-weight: normal; }
  558. a.minus { background-position: 0 -10px; }
  559. a.quote { background: url(../images/link_icons.gif) no-repeat 0 -52px; }
  560. a.del { background: url(../images/link_icons.gif) no-repeat 0 -115px; }
  561. a.author, a.author:visited { color: #090 !important; }
  562. strong.price { color: #090; }
  563. .goodrate { background: url(../images/link_icons.gif) no-repeat 0 -39px; padding: 0 5px 0 16px; }
  564. .replynum { background: url(../images/link_icons.gif) no-repeat 0 -57px; padding: 0 5px 0 16px; }
  565. .users { background: url(../images/link_icons.gif) no-repeat 0 -77px; padding: 0 5px 0 16px; }
  566. .joingroup { background: url(../images/link_icons.gif) no-repeat 0 -99px; padding-left: 16px; }

  568. .joingroupbtn { background: url(../images/link_icons.gif) no-repeat 1px
  569. -97px; padding-left: 16px; float: right; display: inline; margin-right:
  570. 10px; width: 16px; w\idth: 0; height: 20px; overflow: hidden; }


  573. .xspace-quote { margin: 10px 5px 10px 50px; border-left: 4px solid #dae0e0; background: #fefbf1; padding: 10px; }
  574. #msg-joingroup
  575. { display: block; width: 120px; height: 35px; line-height: 35px;
  576. text-decoration: none; background: #F6AB20; color: #FFF; font-size:
  577. 12px; font-weight: bold; border: 1px solid; border-color: #FFD68B
  578. #B1A682 #B1A682 #FFD68B; }
复制代码


问题更新：http://www.th9th.com/bbs/thread-1017-1-1.html

首次自己动手做滑动门,还算满意.

[ 本帖最后由 折宝亭 于 2007-7-21 11:50 编辑 ]

评分

1

查看全部评分

回复

使用道具 举报

renju 发表于 2007-6-23 07:32:38 | 显示全部楼层
很漂亮,顶你以下!
回复

使用道具 举报

5to20 发表于 2007-6-23 08:39:06 | 显示全部楼层
确实不错~~~~~~~~~~~~~~~~~~~~~~~~~
回复

使用道具 举报

 楼主| 折宝亭 发表于 2007-6-23 08:59:29 | 显示全部楼层
谢谢,呵呵.....
回复

使用道具 举报

爱恨天界 发表于 2007-6-23 09:14:42 | 显示全部楼层
顶了~
关键不熟悉代码啊。。。。不晓得怎么改
回复

使用道具 举报

chr673673673 发表于 2007-6-23 09:18:23 | 显示全部楼层
关键是不会改 :L
回复

使用道具 举报

easyker 发表于 2007-6-23 09:27:36 | 显示全部楼层
:) :) :)
回复

使用道具 举报

imcko 发表于 2007-6-23 10:02:59 | 显示全部楼层
想知道你具体改的是那里
因为我也想达到这样简单修改的目的
谢谢
回复

使用道具 举报

autolst 发表于 2007-6-23 11:09:28 | 显示全部楼层
说一下具体怎么改的吧！
回复

使用道具 举报

 楼主| 折宝亭 发表于 2007-6-23 12:47:34 | 显示全部楼层
不是不会改，不是不好改，而是因为你们根本就没有动手过，我比你们还菜．
ＳＳ的原装代码，都有注释，你们看过吗？
熟悉ＳＳ，只需要认真的看三个小时的代码，你们浪费过这三个小时吗？
回复

使用道具 举报

下一页 »
123456下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-9-28 14:14 , Processed in 0.435650 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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