博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客最佳情侣模版=红白黑=代码图解

新浪博客最佳情侣模版=红白黑=代码图解

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

以浪漫情侣为头图,红白黑三色搭配,与众不同的感觉,尤其是头图比较引人瞩目,很喜欢那种甜蜜的感觉啊,呵呵!

效果如下:(点击即可预览大图)

代码如下:

-
<STYLE type=text/css>
 body {background:url(http://s9.album.sina.com.cn/pic/4e006ac1020016kk) repeat fixed!important;);margin:0px;
</STYLE>
<STYLE type=text/css>
/**/.banner{background:url("http://s4.album.sina.com.cn/pic/4e006ac1020016kf") no repeat no scroll!
mportant;}.banner{height:368px}
.menu
{background:url("") no repeat no scroll!mportant;}.menu{height:45px}
.logo,.feeds .function,.feeds .up,.feeds .down,.links .mid,.photo .mid,.label .mid,.calendar .mid,.callboard .up,.callboard
.down,.callboard .mid,.sysW770,.gbook .up,.gbook .down,.feeds .page,.links .more,.add,.add .ico,.gbook .title,.gbook
.post,.links .bottom,.photo .top,.photo .bottom,.label .bottom,.label .top{background:#transparent}
body
.feeds .down{background:#transparent}
.links .up{text-align:center;height:46px;background:url() no-repeat center;}
.bodyBg{background:#transparent}
.bodyBottom{background:#transparent}
.banner .title td{background:#transparent}
.callboard .up{text-align:center;}
.bodyTop {display:none;}
<STYLE type=text/css>
.links .up{text-align:center;}
.callboard .up{text-align:center;}
.feeds .title {text-align:center;}
.body{margin-top:0px;}
.logo{display:none;}
.foot{display:none;}
.logo{display:none;}
A { text-decoration: NONE; color: #000000}
A:hover { position: relative; left:1px; top:1px; }
A { text-decoration: NONE; color: #000000}
A:hover { color:#880011}
</STYLE>
<STYLE type=text/css>
<!--
BODY
{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #OOOOOO;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR:#000000;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #000000}
-->
</STYLE>
<STYLE>.gbook .title{display:none;}
.gbook .title {background:#transparent !important;}
</STYLE>
<STYLE type=text/css>
.banner .title{
 margin-left:100px;
 margin-top:70px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 120px
}
<STYLE type=text/css>
.feeds .function a{color:black;}
</STYLE>
<DIV></DIV>
<STYLE>.title td {display:none;} </STYLE>
<DIV></DIV>
<STYLE>.banner .link td {display:none;} </STYLE>
<STYLE type=text/css>
.menu a{color:#000000;}
.menu .text{color:#000000;}
.menu .text a{color:#000000;}
.menu .home a{color:#000000;}
.callboard .title{color:#000000;}
.links .text{color:#000000;}
.links .desc{color:#666666;}
.links td a{color:#000000;}
.banner .title td{color:#000000;}
.banner .link a{color:#000000;}
.banner .link td{color:#000000;}
.photo .infoText a{color:#000000;}
.add a{color:#000000;}
.feeds .time{color:#000000;}
.feeds .text{color:#000000;}
.feeds .text a{color:#000000;}
.feeds .title a{color:#000000;}
.feeds .function a{color:#000000;}
.feeds .function td{color:#000000;}
.feeds .page a{color:#000000;}
.feeds .page span{color:#000000;}
.foot p a,.foot center a{color:#000000;}
.foot{color:#000000;}
</STYLE>

添加方法:

1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,点击显示源代码--粘贴代码----保存并返回;

2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

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

我来说两句

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

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