博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客非主流模版=孤单的犹豫=代码图解

新浪博客非主流模版=孤单的犹豫=代码图解

来源:博客学堂  | 添加时间:2007-8-14 17:10:30 | 我要投稿 | 提问

又新推出非主流系列的模版了,大家一定要多看看啊!呵呵!

效果如下:

代码如下:

<A href=http://www.blog286.com target=_blank><IMG style="LEFT: 80px; POSITION: absolute; TOP:0px" alt="博客成名." src="http://s5.album.sina.com.cn/pic/4ba4ee4b02000s84" border=0></A>
<STYLE type=text/css>
.label .top
{background:#transparent}
.links .bottom
{background:#transparent}
.photo .top
{background:#transparent}
.photo .bottom
{background:#transparent}
.label .bottom
{background:#transparent}
.label .top
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}</STYLE>
<STYLE type=text/css>
.logo
{background:url(http://s10.album.sina.com.cn/pic/492123e10200121l) no
repeat no scroll!mportant;}
.banner
{background:url(http://s9.album.sina.com.cn/pic/492123e10200121k) no
repeat no scroll!mportant;}.banner
{height:265 px}
.menu{
 background:url("http://s6.album.sina.com.cn/pic/4ba4ee4b02000vjt") no-
repeat center;}
.bodyTop
{background:url("http://s1.album.sina.com.cn/pic/492123e10200121l") no-repeat center;}
.bodyBg
{background:url("http://s6.album.sina.com.cn/pic/4ba4ee4b02000vjt");}
body
{background:url(http://s7.album.sina.com.cn/pic/492123e10200121i) repeat fixed!important;)
</STYLE>
<STYLE type=text/css>.bodyBottom
{background:url(http://s6.album.sina.com.cn/pic/4ba4ee4b02000vjt);}.bodyBottom{height:68px}
</STYLE>
<STYLE type=text/css>
.feeds .down
{background:url(http://s8.album.sina.com.cn/pic/492123e10200121j) no-
repeat center;HEIGHT: 38px}
.feeds .up
{background:url(http://s8.album.sina.com.cn/pic/492123e10200121j) no-
repeat center;HEIGHT: 38px}
.feeds .function
{background:url("http://s6.album.sina.com.cn/pic/4ba4ee4b02000vjt") no-
repeat right;}
</STYLE>
<STYLE>.title td {display:none;}
.banner .link {display:none;}</STYLE>
<STYLE>.menu .text a{color:#ffffff;} </STYLE>
<STYLE>.menu .home a{color:#ffffff;} </STYLE>
<STYLE>.callboard .title {color:#ffffff;} </STYLE>
<STYLE>.photo .infoText a {color:#ffffff;} </STYLE>
<STYLE>.links .text {color:#ffffff;} </STYLE>
<STYLE>.links td a {color:#ffffff;} </STYLE>
<STYLE>.feeds .text {color:#ffffff;} </STYLE>
<STYLE>.feeds .title a {color:#ffffff;} </STYLE>
<STYLE>
.gbook .aText{color:#ffffff !important;}</STYLE>
<STYLE>.add a {color:#cccccc;} </STYLE>
<STYLE>.feeds .time {color:#cccccc;} </STYLE>
<STYLE>.feeds .text a {color:#cccccc;} </STYLE>
<STYLE>.feeds .function a {color:#cccccc;} </STYLE>
<STYLE>.feeds .page a {color:#cccccc;} </STYLE>
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #000000}
A:hover { position: relative; left:1px; top:1px; }
<style>
BODY { SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#000000;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;}
<style>

添加方法:

1,管理博客----自定义设置----首页内容维护----定义空白模板----新建,创建模块标题,显示源代码粘贴代码--保存并返回;

2,管理博客----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,接着你会看到效果的啊--最后点击保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有