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

怎样设计背景图片?

(2006-08-22 17:01:55)
分类: 学习笔记
这些都是为了使用方便从网络上找来的,sina帮助里也有很多。其实我是菜鸟,很多都不懂。
会弄就弄一下,不会也没关系,内容才是最重要的。
 
代码:
<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}
</STYLE>

步骤:
控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存

换自己照片步骤:
控制面板——个人信息设置——更改基本资料——更改图片里选择图片就可以了
图像为180象素*120象素,大小不要超过30K,并且为.gif或.jpg格式。


问:怎么使用自己喜欢的模板呢?我想用别的,新浪推荐的几个我都不喜欢,能改吗?那么代码是什么呢?
答:能改,使用如下代码(记得要在代码前写上几个字):

<STYLE type=text/css>

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

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

.banner
{background:url(顶图上地址) no
repeat no scroll!mportant;}

</STYLE>

------------------------------------------------------
<STYLE type=text/css>
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
</STYLE>

更换页面题图logo图片的源代码:
<STYLE type=text/css>
.logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
</STYLE>

更换页面横幅题图的源代码:
<STYLE type=text/css>
.banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
</STYLE>

更换页面横幅题图下面的菜单图片的源代码:
<STYLE type=text/css>
.menu{
background:url("题图下的长条菜单图片") no-
repeat center;}
</STYLE>

更换页面文章标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.feeds .up{
background:url("文章标题栏上翻时的图片") no-
repeat center;}
</STYLE>

更换页面文章标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.feeds .down{
background:url("文章标题栏下翻时的图片") no-
repeat center;}
</STYLE>

更换页面文章结尾处评论阅读菜单栏的图片的源代码:
<STYLE type=text/css>
.feeds .function{
background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
</STYLE>

更换页面空白面板标题栏上翻时图片的源代码:
<STYLE type=text/css>
.links .up{
background:url("空白面板标题栏上翻时图片");}
</STYLE>

更换页面空白面板标题栏下翻时图片的源代码:
<STYLE type=text/css>
.links .down{
background:url(空白面板标题栏下翻时的图片);}
</STYLE>

更换页面空白面板的背景图片的源代码:
<STYLE type=text/css>
.links .mid{
background:url(空白面板的背景图片);}
</STYLE>

更换页面形象照片处的背景图片的源代码:
<STYLE type=text/css>
.photo .mid{
background:url(形象照片处的背景图片);}
</STYLE>

更换页面自定义空白面板背景图片的源代码:
<STYLE type=text/css>
.label .mid{
background:url(自定义空白面板的背景图片);}
</STYLE>

更换页面日历面板的背景图片的源代码:
<STYLE type=text/css>
.calendar .mid{
background:url("日历面板的背景图片");}
</STYLE>

更换页面公告栏标题栏上翻时图片的源代码:
<STYLE type=text/css>
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
</STYLE>

更换页面公告栏标题栏下翻时图片的源代码:
<STYLE type=text/css>
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
</STYLE>

更换页面公告栏的背景图片的源代码:
<STYLE type=text/css>
.callboard .mid{
background:url("公告栏的背景图片");}
</STYLE>

更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBg{
background:url("正文背景图片");}
</STYLE>

更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBottom{
background:url("正文背景图片");}
</STYLE>

更换页面正文文章页数图片的源代码:
<STYLE type=text/css>
.feeds .page{
background:url("正文文章页数图片") no-repeat center;}
</STYLE>

更换页面留言板标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
</STYLE>

更换页面留言板标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;}
</STYLE>
代码最好添加在原有的代码里!

0

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

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

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

新浪公司 版权所有