分类: 一笔之力(blog教程及其他) |
这里澄清一下,本文代码是由网友:落日再来 所作,且在流传途中发生了一些误会和错误,以至于代码出现了很严重的错误,在这里向“蓝色雨”和“落日再来”说一声对不起,希望大家能解开误会,让更多的朋友能把自己的blog做得漂漂亮亮。
落日再来已经在她的blog中提到了修改标题的正确代码,请对修改标题还有疑问的朋友到她的blog去看看。
今天讲的这个代码非常的厉害,它可以替换掉新浪默认的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>
看看,这个和我们第一讲(链接:【扮靓你的新浪博客之自定义模板】)所提到的代码有什么不一样?不错,多了不少的“.title”代码,这段代码可以消除掉新浪博客默认标题周围的文字框,使我们的标题更加的简洁和漂亮。
完成了这步还不算完,更重要的是我们要重新定义标题的文字样式,默认的就只是一个简单的黑色宋体字,这和我们漂亮的网页可配不上套,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:;" onclick="setCopy ('blog网址');new dialog().event(' 已经把该BLOG网址复制到系统剪贴板,您可以使用(Ctrl+V或 鼠标右键)粘贴功能,通过其他软件记录或发送给您的朋友。','void 0')">复制</A> ﹥<A style="COLOR: #97694f; TEXT-DECORATION: none" href="javascript:;" onclick="setHome()"> 收藏本页</A></TD>
<TD width=20> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></CENTER>
步骤和以前的一样,先新建一个“自定义空白面板”,再编辑的时候钩选左下角的“显示源代码”,再粘贴以上的代码。最后在“定制你的主页”里选取新建的这个面板即可。
橙色是你自己的blog名字,请自行替换。
蓝色部分是我们修改的文字的样式,有很多种样式可选,明天我会把这些样式代码再贴出来,大家一起来期待一下
红色部分是你自己的blog的网址,也请自行替换。
保存以后刷新看看,标题变得很漂亮了是吧?
注意:【style="LEFT: 116px】中的left部分对题图偏移有一定的影响,可根据适当情况对数值进行调整。
好了,今天就到此为止了,下次再见~~!!