Blog模板修改方法

Blog模板修改方法,第1张

1、先查看你主页面的源代码,可发现CSS定义来自于这个文件:http://bbs.ywms.net/space/css/space.css

2、把这个链接在浏览器里打开就可以看到这个CSS的内容了,此时你可以你的模板设置里的“样式表”中重新定义那些样式。比如

.itemsubject h4 {float: leftwidth: 35emoverflow: hiddendisplay: blockpadding: 0.3em 0 0.3em 1.5emfont-size: 12pxmargin: 0background: url(../images/default/icon_subject.gif) no-repeat 0 5pxcolor: #7186B0}

这个是文章列表的标题样式,我把那个小图标换成自己传上去的,把颜色改成深红,则只要在自己模板的样式表中写:

.itemsubject h4{background: url(http://bbs.ywms.net/space/attachments/2006/05/21/2006521_993f8d6f4d78ff259aa36ae49ab61cda.gif) no-repeat 0 5pxcolor:#900}

3、space.CSS内容很长,你可以整个复制到你的样式表中然后进行修改。我是打开主页面的源代码看看我想改的地方的样式是什么名字,到space.css中找到它后再在自己的样式表中重新定义。

怎样?清楚了吗?

可以自定义CSS是幸福的,因为CSS实在太强大了,虽然你不能修改标签名,但可以重新定义它们,甚至可以完全去掉上面的广告——当然,如果广告不是很过分,就留着吧,毕竟我们是免费使用人家的空间和程序。

我这个blog模板的设计是沿用了我原来的blog的,只要修改一些样式名就可以了。原来的blog在这里。随便说一下,XS有不少地方不合W3C标准,比如<br>,标准写法应该是<br />,但这里会自动改成<br>,没办法。

blog与普通网页在设计上最大的不同,是要受该blog运营系统的限制,其对Html代码的开放程度和提供的特殊代码对设计会有一定的影响。比如我原来用的blogbus提供的自定义非常丰富,几乎整个页面元素你都可以随便你修改,包括文件头、每篇文章附的功能链接等等,而XS提供的并不多。

用CSS+DIV的设计,我相信是一个好习惯,整洁精练,易读,易修改,跨平台,跨浏览器,推荐。不喜欢用表格。

关于浏览器的不同。我现在基本上不用IE而用Firefox(推荐)。在设计的时候要注意在不同浏览器里查看浏览效果的差异,比如宽度width同样的px值,在IE和Firefox里的显示各不相同,因此用!important进行处理——用IE浏览时会跳过!important的设定,而用 Firefox会优先用!important的设定,这样就可以使同一对象在不同浏览器里用不同的值,而使浏览显示一致。

关于CSS,推荐看这个网站:http://www.w3cn.org

用CSS+DIV的设计方法可以不用所见即所得的设计器,直接用记事本写代码就行了,但推荐用Dreamweaver的代码设计器写,因为它可以提供丰富的CSS代码拼写提示。

1:新浪博客具有模板定制功能除了普通的模板风格选择以外,还提供了“模板DIY”界面,您可以在数千种变化种找到属于自己的风格加以搭配。

2:如果您不希望您的首页总是一成不变,同时又希望免去亲自更换模板的麻烦,那您可以进入“模板DIY”,将您的首页风格设置成“模板随机效果”,此时您的主页每次被刷新都会呈现出不同的风格哦:)建议初学者不使用

温馨提示:您选择随机模板后,自定义的风格模板将会失效。

第一步:点击你主页右上方标题栏的“控制面板”进入

第二步:进入“控制面板”后,选择左边的“定制我的模板”或者右边的“定制Blog面板”

第三步:按照你的想法选择下一步的操作,如果你想选择固定的个性模板,那么请点击“点击此处更新模板”“随机风格”建议暂不使用,待熟练后可尝试。

第四步:选择自己喜欢的一种风格,比如选择的是“灰色轨迹”,点击进入。

第五步:十个模版都有模版风格说明,点击看说明,如果确定好的话点击“选择此模板”

第六步:你将鼠标放在哪里,哪里晃动,哪里就能更改。在弹出的小框框里,将鼠标放到上下箭头出,滚动选择自己喜欢的图片。自己可以多试试不同的风格。

第七步:首先更改背景,,点击蓝色按钮,选择好自己满意的背景之后,点一下。

第八步:界面中的其他模块你都可以自己改变

第九步:要强调得一点(可能也是很多人没有注意的一点),那就是你现在更改的均属于首页的模板,你还可以更改正文现显示的背景,当然该方法同上。

第十步:当你全都改好之后,就可以点击“保存并返回”了。

博客模板系统,可用于免费创建自己的博客,也有大量精美的模板使用,也就是说你不懂技术,下载博客网站模板也能创建自己的博客。

一般来说搭建博客网站,除了织梦cms,还可以使用wordpress、emlog个人博客系统、z-blog、thinkcmf、fastadmin等,可以根据自己喜好进行挑选。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/28013.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-02-18
下一篇2023-02-18

发表评论

登录后才能评论

评论列表(0条)

    保存