修改一下博客的式样
选定现在这个模版后在我自己机子上一看,好丑,只在左边占半个屏幕,想想一定是式样的问题了,马上找能不能修改式样呢,还好还真提供了这一点,在选项 —>Opions—>Configur下,在通过CSS定制页面输入框里,自己重新定义要修改的class标签,实际上在运行的时候,你重新设定的值就会把以前的设置覆盖,当然了你得知道自己要修改的是哪一个标签了,开一个博客窗口,查看源码,找到了我需要让他们100%显示的标签,header ,#mytopmenu ,#rightcontent,#centercontent ,对了,就这几个,我让它们的width为100%
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
写好了,“SAVE”一下,然后在我的博客窗口刷新一下,太好了,内容都充满了浏览器的宽度,不错,不过顶上的图片还是没有变化呢?
看样子只修改header的宽度可不行,background-repeat:no-repeat;这个属性得改一下了,查了一下式样表,看样子改成repeat可能好点吧。另外只有,repeat-x和repeat-y,先试一下。在.header里加上background-repeat:repeat;
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
保存,刷新,倒是填满了,新的问题出来了,一看就知道是两个图片拼的,中怎么有道间隔呢,试着设padding-right:0px;没用,还是哪样,而且图片右边直接到了浏览器的边,没能和下面的正文对齐,不行,还得加上 margin-right:20px;
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
一次看起来都还不错,可顶上这图片两张之间怎么会有块空白呢,后来发现是我的图片有块白边,呵呵,看样子我得自己再PS一下了,可惜呀,要是div的背景图片设置能像桌面设置里的拉伸处理就好了。先就这样吧! 等哪天有了闲心,改它个"面目全非"。
posted on 2006-11-23 23:44 changhai-xuri 阅读(428) 评论(0) 编辑 收藏 举报