新浪博客横幅代码
修改横幅的代码:
。banner
{background:url("头部大横幅图片地址") no repeat no scroll!mportant;}
以上的代码只是更改博客横幅的最简单的代码。
但是,有一些朋友希望能够把博客的横幅加宽。那么又怎么办呢?
呵呵 在这里,我介绍一下博客横幅加宽的代码:
代码一:
。banner
{background:url("横幅图片地址") no repeat no scroll!mportant;}。 banner
{height:235px}
说明:代码中235px 表示横幅的宽度 可以自己调节。这个代码适合于JPG格式的图片。
代码二...全部
修改横幅的代码:
。banner
{background:url("头部大横幅图片地址") no repeat no scroll!mportant;}
以上的代码只是更改博客横幅的最简单的代码。
但是,有一些朋友希望能够把博客的横幅加宽。那么又怎么办呢?
呵呵 在这里,我介绍一下博客横幅加宽的代码:
代码一:
。banner
{background:url("横幅图片地址") no repeat no scroll!mportant;}。
banner
{height:235px}
说明:代码中235px 表示横幅的宽度 可以自己调节。这个代码适合于JPG格式的图片。
代码二:
。banner
{height:235px}
说明:代码中235px 表示横幅的宽度 可以自己调节。
这个代码适合于FLASH形式的图片。
那么。用这个代码添加FLASH横幅。必须还要添加另外的代码(即绝对定位代码)。呵呵;虽然麻烦了一些,但这样会使博客看起来更美观,
绝对定位代码如下:(只能添加一个)
代码一:
(这个定位代码自动居中，解决了使用不同分辨率，或者宽屏幕电脑看定位内容偏离的问题。
)
这里覆盖需要定位的内容
代码二:绝对定位+框架
代码说明:
top:12px 上下位置的数值，数字越大，定位的东西越往下。（自动居中，只调整上下即可）
width=770 框架的长 height=48 框架的宽 可根据定位的东西自己调整。
--------------------------------------------------------------------------------
那么,制作自己的博客横幅。
还可以隐藏横幅上方3。0的背景图片,这样看起来就更美观了;
横幅上方的3。0后的背景图片
。bodyTop
{background:url("文字上覆盖图片地址") no-repeat center;}
图片尺寸：宽770像素 高40像素 分辨率72
--------------------------------------------------------------------------------
隐藏横幅上方的3。
0图片：
。logo{display:none;}
那么,有一些朋友他不想要横幅。在这里我再告诉大家,隐藏横幅的代码:
隐藏首页横幅上的博客地址：
。
nktd{display:none;}
--------------------------------------------------------------------------------
再告诉大家一些横幅素材:
横幅素材1
横幅素材2
添加方法：
首先复制代码→点击你博客的 控制面板→首页内容维护→自定义空白面板 >> 点击进入编辑界面 →点击 →打开新窗口后 点击 显示源代码 → 把你复制的代码粘贴 → 点 → 然后回到你的控制面板 点击定制我的首页 → 在新打开的网页中 点击 添加模块 → 在新打开的窗口 把你新建立的这个模块名字前打上对号，然后在最下面点击 →最后点击 保存设置 一切就OK了
--------------------------------------------------------------------------------
方法2:直接把上面的代码粘贴到模块里．点击 显示源代码 → 把你复制的代码粘贴
注：这个模版现在正在使用
以上代码请随意使用!~~
转载请注明:本文由:生活懒洋洋整理!~谢谢
。
收起
