• 联系
  • 这个博客用来记载这个博客网站的成长,同时提供对b2e中文版本的支持

 
八月 2008
周一 周二 周三 周四 周五 周六 周日
 << <   > >>
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

搜索

powered by b2evolution free blog software

« 博主对话:我上传的图片上哪去了?博主对话:共同建立我们自己的文化小区 »

如何让博主使用个性化的题图

如何让博主使用个性化的题图

博客的题图,指的是网页上方的图片。一般情况下,是在皮肤设计者提供的整体方案中设置的,图片也是现成的。博主在选换不同的皮肤方案时,风格文件会根据不同的定义,调用不同的题图。

不同的题图可以反映出博客与博主的不同特征,加深读者的印象。显然,如果博主能使用自己制作的个性化题图,那么即使不同的博客选择同一个皮肤方案,也可以把自己的博客妆点得更有特色一些。

不是所有的皮肤都使用了题图,使用题图的皮肤方案,有的不能直接让博主改变。而且在那些允许博主采用个性化题图的皮肤方案中,题图的大小及其它定义项目也会有所不同。这样就使得这个任务显得比较复杂一些,必须由站长与博主共同完成。当然,如果博主对风格文件比较熟悉的话,除了第一步,其他步骤也许不需要站长的协助,也能够独立完成。

下面是我的建议步骤——

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步重新开始做起。

固定链接 08-06-20 15:56:09 , by blogsmith 邮件地址 , 点击数:249, b2evolution, 发表评论 »

没有评论

发表评论


您的邮箱地址不会公布在这个网站上。

您的网址将被显示
(换行变成了 <br />)
(名字、邮箱地址、和网址)
(允许用户通过信息表与您联系(您的邮箱地址不会被显示))