存档之: 六月 2008, 20
如何让博主使用个性化的题图
博客的题图,指的是网页上方的图片。一般情况下,是在皮肤设计者提供的整体方案中设置的,图片也是现成的。博主在选换不同的皮肤方案时,风格文件会根据不同的定义,调用不同的题图。
不同的题图可以反映出博客与博主的不同特征,加深读者的印象。显然,如果博主能使用自己制作的个性化题图,那么即使不同的博客选择同一个皮肤方案,也可以把自己的博客妆点得更有特色一些。
不是所有的皮肤都使用了题图,使用题图的皮肤方案,有的不能直接让博主改变。而且在那些允许博主采用个性化题图的皮肤方案中,题图的大小及其它定义项目也会有所不同。这样就使得这个任务显得比较复杂一些,必须由站长与博主共同完成。当然,如果博主对风格文件比较熟悉的话,除了第一步,其他步骤也许不需要站长的协助,也能够独立完成。
下面是我的建议步骤——
1. 站长首先要签选博主使用个人的风格文件的选项。(博客设置->特征->皮肤与风格[管理]->允许个性化博客的CSS风格文件。)
2. 博主选定自己喜欢的皮肤方案。具体做法是到后台管理界面上,根据预览图片的效果,选定一个皮肤方案。
3. 博主向站长提出支援要求,请提供相应的style.css文件或者其中的一部分。博主也可以自行到b2e的皮肤下载网站(http://skins.b2evolution.net/)下载完整的皮肤文件,然后提取其中style.css文件。
4. 在style.css中找到与题图相关的那个部分,其中有“background: url(图片源)”的定义。如果有困难,可以请站长协助判定。比如:
/* header photo */
.headerphoto {
margin: 0 auto;
width: 770px;
height: 200px;
padding: 15px 10px 10px 10px;
background: #FFF url('img/headerphoto.jpg') no-repeat center;
}
把这一节内容完整抄录到另外一个新的文本文件,也取名为style.css。
注意,有的皮肤方案没有把题图定义放在style.css文件上,需要站长对皮肤文件加以适当的修改才能使用。
5. 把“background”中定义中的图片源,修改成博主可以自行上传图片的位置,比如:
background: #FFF url(/media/blogs/博客标签/headerphoto.jpg) no-repeat center;
6. 把含有自定义题图网址的style.css文件上传到媒体目录的博客根上。(上传->博客根->博客名)。同时上传一个自己制作的与原图片大小一致色调相近的图片,也放置到媒体目录的博客根上。文件名必须与第五步中定义的文件名一致。
完成以上步骤之后,回到自己的博客界面,然后刷新屏幕,就可以看到新的题图。以后如果想换成其他图片,只要更新图片就可以了。但是如果博主要换成其他的皮肤,就要从第2步重新开始做起。
最近评论