博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客非主流模版=看滚动的非主流MM=代码图解

新浪博客非主流模版=看滚动的非主流MM=代码图解

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

滚动的横幅,个性的非主流mm。喜欢的来看看吧!

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

新浪博客非主流模版=看滚动的非主流MM=代码图解

新浪博客非主流模版=看滚动的非主流MM=代码图解

代码如下:

<A href='http://www.blog286.com"' target=_blank><FONT style="FONT-SIZE: 36px; FONT-FAMILY: Script">Anita girl</FONT></A><STYLE type=text/css> -
<STYLE type=text/css>
.photo .top,.photo .bottom,.label .top
,label .bottom,.links .bottom,.calendar .top
.calendar .bottom,.label .top,
.callboard .front,.callboard .back,.links .bottom{background:#transparent}
</STYLE><TD align=middle><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src=http://data1.flash.qq.com/0/0/183/405-1187506465.swf _fcksavedurl="http://data1.flash.qq.com/0/0/183/405-1187506465.swf" width=1010 height=280 type=application/x-shockwave-flash QUALITY="high" WMODE="transparent"></EMBED></TD>
<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://s10.album.sina.com.cn/pic/4e1e4db502001cix) repeat fixed!important;);margin:0px;
</STYLE>
<STYLE type=text/css>
.banner
{background:url("http://s10.album.sina.com.cn/pic/4e1e4db502001cix") no repeat no scroll!mportant;}
.banner{height:280px}
.logo
{background:url() no
repeat no scroll!mportant;}
.menu{
background:url("http://s10.album.sina.com.cn/pic/4e1e4db502001cix") no-
repeat center;} .menu{height:70px}
.feeds .up{
background:url("") no-
repeat center;}
.feeds .down{
background:url("htt") no-
repeat center;}
.feeds .function{background:url("") no-repeat right;}
.links .up{
background:url("htt");}
.links .down{
background:url("");}
.links .mid{
background:url("");}
.photo .mid{
background:url();}
.label .mid{
background:url("");}
.calendar .mid{
background:url("");}
.callboard .up{
background:url("");}
.callboard .down{
background:url("");}
.callboard .mid{
background:url("");}
.bodyBg{
background:url("");}
.bodyBottom{
background:url("");}
.bodyBottom{height:83px}
.links .up{text-align:center;}
.callboard .up{text-align:center;}
.bodyTop {display:none;}
.photo .infoText a {color:#FF3399;}
.callboard .title {color:#FF3399;}
.links .text {color:#FF3399;}
.links td a {color:#FF3399;}
.links .desc{color: #FF3399 !important;
}.feeds .text{color:#FF3399;}
.feeds .time{color:#FF3399;}
.menu .text{color:#FF3399;}
.feeds .function td{color:#FF3399;}
.feeds .function a{color:#FF3399;}
.menu .text a {color:#FF3399;}
.add a{color:#FF3399;}
.feeds .title a{color:#FF3399;}
.feeds .text a{color:#FF3399;}
.gbook a{color:#FF3399;}
.gbook .aText{color:#FF3399 !important;}
.gbook .item a{color:#FF3399 !important;}
.gbook .postFSet{color:#FF3399 !important;}
.gbook .postFSet legend{color:#FF3399 !important;}
.gbook .text{color: #FF3399 !important;}
.feeds .function td{color:#FF3399;}
.menu .home a{color:#FF3399;}.feeds .function a{color:#FF3399;}
.feeds .page span{color:#FF3399;}
</STYLE>
<STYLE type=text/css>
/**/.bodyTop{width:1005px;}
.bodyBg{width:1005px;}
.bodyBottom{width:1005px;}
.feeds .text{width:600px;}
.label{width:300px;}
.photo{width:300px;}
.callboard{width:300px;}
.links{width:300px;}
.calendar{width:300px;}
.sysBr180{width:300px;}
</STYLE>
<style>
BODY { SCROLLBAR-ARROW-COLOR:#FF3399;
SCROLLBAR-FACE-COLOR:black;
SCROLLBAR-DARKSHADOW-COLOR:black;
SCROLLBAR-HIGHLIGHT-COLOR:#FF3399;
SCROLLBAR-3DLIGHT-COLOR:black;
SCROLLBAR-SHADOW-COLOR:#FF3399;
SCROLLBAR-TRACK-COLOR:black;}
</style><STYLE> .banner .link a{display:none;}.banner .link td{display:none;} </STYLE>
<STYLE> .banner .title td{display:none;} </STYLE>
<STYLE>.gbook .title {background:#transparent !important;}
.gbook .sysHand .down{background:#transparent}
.gbook .sysHand .up{background:#transparent}</STYLE>
<STYLE>
.serial .list a{color:#ffffff !important;} 
.serial .listTitle a{color:#ffffff !important;} 
.serial .list td{color:#ffffff !important;} 
.serial .listNo{color:#ffffff !important;} 
.serial .W336{color:#ffffff !important;} 
.serial .outline{color:#ffffff !important}
.serial .W336 a{color:#ffffff !important;} 
.serial .outline a{color:#ffffff !important} 
.serial .total{border-top:1px dashed #ffffff !important;border-bottom:1px dashed #ffffff !important;} .serial .total{border-top:1px dashed #ffffff !important;border-bottom:1px dashed #ffffff !important;} .serial .up{background:url("") no-repeat center !important;}
 " .serial .down{background:url("") no-repeat center !important;} -<style type=text/css>
.serial .title{color:#ffffff !important;} .serial .total{border-top:1px dashed # ffffff !important;border-bottom:1px dashed # ffffff !important;}
.serial table td{color:#ffffff !important;}
</STYLE><STYLE> body {background:url(http://s9.album.sina.com.cn/pic/4e1e4db502001cjk) repeat fixed!important;);margin:0px; </STYLE>
<STYLE>

添加方法:

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

2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,(页面刷新后,鼠标点住一侧模块标题上,可上下移动新建面板位置)--最后点击保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
使用小窍门:一定要把以上代码粘贴到新建立的模块中,想更换的时候把另外一套模板代码覆盖在以前的代码上面点击保存就可以了!这样可以随时更换整体模板效果了。

注:为了达到最好的效果,记得添加前先把博客换成另类空间模板,因为横幅本身就是flash的,可能会与你的其他flash产生冲突,如达不到上述演示效果,需删除你的flash.

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

我来说两句

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

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