http://blog.sina.com.cn/lls[订阅]
字体大小: 正文
新浪BLOG模板图片DIY(转载)(2006-04-15 21:11:40)
   打开新浪博客默认的界面,是不是觉得非常的别扭?即使是调整了模板,但终究没有自己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的第一步大功告成!!

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

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

  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...