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

新浪博客模版=王子与公主=代码图解

来源:博客学堂  | 添加时间:2007-7-4 09:06:55 | 我要投稿 | 提问

差点搞成王子与青蛙了,呵呵!唯美的模版

效果预览

步骤:

第一步:管理博客-->首页内容维护-->定义空白模板-->新建,创建模块标题,显示源代码(会出现<DIV></DIV>,把它删除)-->粘贴代码-->保存并返回;

第二步:管理博客-->定制我的首页-->点添加模块-->点选创建好的模块标题-->勾上点击最下面的选取-->最后点击保存设置。

代码
-<STYLE type=text/css>
.links .up{text-align:center;}
.callboard .up{text-align:center;}
.bodyTop {display:none;}
.body{margin-top:0px;}
.logo{display:none;}
.foot{display:none;}
</STYLE>
<STYLE type=text/css>
 body {background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) repeat fixed!important;);margin:0px;
</STYLE>
<STYLE type=text/css>
.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,.circletitle{background:#transparent}
.banner
{background:url(http://s8.album.sina.com.cn/pic/4ba6df3802000ey7) no repeat no scroll!mportant;}
.banner{height:333px}
.links .up{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.links .down{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
</STYLE>
<STYLE type=text/css>
.logo
{background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) no
repeat no scroll!mportant;}
.menu{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) no-
repeat center;}
.menu{height:66px}
.feeds .up{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) no-
repeat center;}
.feeds .down{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) no-
repeat center;}
.feeds .function{background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8) no-repeat right;}
.links .up{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.links .down{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.links .mid{
background:url("http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.photo .mid{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.label .mid{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.calendar .mid{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.callboard .up{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.callboard .down{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.callboard .mid{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.bodyBg{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.bodyBottom{
background:url(http://s9.album.sina.com.cn/pic/4ba6df3802000ey8);}
.links .up{text-align:center;}
.callboard .up{text-align:center;}
.bodyTop {display:none;}
.photo .infoText a {color:#AF7D80;}
.callboard .title {color:#AF7D80;}
.links .text {color:#AF7D80;}
.links td a {color:#AF7D80;}
.links .desc{color: #AF7D80 !important;
}.feeds .text{color:#AF7D80;}
.feeds .time{color:#AF7D80;}
.menu .text{color:#AF7D80;}
.feeds .function td{color:#AF7D80;}
.feeds .function a{color:#AF7D80;}
.menu .text a {color:#AF7D80;}
.add a{color:#AF7D80;}
.feeds .title a{color:#AF7D80;}
.feeds .text a{color:#AF7D80;}
.feeds .title a{color:#AF7D80;}
.gbook a{color:#AF7D80;}
.gbook .aText{color:#AF7D80 !important;}
.gbook .item a{color:#AF7D80 !important;}
.gbook .postFSet{color:#AF7D80 !important;}
.gbook .postFSet legend{color:#AF7D80 !important;}
.gbook .text{color: #AF7D80 !important;}
</STYLE>
<STYLE type=text/css>
.bodyTop{width:1000px;}
.bodyBg{width:1000px;}
.bodyBottom{width:1000px;}
.feeds .text{width:600px;}
.label{width:300px;}
.photo{width:300px;}
.callboard{width:300px;}
.links{width:300px;}
.calendar{width:300px;}
.sysBr180{width:300px;}
</STYLE>
<STYLE type=text/css>
BODY {
SCROLLBAR-BASE-COLOR: #F2D7CB
}
</STYLE>
<EMBED style="LEFT: 5px; POSITION: absolute; TOP: 0px" align=right src=http://imgfree.21cn.com/free/flash/5.swf _fcksavedurl="http://imgfree.21cn.com/free/flash/5.swf" width=980 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>

如果想隐藏标题和地址,请在后面加入以下代码:
<STYLE type=text/css>
.banner .title td{display:none;} .banner .link td {display:none;}
</STYLE>

想了解更多嘛?来新浪博客教程看看

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

我来说两句

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

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