加载中…
正文 字体大小:

【修改新浪博客标题样式的代码】

(2007-05-23 00:11:06)
分类: 新浪博客代码大全
 
今天的这个代码非常的厉害,它可以替换掉新浪默认的blog标题样式,给了我们更多的DIY的乐趣,闲话少说,现在进入主题——

先看看以下的一段代码:

<DIV align=left><IMG src="*.jpg" align=left></DIV>
<STYLE type=text/css>
body
{background:url(*.jpg) repeat scroll!important;}
.logo
{background:*.gif) no repeat no scroll!mportant;}
.banner
{background:url(*.jpg) no repeat no scroll!mportant;}
.title {background:#transparent !important;}
.title {border-top:0px !important;}
.title {border-bottom:0px !important;}
.title {border-left:0px !important;}
.title {border-right:0px !important;}
.link {background:"transparent" !important;}
.link {border-top:0px !important;}
.link {border-bottom:0px !important;}
.link {border-left:0px !important;}
.link {border-right:0px !important;}
.sysBr180 {color:#97694F !important;}
</STYLE
>
 

这段代码可以消除掉新浪博客默认标题周围的文字框,使我们的标题更加的简洁和漂亮。

完成了这步还不算完,更重要的是我们要重新定义标题的文字样式,默认的就只是一个简单的黑色宋体字,这和我们漂亮的网页可配不上套,OK,让我们再看看以下的代码:

<CENTER>
<DIV style="LEFT: 116px; WIDTH: 100px; POSITION: absolute; TOP: 55px; HEIGHT: 200px" align=right>
<TABLE class=bodyBg cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD class=banner>
<TABLE class=title style="WIDTH: 300px; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<P align=center><B>
要设置的文字
</B></FONT> </P></TD></TR></TBODY></TABLE>
<TABLE class=link cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=20> </TD>
<TD><A style="COLOR: #97694f; TEXT-DECORATION: none" href="你的blog网址">你的blog网址</A> ﹥<A style="COLOR: #97694f; TEXT-DECORATION: none" href="javascript:;" &#111;nclick="setCopy&#13;&#10;('blog网址');new dialog().event('  已经把该BLOG网址复制到系统剪贴板,您可以使用(Ctrl+V或&#13;&#10;鼠标右键)粘贴功能,通过其他软件记录或发送给您的朋友。','void 0')">复制</A> ﹥<A style="COLOR: #97694f; TEXT-DECORATION: none" href="javascript:;" &#111;nclick="setHome()"> 收藏本页</A></TD>
<TD width=20> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></CENTER>

步骤和以前的一样,先新建一个“自定义空白面板”,再编辑的时候钩选左下角的“显示源代码”,再粘贴以上的代码。最后在“定制你的主页”里选取新建的这个面板即可。

橙色是你自己的blog名字,请自行替换。

蓝色部分是我们修改的文字的样式,有很多种样式可选.红色部分是你自己的blog的网址,也请自行替换。

保存以后刷新看看,标题变得很漂亮了是吧?

注意:【style="LEFT: 116px】中的left部分对题图偏移有一定的影响,可根据适当情况对数值进行调整。

我们还可以调节标题文字的位置,代码如下:
<STYLE type=text/css>
.banner .title{
 margin-left:300px;
 margin-top:60px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 290px
}
</STYLE>

.banner .title 修改的是标题的位置,left和top分别指的是标题距页面左边和顶部的距离,可自行调节

.banner .link 指的是下面的“复制<收藏”处的位置,调节方法同上

 

建党90周年  建党节  入党申请书范文  建党范文网 www.jiandang.com

0

阅读 评论 收藏 转载 喜欢 打印举报
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有