加载中…
个人资料
芒果钱包
芒果钱包
  • 博客等级:
  • 博客积分:0
  • 博客访问:10,729,546
  • 关注人气:1,563
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
正文 字体大小:

玩转博客之新浪模板改改改

(2006-09-26 19:35:43)
分类: 新浪博客代码大全


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("正文背景图片");}

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


</STYLE>



补充一下,很多人问了,以上的图片究竟指的是哪儿:

页面背景图片指的是模板两边空白的地方的照片。
题图logo图片,又叫题图上,指的是最上面比如显示的下面的图片

题图大图,又叫题图下,指的是我模板中的那张刘亦菲的图片。

正文标题栏上翻时的图片指的是文章发表了之后文章标题后的图片。

面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。

面板的背景图片指的是左边比如我的文章列表什么的背景图片。

正文背景图片指的是我们的文章发表了之后文字下面的图片,我文章中的福字就是那样的。

其他的我就不说了,大家修改模板可以灵活运用上面的代码,有些可以不要的,不想改哪项就把哪项的代码删掉。

假如不知道这些背景图片的大小,我教大家一个方法,就是看哪儿的图片大小,就点击鼠标右键,点背景另存为,把图片存到硬盘里,然后看大小就可以了。

注明一点,这里换的图片都必须是网上的,图片剪接什么的自己弄好了,photoshop或者acdsee都可以。图片格式为jpg或者gif.其他的都不行。

具体操作步骤请参照这里,说明一点,和我说的操作步骤有一点不一样的地方是,在勾选源代码的时候,要先在空白面板上写几个字,写什么都可以,然后再勾选显示源代码,
如果在已经存在的面板里用这个代码就不需要写字,好了,就说这么多了,希望你会成功。

【新浪博客首页半透明蒙纱效果】 http://blog.sina.com.cn/u/446ae4ee01000720
【更换新浪博客首页页面背景的代码】 http://blog.sina.com.cn/u/446ae4ee0100071z
这2个代码一起加到以前建的面板后面有很好的效果,具体效果见我博客首页

另附⑤款新浪博客整体模版
【新浪博客整体模版①】 http://blog.sina.com.cn/u/446ae4ee0100078b
【新浪博客整体模版②】 http://blog.sina.com.cn/u/446ae4ee0100078a
【新浪博客整体模版③】 http://blog.sina.com.cn/u/446ae4ee01000789
【新浪博客整体模版④】 http://blog.sina.com.cn/u/446ae4ee01000788
【新浪博客整体模版⑤】 http://blog.sina.com.cn/u/446ae4ee01000787

   博客代码尽在  http://www.bkdm.cn/

 

非主流图片制作软件  加入博客展示免费推广你的博客  博客代码论坛

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

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

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有