|
引：怎样自己制作博客背景图片 代码： <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;} .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> “页面大背景(body)”指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分(1024*768规格)。 “题图上背景(logo)”是指所在的横长条的背景。 “题图下背景(banner)”是指博客名字（如捉梦的BLOG）和博客地址（如http://blog.sina.com.cn/m/zhubo﹥复制 ﹥收藏本页）所在的那部分的背景。 其中logo和banner宽各为770，logo高40，banner高134，单位均为像素。 “题图下的菜单背景”是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。 “正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。 “面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。 “面板的背景图片”指的是左边比如我的文章列表什么的背景图片。 “页面内背景”是指整个文章文字所在的大背景！ 修改模板的时候可以灵活运用上面的代码，有些可以不要改，不想改哪项就把哪项的代码删掉就可以了。 假如不知道这些背景图片的大小，就具体在哪张图片上就点击鼠标右键，点背景另存为，把图片存到电脑上，然后看大小就可以了。 注意：以上所用到的图片地址都是图片的URL地址，也就是网络地址，而不是本地地址，本地地址不能用。 说明： 1.将url后面括号中的地址换成自己想要的图片地址。为了和新浪链接同步，图片最好上传到BLOG里。想换哪里的图片就用相应的代码。 2.鉴于css语法的特殊性，代码添加进新的空白面板时要在面板正文部分打上字或者符号。或者加到原来已有的面板中去。 3.关于主要模板尺寸：我自己量的是： logo（最上面写SINABLOG那一白色小条）：770*40 banner（横幅大图）：770*135 menu（个人首页/搜索/帮助/退出的菜单）：770*30 可以先裁出770*205的一整张图片再逐步剪裁。这样更美观协调。 长度大于770没有关系，系统会自动调整。 长度小于770会有连续排的效果。比如上传长度为250的图片，将横排三次这张图，还多出一条长20的像素图。 4.body部分最好不要用一整张壁纸。因为一张壁纸长度只和屏幕一样，当下拉页面时，多数会出现连续横排效果，就像被分割成一块一块的一样。 即使壁纸花色完全一致，也会由于图片太大占很大的内存空间，BLOG打开速度会明显变慢。 所以最好的方法是去下载网站上的背景素材。只有方块大小就可铺满整个页面了 怎样改换博客大背景图片： 滚动的大背景代码： <style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style> 代码说明： repeat 重复，当图片的大小不够的时候会以平铺显示 scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动 固定的大背景代码： <style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style> 代码说明： fixed 固定，大背景不会因为你拉动滚动条而滚动 使用说明： 1，先找到你喜欢的图片（1024*768规格），然后把图片地址覆盖在代码中的（"页面大背景图片地址"）上面； 2，再找一个已经有内容的面板（比如动画面板，背景音乐面板），打开，勾选显示源代码框，在原有代码之后粘贴复制以上你选中的任何一组代码；如果单独设置空白面板，必须在代码前面加一个任意字符，否则无效果； 3，这就是改变BLOG背景图片的过程，具体用哪一种代码，看个人喜欢了。 http://www.baidu.com/s?wd=%D4%F5%D1%F9%D7%D4%BC%BA%D6%C6%D7%F7%B2%A9%BF%CD%B1%B3%BE%B0%CD%BC%C6%AC
|
|
|
