博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客粉色模版=家有bear=代码图解

新浪博客粉色模版=家有bear=代码图解

来源:博客学堂  | 添加时间:2007-9-6 09:57:18 | 我要投稿 | 提问

很喜欢这款模版的,布置很不错,可见博主是下了一番功夫了!呵呵!

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

代码如下:

.
<STYLE type=text/css>
 .banner .link a{display:none;}.banner .link td{display:none;}
</STYLE>
<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>

.banner
{background:url(http://s10.album.sina.com.cn/pic/4e3f5e230200166l) no
repeat no scroll!mportant;}.banner
{height:303px}
.menu{
 background:url("http://s1.album.sina.com.cn/pic/4e3f5e230200166o") no-
repeat center;} .menu
{height:150px}
.bodyBg
{background:url("http://s7.album.sina.com.cn/pic/4e3f5e230200166i");}
body
{background:url(http://s6.album.sina.com.cn/pic/4e3f5e230200166h) repeat fixed!important;)

</STYLE>
<STYLE type=text/css>

.bodyBottom
{background:url(http://s8.album.sina.com.cn/pic/4e3f5e230200166j);}.bodyBottom{height:47 px}

</STYLE>
<STYLE type=text/css>

.feeds .down
{background:url() no-
repeat center;HEIGHT: 36px}
.feeds .up
{background:url() no-
repeat center;HEIGHT: 36px}
.feeds .function
{background:url("") no-
repeat right;}

</STYLE>
<STYLE type=text/css>

.links .up
{text-align:center;height:37 px;
background:url("") no-repeat center;}

</STYLE>
<STYLE type=text/css>

.links .down
{text-align:center;height:37 px;
{background:url("") no-repeat center;}

</STYLE>
<STYLE type=text/css>
.callboard .up
{background:url("");}

</STYLE>
<STYLE type=text/css>
.callboard .down
{background:url("");}
</STYLE>
<STYLE type=text/css>
.menu .home a{display:none;}
</STYLE>
<STYLE type=text/css>
.menu .text a{color:#FE80BF;}
</STYLE>
<STYLE type=text/css>
.links .text {color:#FE80BF;}
</STYLE>
<STYLE type=text/css>
.feeds .function a {color:#FE80BF;}
</STYLE>
<STYLE type=text/css>
.callboard .title {color:#FE80BF;}
</STYLE>
<STYLE type=text/css>
.links .text {color:#9C9C9C;}
</STYLE>
<STYLE type=text/css>
.logo{display:none;}
</STYLE>
<STYLE type=text/css>
.bodyTop {display:none;}
</STYLE>
<STYLE type=text/css>
 .bodyTop{display:none;}
</STYLE>
<STYLE type=text/css>
A { text-decoration: NONE; color: #FE80BF}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
<STYLE type=text/css>
.banner .link {
MARGIN-TOP:50px;
MARGIN-LEFT:150px}
</STYLE>
<STYLE type=text/css>
<!--
BODY
{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FE80BF;
SCROLLBAR-SHADOW-COLOR: #FE80BF;
SCROLLBAR-3DLIGHT-COLOR:# FE80BF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FE80BF;
SCROLLBAR-BASE-COLOR: #FE80BF
}
-->
</STYLE>
<STYLE type=text/css>
 .banner .title td{display:none;}
</STYLE>
<STYLE>
.menu a{color:#FE80BF;}
.menu .text{color:#FE80BF;}
.menu .text a{color:#FE80BF;}
.menu .home a{color:#FE80BF;}
.callboard .title{color:#FE80BF;}
.links .text{color:#FE80BF;}
.links .desc{color:#FE80BF;}
.links td a{color:#FE80BF;}
.photo .infoText a{color:#FE80BF;}
.add a{color:#FE80BF;}
.feeds .time{color:#FE80BF;}
.feeds .text{color:#FE80BF;}
.feeds .text a{color:#FE80BF;}
.feeds .title a{color:#FE80BF;}
.feeds .function a{color:#FE80BF;}
.feeds .function td{color:#FE80BF;}
.feeds .page a{color:#FE80BF;}
.feeds .page span{color:#FE80BF;}
.foot p a,.foot center a{color:#FE80BF;}
.foot{color:#FE80BF;}
.friend .tabs td.unactive a{color:#FE80BF;} #friendTitle{color:#FE80BF;} </STYLE> 
<style type=text/css>
.gbook .aText{color:#FE80BF!important;}
</STYLE><style type=text/css>
.gbook .title{color:#FE80BF!important;}
</STYLE> 
<style type=text/css>
.gbook .text{color:#FE80BF !important;}
</STYLE>
<style type=text/css> .foot{display:none;} </STYLE>

添加方法:

1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,点击显示源代码--粘贴代码----保存并返回;
 2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
注:加完保存了的代码,如果再改动,系统就会自动屏蔽,所以大家在改代码时要注意:可以将代码复制到文档里改好后再加进去,或者你改动或添加你的某个代码项目在点击保存之前都要在最最前头里加上一个随意的中文或英文字或加上一个字母或符号(每改一次都要这样)。

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

我来说两句

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

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