beike

官方绿色奥运风格皮肤的BUG及修改

官方可以下载到的最好的皮肤,个人感觉就是这个绿蓝色调的奥运风格的皮肤了.

不过这个风格有点小BUG,如果你的栏目不够多,那么就不会出现,但是如果你的栏目超过15个左右,在左边就显示不了那么多的栏目了.

修改办法:修改风格包中的Layout.css

修改之后的代码如下:

复制内容到剪贴板

代码:

/*---主体样式---*/
  #container{width:1000px;margin:0 auto;text-align:center;background:url('body.jpg') repeat-y;overflow:hidden;}
  #FlashHead{position: absolute;width:100%;left:0px;}
  /*---顶部样式---*/
  #container #header{margin:0 auto;width:1000px;background:url('head.jpg') no-repeat center top;height:760px;overflow:hidden;}
  #container #header #blogname{display:none;}
  #container #header #blogname #blogTitle{display:none;}
  #menu,#menu ul{float:left;margin-top:120px;}
  #menu li{clear:both;list-style:none;margin:0;float:left;margin:1px;font-weight:bold;font-family: 微软雅黑;}
  #menu a{display:block;margin:0;}
   * html #menu ul{margin-left:15px;}
   * html #menu li{margin:0px;}
   .menuDiv{display:none;}
   .menuL{display:none;}
   .menuR{display:none;}
  /*---内容样式---*/
  #container #Tbody{width:870px;margin:0 auto;text-align:left;margin:-633px 16px 0px 120px !important;margin:-633px 10px 0px 120px;overflow:hidden;}
  /*---工具条--*/
  #sidebar{float:right;width:230px;margin:125px 0px 0px 0px !important;text-align:center;background: url(bbg.gif) repeat-y;}
  #innersidebar{}
  #sidebar-topimg{height:0px;overflow:hidden;}
  #sidebar-bottomimg{height:0px;overflow:hidden;}
  /*---工具箱样式--*/
  .sidepanel{margin:0 auto!important; margin:0px 0px 0px 0px;}
  .Ptitle{margin:0;height:27px;text-align:left;padding:8px 0 0 10px;font-weight:bold;font-size:14px;font-family:Verdana,Arial;color:#fff;background:url('side.gif') no-repeat;}  
.Pcontent{text-align:left;padding:2px 10px 0px 14px;}
  .Pfoot{margin:-2px 0px 3px 0px;height:14px!important;height:6px;}
  /*---主内容--*/
  #mainContent{float:left;margin:5px 0px 0px -246px;text-align:center;width:100%;padding-top:3px;}
  #innermainContent{margin:0px 7px 0px 280px;}
  #mainContent-topimg{height:0px;overflow:hidden;}
  #mainContent-bottomimg{height:0px;overflow:hidden;}
  .content-width{margin:auto;width:100%;}/*--主内容元素的全局宽度--*/
  /*---主内容页数--*/
  .pageContent{margin:0 auto;padding-left:3px; padding-top:3px;text-align:left;height:18px;}
  .NavTitle{float:left;font-weight:bold;}
  .page{padding-right:5px;height:18px;}
  .page ul{list-style:none;margin:0px;padding:0px;}
  .page ul li{float:left;padding:0px 3px 0px 3px;}
  .page ul li.PageL {width:9px;height:16px;}
  .page ul li.PageR {width:9px;height:16px;}
  .PageLbutton{background:url('../../images/BttnLeft.gif') 0px 0px;width:9px;height:16px;display:block;}
  .PageRbutton{background:url('../../images/BttnRight.gif') 0px 0px;width:9px;height:16px;display:block;}
  /*---内容框--*/
  .Content{margin:0 auto;}  
  /*---日志标题框--*/
  .Content-top{width:100%;padding:1px 2px 9px 9px !important;padding:1px 2px 4px 5px; color:#0a63dd;text-align:left;margin-bottom:0px;background:url('Content.jpg') no-repeat;height:36px;font-family:微软雅黑;}
  .Content-top .ContentLeft{width:0px;float:left;}
  .Content-top .ContentRight{width:0px;float:right;}
  .Content-top .ContentTitle{display:inline;font-size:15px;padding-left: 25px;}
  .Content-top .ContentAuthor{color:#666;font-size:11.5px;padding-left:27px;font-weight:100;margin:1px;}
  /*---日志内容框--*/
  .Content-body{margin:8px auto;overflow:hidden;text-align:left;width:96%;line-height:150%}
  /*---日志内容底部--*/
  .Content-bottom{text-align:right;height:10px;padding:3px 2px 8px 2px !important;padding:3px 2px 8px 2px;margin-bottom:5px;border-bottom:1px dotted #ccc;}
  .Content-bottom .ContentBLeft{width:0px;float:left;}
  .Content-bottom .ContentBRight{width:0px;float:right;}  
  /*---日志其他信息--*/
  .Content-Info {margin:0px 4px 6px 4px;padding:0px}
  .Content-Info .InfoAuthor{text-align:left}
  .Content-Info .InfoOther{float:right;text-align:right;}
  /*--评论框--*/
  .comment{text-align:left;margin:0px 10px 15px 12px;border:1px dotted #0a847d;}
  .commentinfo{font-size:11px;color:#333;}
  .commenttop{height:22px;padding:0px;border-bottom:1px dotted #0a847d;margin:1px;}
  .commentcontent{padding:10px;line-height:140%;overflow:hidden;width:97%;}
  /*---UBB框--*/
  .UBBPanel{background:#e8fafb;border:1px solid #ccf4f5;border-left:3px solid #ccf4f5}
  .UBBTitle{font-weight:bold;padding:4px;background:#ccf4f5;}
  .UBBContent{padding:6px;line-height:160%;}
  .UBBContent TEXTAREA {width:600px;margin-bottom:2px;}
  :link.UBBLink,:visited.UBBLink{font-size:11px;font-family:verdana;}
  /*---信息框--*/
  #MsgContent{border:1px solid #23c8be;width:450px;padding:1px; background:#e8fafb;margin:auto;}
  #MsgContent #MsgHead{background:#ccf4f5;padding:4px;color:#5a5a5a;text-align:center;font-weight:bold;}
  #MsgContent #MsgBody{padding:4px;line-height:180%;}

  .LDialog{border:1px solid #795B50;margin:3px auto;padding:1px;}
  .LDialog .LHead{background:#BBA097;padding:1px;color:#8f4b14;text-align:center;font-weight:bold;}
  .LDialog .LBody{padding:4px;line-height:200%;}


/*信息框图标以及文字*/
   .MessageText{height:50px;margin-right:38px;}
   .MessageIcon{background:url(Message.jpg) no-repeat;width:48px;height:48px;float:left;}
   .ErrorIcon{background:url(Warning.jpg) no-repeat;width:48px;height:48px;float:left;}
   .WarningIcon{background:url(Warning.jpg) no-repeat;width:48px;height:48px;float:left;}   
   .QuestionIcon{background:url(Question.jpg) no-repeat;width:48px;height:48px;float:left;}
  /*---底部样式---*/
#container #foot{margin:10px 0 0 0;background:url('foot.jpg') no-repeat center;padding:17px 0px 0px 0px;height:68px;overflow:hidden;}
  #container #foot p{margin:4px}
  #foot p{margin:0px;}
  /*---文件上传框样式---*/
  .attachmentBody{
  margin:0px;font-size:12px;background:#e8fafb;}

修改地地方不多,只要修改三个地方即可

• 将原来的660px 修改为 760px
  
• 将原来的-533px 修改为 -633px
  
• 紧接着同一行的-533px 修改为 -633px
  

预览地址:http://www.ku81.com.cn

欢迎到小站指导

beike

没有人用这个皮肤吗?或许是你们用了,但是栏目没有达到足够数量也看不出这个BUB来

235200

没有 我换了N个皮肤 最后选择了默认皮肤   装了N个插件 选择都卸载了大半

首页调用搞了3天 2天后就取消了  

最后来一句  越简约越好   简约而不简单

[ 本帖最后由 235200 于 2008-5-28 22 编辑 ]

beike

是啊,这个官方奥运风格皮肤的确不错,不过头上那个图不能用久了,要改一下,自己做一张就可以了,不难,我的站已经改过了,儿童节的, 有兴趣去看一下,不错的