Chinaunix首页 | 论坛 | 博客
  • 博客访问: 270131
  • 博文数量: 42
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 534
  • 用 户 组: 普通用户
  • 注册时间: 2012-02-26 19:11
文章分类
文章存档

2014年(42)

我的朋友

分类: 数据库开发技术

2014-06-07 14:06:44

坑爹的itpub的blog显示页面,好窄啊,才700px,不得已哥只好修改源代码了,下面扩展到1066px,总算看起来页面blog不那么小气了,不知道博客的产品经理是怎么想的,现在pc机器以及笔记本电脑的屏幕宽度几乎都在1200px以上,你还好意思设置显示宽度在700多px吗?

真是神奇的blog模板啊~!

/*
X-Space Template
Template Name: Sina Style
Author: X-Space Team
Url:
(C) 2001-2006 Comsenz Inc.
*/
/*布局*/
/*Layout_1 左侧导航*/
.xspace-layout1 #sideleft { float:left; width: 190px; }
.xspace-layout1 .mainarea-side { width: 866px; margin-left: 200px !important; margin-left: 197px; }
/*Layout_2 右侧导航*/
.xspace-layout2 #sideright { float: right; width: 190px; }
.xspace-layout2 .mainarea-side { float: left; width: 866px; }
/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width: 190px; }
.xspace-layout3 #sideright { float:right; width: 190px; }
.xspace-layout3 .mainarea-side { float: left; width: 586px; padding: 0 5px; }
/*标题样式*/
.xspace-blocktitle { overflow: hidden; font-size: 1em; height: 28px; line-height: 32px; padding-left: 0.5em; }
.sidearea .xspace-blocktitle { color: #FFF; background: #9B9B9B; }
#mainarea .xspace-blocktitle { background: #EFEFEF; border-bottom: 1px solid #9B9B9B; }
body { margin: 0; padding: 0; background: #D7D7D7; color: #000; font: 12px Arial, Helvetica, sans-serif; text-align: center; }
input, textarea, select, button { font: 1em Arial, Helvetica, sans-serif; }
#wrap { background: #FFF url(../../images/sinastyle/topbg.gif) repeat-x 0 2px; border: 1px solid #969694; padding: 10px 2px; margin: 1em auto auto auto; width: 1066px; text-align:left; }
#header { background: url(../../images/sinastyle/headbg.jpg) no-repeat 0 20px; height: 152px; margin-bottom: 0.5em; }
#spacename * { color:#000; }
#xspace-spacename { padding: 5px; width: 230px; height: auto; overflow: hidden; border: 1px solid #666; background: #FFF; opacity: 0.7; filter: alpha(opacity=70); position: absolute; margin-left: 30px; margin-top: 50px; }
/*导航*/
#menu { background: #79726C; height: 28px; line-height: 28px; margin-top: 122px; position: absolute; width: 1066px; }
#menu ul { float: right; }
#menu li { margin: 0; }
#menu li a { float: left; padding: 0 0.5em; color: #FFF; height: 28px; background: none !important; text-decoration: none; }
#menu li a:hover { color: #FFF; background: #333 !important; }
.sidearea { padding-top: 2px; }
.xspace-sideblock { border: 1px solid #9B9B9B; background: #EFEFEF; }
a { color: #006; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #099; }


红色的1066px是整个页面显示宽度,866px是右边blog文章内容显示宽度,2个增加的数值要保持一致。

将这些源码copy到空间管理的设置模板那里,然后保存,就可以生效了,如下图:

 

阅读(2038) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~