加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【新浪博客变脸总动员】一

(2006-02-01 14:17:51)
分类: 一笔之力(blog教程及其他)
各位朋友大家新年好,好几天没有上来了,看到大家这么热情的支持我,游虾真觉得自己的功夫没白费,现在已经进入狗年了,游虾在这里祝所有朋友狗年大旺!!!
 
今天将要开始进行新的一组教程连载,主要是针对新浪博客的DIY,基本上是对新浪博客进行翻天复地的大改变,当然可能会提到以前讲到的东西,大家可不要不耐烦,只当是复习吧。OK,现在我们就来看看第一部分:
 
新浪博客图片变变变!!!
 
打开新浪博客默认的界面,是不是觉得非常的别扭?即使是调整了模板,但终究没有自己DIY得来的模板那么有个性,看看他的题图,改来改去就是那么几个,好生单调,那么就从现在开始,把新浪博客改成咱们自己的博客。
 
 

<STYLE type=text/css>

body
{background:url(页面背景图片) repeat
scroll!important;}

.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}

.banner
{background:url(题图大图) no
repeat no scroll!mportant;}

.menu{
 background:url("题图下的菜单图片") no-
repeat center;}

.feeds .up{
  background:url("正文标题栏上翻时的图片") no-
repeat center;}

.feeds .down{
  background:url("正文标题栏下翻时的图片") no-
repeat center;}

.feeds .function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}

.links .up{
  background:url("面板标题栏上翻时图片");}

.links .down{
  background:url(面板标题栏下翻时的图片);}

.links .mid{
 background:url(面板的背景图片);}

.photo .mid{
  background:url(形象照片处的背景图片);}

.label .mid{
  background:url(自定义面板的背景图片);}

.calendar .mid{
 background:url("日历面板背景");}

.callboard .up{
 background:url("公告栏标题栏上翻时图片");}

.callboard .down{
 background:url("公告栏标题栏下翻时图片");}

.callboard .mid{
  background:url("公告栏背景图片");}

.bodyBg{
 background:url("正文背景图片");}

.bodyBottom{
 background:url("正文背景图片");}

</STYLE>


 

这个代码大家应该都是知道的了吧?现在游虾再来补充几个,请看好——

.gbook .up{
 background:url('留言板标题栏上翻时的图片') no-repeat;
}
.gbook .down{
 background:url('留言板标题栏下翻时的图片') no-repeat;
}
.feeds .page{
 background:url("正文文章页数图片") no-repeat center;
}

现在基本上所有的图片都可以换成咱们自己的了,DIY的第一步大功告成!!

现在要强调的一点是图片的地址问题,有的朋友喜欢使用本地图片地址,这是错误的,图片必须是网络上存在的,这样别人才能看到你的图片;还有的朋友喜欢使用网易之类的网络相册图片,这也是错误的,因为这些网站会对图片的真实地址加密,或者是随时改变图片地址,这样你的图片便会经常无法在博客里看到,最稳当的方式是利用新浪的博客储存图片,方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找到你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就乖乖的显形了!!

如果你觉得这个方法还不够简单,那你可以再申请一个博客,专门用来贴图,再在你的主博里应用即可。

下一节将要讲述的是:如何改变新浪博客的页面宽度,以及博客标题的美化,还有相关图片的规格等等。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有