博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客模版=小公主=代码图解

新浪博客模版=小公主=代码图解

来源:博客学堂  | 添加时间:2007-7-25 16:48:35 | 我要投稿 | 提问

今天的小公主又出来了,大家以前使用的还习惯吧!

可爱的小公主,这个模版比较大方可爱,颜色调配的也很好.

在原图的基础上基本没有怎么改动.加上了红心下落的flash让模版更加生动.

效果如下:

[复制代码前,需要把整体模板改成"另类空间"样式.

请查看原文章,再复制以下代码,不然会导致代码复制不全哦]

代码如下:

-<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}
.menu
{background:#transparent}
</STYLE>
<STYLE type=text/css>
.logo{display:none;}
.bodyTop {display:none;}
.gbook .title{display:none;}
.foot{display:none;}
</STYLE>
<STYLE type=text/css>
.banner
{background:url(http://s7.album.sina.com.cn/pic/4c1fee1902000utu) no
repeat no scroll!mportant;}.banner
{height:318 px}
body
{background:url(http://s8.album.sina.com.cn/pic/4c1fee1902000utv) repeat
fixed!important;)
</STYLE>
<STYLE type=text/css>
.feeds .down
{background:url(http://s11.album.sina.com.cn/pic/4c1fee1902000uua) no-
repeat center;HEIGHT: 45px}
.feeds .up
{background:url(http://s11.album.sina.com.cn/pic/4c1fee1902000uua) no-
repeat center;HEIGHT: 45px}
.menu{
 background:url("http://s1.album.sina.com.cn/pic/4c1fee1902000uuc") no-
repeat center;}.menu
{height:63 px}
.bodyBg
{background:url("http://s2.album.sina.com.cn/pic/4c1fee1902000uud");}
.bodyBottom
{background:url("http://s3.album.sina.com.cn/pic/4c1fee1902000uue");HEIGHT:
102px}
.feeds .function
{background:url("") no-
repeat right;}
</STYLE>
<STYLE type=text/css>
.links .up
{background:url("http://s4.album.sina.com.cn/pic/4c1fee1902000uuf");height:30 px;}
.links .down
{background:url("http://s4.album.sina.com.cn/pic/4c1fee1902000uuf");height:30 px;}
.callboard .up
{background:url("http://s4.album.sina.com.cn/pic/4c1fee1902000uuf");height:30 px;}
.callboard .down
{background:url("http://s4.album.sina.com.cn/pic/4c1fee1902000uuf");height:30 px;}
</STYLE>
<STYLE type=text/css>
.links .up{text-align:center;}
.callboard .up{text-align:center;}
</STYLE>
<STYLE type=text/css>
.menu .text{color:#01DCDE;}
.menu a{color:#01DCDE;}
.menu .home a{color:#01DCDE;}
.photo .infoText a {color:#01DCDE;}
.callboard .title {color:#FFFFFF;}
.links .text {color:#FFFFFF;}
.links td a {color:#01DCDE;}
.links .desc{color:#01DCDE;}
.add a {color:#01DCDE;}
.feeds .function a{color:#01DCDE;}
.feeds .time {color:#01DCDE;}
.feeds .text a {color:#01DCDE;}
.feeds .title a {color:#01DCDE;margin-left:40px;}
.feeds .page a {color:#01DCDE;}
.feeds .page span {color:#01DCDE;}
</STYLE>
<STYLE type=text/css>
BODY { SCROLLBAR-ARROW-COLOR:#01DCDE;
SCROLLBAR-DARKSHADOW-COLOR:#01DCDE;
SCROLLBAR-HIGHLIGHT-COLOR:#01DCDE;
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;}
</STYLE>
<DIV><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src="http://imgfree.21cn.com/free/flash/150.swf" width=900 height=620 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></DIV>

添加方法:

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

2、控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,(页面刷新后,鼠标点住一侧模块标题上,可上下移动新建面板位置)--最后点击保存设置。

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

我来说两句

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

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