加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【扮靓的新浪博客】之文字特效(修改blog标题)

(2006-01-13 14:20:00)
分类: 一笔之力(blog教程及其他)

【扮靓的新浪博客】之文字特效(修改blog标题)


这里澄清一下,本文代码是由网友:落日再来 所作,且在流传途中发生了一些误会和错误,以至于代码出现了很严重的错误,在这里向“蓝色雨”和“落日再来”说一声对不起,希望大家能解开误会,让更多的朋友能把自己的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:;" &#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标题)

红色部分是你自己的blog的网址,也请自行替换。

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

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

好了,今天就到此为止了,下次再见~~!!

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

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

新浪公司 版权所有