PJBLOG风格样式CSS修改影响页面布局的两点备注

来源:不详 责任编辑:栏目编辑 发表时间:2013-07-01 20:50 点击:

本站页面,侧边栏掉到了内容页面的底部。侧边栏各咱日志插件列表显示宽度太小,根本不适合侧边栏的宽度。

经过PJBLOG群友类人 7%、ILANK等人的帮助,通过修改CSS这两个问题得到了解决。对于CSS可见其重要性。

现做个备注:

侧边栏或者内容栏宽度过宽,这样两侧边栏和内容栏无法正常排列,所以侧边栏会被挤到了内容页面下方。解决方法当然是减小内容栏或者侧边栏的宽度。

在皮肤风格下layout.css文件里,找到:

 /*---主内容--*/
  #mainContent{float:right;margin:5px 0px 0px -240px;text-align:center;width:100%;padding-left:10px;}
  #innermainContent{margin:5px 10px 0px 240px}
  #mainContent-topimg{}
  #mainContent-bottomimg{height:0px;overflow:hidden;}
  .content-width{margin:auto;width:100%}/

这四个数值分别就代表了上、左、下、右四个方向的对齐距离。适当的修改即可。

第二个问题是修改link.css文件里的代码:

.titleA:hover{color:#6b6b52;text-decoration:underline;}
 .sideA:link,.sideA:visited{padding-left:10px;height:18px;overflow:hidden;display:block;margin-bottom:2px;width:180px;line-height:140%;color:#009;}
 .sideA:hover{padding-left:10px;overflow:hidden;color:#00f;}

修改width的宽度到适合的大小即可。

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • 火车头采集器dedecms织梦5.7图集发布模块的制作方法
    • PJBLOG页面广告投放终极攻略教程(威客365版)
    • 手动修改实现日志标题左侧小日历效果

    新闻关注排行榜

    热门推荐 最新推荐
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1