• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

沧海·旭日

旭日东升处 沧海碧波殊
  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

修改一下博客的式样

选定现在这个模版后在我自己机子上一看,好丑,只在左边占半个屏幕,想想一定是式样的问题了,马上找能不能修改式样呢,还好还真提供了这一点,在选项 —Opions—Configur下,在通过CSS定制页面输入框里,自己重新定义要修改的class标签,实际上在运行的时候,你重新设定的值就会把以前的设置覆盖,当然了你得知道自己要修改的是哪一个标签了,开一个博客窗口,查看源码,找到了我需要让他们100%显示的标签,header ,#mytopmenu ,#rightcontent,#centercontent ,对了,就这几个,我让它们的width为100%

        选定现在这个模版后在我自己机子上一看,好丑,只在左边占半个屏幕,想想一定是式样的问题了,马上找能不能修改式样呢,还好还真提供了这一点,在选项 —>Opions—>Configur下,在通过CSS定制页面输入框里,自己重新定义要修改的class标签,实际上在运行的时候,你重新设定的值就会把以前的设置覆盖,当然了你得知道自己要修改的是哪一个标签了,开一个博客窗口,查看源码,找到了我需要让他们100%显示的标签,header ,#mytopmenu ,#rightcontent,#centercontent ,对了,就这几个,我让它们的width为100%

.header {}{
  width
:100%;
}


#mytopmenu 
{}{
  width
:100%;
}
 
#rightcontent 
{}{
  width
:100%;
 
}


#centercontent 
{}{
  width
:100%;
}


写好了,“SAVE”一下,然后在我的博客窗口刷新一下,太好了,内容都充满了浏览器的宽度,不错,不过顶上的图片还是没有变化呢?
看样子只修改header的宽度可不行,background-repeat:no-repeat;这个属性得改一下了,查了一下式样表,看样子改成repeat可能好点吧。另外只有,repeat-x和repeat-y,先试一下。在.header里加上background-repeat:repeat;

.header {}{
  background-repeat
:repeat;
  width
:100%;
}

保存,刷新,倒是填满了,新的问题出来了,一看就知道是两个图片拼的,中怎么有道间隔呢,试着设padding-right:0px;没用,还是哪样,而且图片右边直接到了浏览器的边,没能和下面的正文对齐,不行,还得加上 margin-right:20px;

.header {}{
 background-repeat
:repeat;
 margin-right
:20px;
 width
:100%;
}

一次看起来都还不错,可顶上这图片两张之间怎么会有块空白呢,后来发现是我的图片有块白边,呵呵,看样子我得自己再PS一下了,可惜呀,要是div的背景图片设置能像桌面设置里的拉伸处理就好了。先就这样吧!   等哪天有了闲心,改它个"面目全非"。

posted on 2006-11-23 23:44  changhai-xuri  阅读(441)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3