博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客模版=淡淡的七彩=代码图解

新浪博客模版=淡淡的七彩=代码图解

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

淡淡的色彩,淡淡的感觉!

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

淡淡的七彩

代码如下:

.
<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://s4.album.sina.com.cn/pic/4d7acef102000x9r) no
repeat no scroll!mportant;}.banner
{height:434px}
.menu{
 background:url("") no-
repeat center;}
.bodyBg
{background:url("");}
body
{background:url(http://s11.album.sina.com.cn/pic/4d7acef102000x9y) repeat fixed!important;)
</STYLE>
<STYLE type=text/css>
.bodyBottom
{background:url();}.bodyBottom{height:67 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:40 px;
background:url("");}
</STYLE>
<STYLE type=text/css>
.links .down
{background:url("");}
</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:#000000;}
</STYLE>
<STYLE type=text/css>
.links .text {color:#000000;}
</STYLE>
<STYLE type=text/css>
.feeds .function a {color:#000000;}
</STYLE>
<STYLE type=text/css>
.callboard .title {color:#000000;}
</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: #000000}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
<STYLE type=text/css>
BODY { SCROLLBAR-ARROW-COLOR:#FFCCCC;
SCROLLBAR-FACE-COLOR:#CCFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFCCCC;
SCROLLBAR-HIGHLIGHT-COLOR:#FFCCCC;
SCROLLBAR-3DLIGHT-COLOR:#CCFFFF;
SCROLLBAR-SHADOW-COLOR:#CCFFFF;
SCROLLBAR-TRACK-COLOR:#CCFFFF;}
</STYLE>
<STYLE type=text/css>
.banner .title{margin-left:100px;margin-top:50px;font-weight:bold;}
.banner .link{margin-left:30px;margin-top:16px;}
</STYLE>

添加方法:

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

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

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

我来说两句

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

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