美化博客代码_：ＳtyLe’

美化博客代码(2006-07-03 08:45:18)

声明：本教材是出于那些真正的网络设计高手，只是供朋友查看，在这里向那些网络设计高手至谢。如你们有任何不满我会立即删除。

1.最新新闻的代码
<IFRAME style="BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed" border=0 name=history marginHeight=0 src="http://www.chinanews.com.cn/part/newest.html" frameBorder=no width=180 scrolling=no height=260></IFRAME>

2.填加日历（比博客里面原来的都好看）
<iframe border="0" frameborder="no" framespacing="0" src="http://www.xise.cn/qita/rili/cal6.htm" scrolling="no" width="164" height="174"></iframe>

3.IP查询的添加（显示来访者的IP地址）
<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="200" height="36" marginheight="4" marginwidth="0"></iframe>

4.手机查询
<FORM action=http://www.k688.com/sj/index.php method=post target=_blank><TR><TD>
<P>          <INPUT id=m2 size=12 value=请输入手机号码 name=m onclick="if (this.value=='请输入手机号码') this.value=''" onfocus="this.select()" onmouseover="this.focus()" onblur="if (this.value =='') this.value='请输入手机号码'"> <INPUT type=submit value=手机地址 name=Submit> </P>
<P>     <INPUT id=a2 type=hidden value=search name=a> </TD></TR></P></FORM></FONT></STRONG>

5.邮箱登陆
<div align=center><form name="loginmail" onsubmit="function anonymous()
{return chkinput2(this);
}" action=http://219.129.20.144:8000/sendmail.asp method="post" target="_blank"><select tabindex="2" size="1" name="site"> <option value="">请选择你的邮箱</option> <option value="21cn.com">@21cn.com</option> <option value="163.net">@163.net</option> <option value="tom.com">@tom.com</option> <option value="163.com">@163.com</option> <option value="vip.163.com">@vip.163.com</option> <option value="sohu.com">@sohu.com</option> <option value="263.net">@263.net</option> <option value="sina.com">@sina.com</option> <option value="vip.sina.com">@vip.sina.com</option> <option value="mail.china.com">@mail.china.com</option> <option value="china.com">@china.com</option> <option value="netease.com">@netease.com</option> <option value="yeah.net">@yeah.net</option> <option value="etang.com">@etang.com</option> <option value="fm365.com">@fm365.com</option> <option value="cn.yahoo.com">@yahoo.com.cn</option> <option value="xinhuanet.com">@xinhuanet.com</option> <option value="eyou.com">@eyou.com</option> <option value="email.com.cn">@email.com.cn</option> <option value="ynmail.com">@ynmail.com</option> <option value="citiz.net">@citiz.net</option> <option value="126.com">@126.com网易50M</option> <option value="elong.com">@elong.com</option></select><br />帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" /><br />密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" /><input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous()
{setTimeout('clearpass()',1000)
}" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>

6.百度搜索
<DIV align=center> </DIV>
<P align=left><IFRAME id=baiduframe style="WIDTH: 200px; HEIGHT: 36px" border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0" frameBorder=0 width=200 scrolling=no height=30>
</IFRAME></P>

8.比较迷信的日历
<IFRAME style="WIDTH: 180px; HEIGHT: 141px" src="http://www.nongli.com/todaylhl.htm" frameBorder=0 width=0 scrolling=no height=0></IFRAME

9.历史上的今天
<center><iframe src=http://www.nongli.com/today/today.asp width=180 height=138 frameborder=no border=0 marginheight=0 scrolling=no hspace=0 vspace=0 name="history" style="border: 1px dashed #000000"></iframe></center>

10.宠物

这是一款不错的宠物代码，方法如下

首先进入这个网站:http://www.miniworld.com.tw/

申请你的帐号密码:

返回页面,把这个代码放到你博客上就可以了

宠物的管理成长就靠你慢慢摸索咯

效果如:

11.如何更改博客上的标题文字的大小和颜色－代码如下：

<STYLE type=text/css>
.banner .title td{font-family:楷体_GB2312;}
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>

参数说明：

.banner .title td{font-family:楷体_GB2312;}中楷体_GB2312为标题的字体，可以是“隶书”、“华文新魏”、“华文行楷”等，你自己要什么字体就填什么字体。

.banner .title td{font-size:36px;}中36px为标题文字的字体大小。

.banner .title td{FILTER: glow(color=#000000,direction=2);}中，FILTER:后面的代码 glow 表示发光字体效果，也可以自己查找一些其他的文字特效，比如 shadow 表示浮雕字体效果，#000000表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。
.banner .title td{color:#ffff66;}表示标题文字的主颜色。
.banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。

如果大家觉得改其他的效果麻烦的话，只要改代码中红色的三个部分就可以了，其他的可以不要改！

颜色代码可以去次网址找：http://bbfc.cn/color.htm

二、如何更改标题文字的位置－代码如下：

<STYLE type=text/css>
.banner .title{margin-left:310px;margin-top:10px;font-weight:bold;}
.banner .link{margin-left:380px;margin-top:18px;}
</STYLE>

参数说明：

.banner .title 修改的是标题的位置，left和top分别指的是标题距页面左边和顶部的距离，可根据自己需要和爱好可自行调节。

.banner .link 修改的是下面的“复制　﹥收藏本页”处的位置，同上，left和top分别指的是其距页面左边和顶部的距离。

三、如何更改模板的宽度－代码如下：

<STYLE type=text/css>
.bodyTop{width:900px;}
.bodyBg{width:900px;}
.bodyBottom{width:900px;}
.feeds .text{width:660px;}
.label{width:20px;}
.photo{width:200px;}
.callboard{width:200px;}
.links{width:200px;}
.calendar{width:200px;}
.sysBr180{width:200px;}
</STYLE>

这个就是修改新浪博客页面宽度的代码了，因为相关代码太多，只精选出这几个对页面影响最大的代码出来给大家。

参数说明：

.bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。

.bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。

.bodyBottom 指的是页面底部的宽度，其值最好是与上面相同。

.feeds .text 指的是正文部分的宽度（也就是文章部分的宽度）。

.label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。

.photo 指的是形象照片面板的宽度（其值同上）。

.callboard 指的是公告栏的宽度（其值同上）。

.links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。

.calendar 日历的宽度（其值同上）。

.sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。

width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。

面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。

不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。

12.翻页特效果

这是一款很不错的FLASH特效，加到有内容的面板里面后，打开博客自动翻角出来一个“恭喜”图片，很不错

代码：

12.魔林老人代码（就一个说废话的老头）

<div id=Merlin><img src="javascript:Merlin.innerHTML='<iframe src=http://www.qqjia.com/learn/q-zone/Merlin.txt width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>'" style=display:none></div>
使用说明：直接把上面代码复制→粘贴到一个已经有内容的模块里面即可，有内容的模块就是说，这个模块里面已经有的天气预报，时钟等等东西。

13.个人修改的连接变色

代码如下：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

代码说明：

color: #3399FF 红色数值是将要改变的颜色，可以自行修改。

14.一个女孩子说（欢迎光临）

代码如下：

15.闹钟

代码如下：<iframe src="http://time.265.com/time.htm" width="160" height="15" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="I2"></iframe>

阅读|评论|收藏|打印|举报

前一篇：教朋友们玩转博客（初级）
后一篇：挂件

评论重要提示：警惕虚假中奖信息，点击查看详情[发评论]

评论加载中，请稍候...

发评论 明星私家相册

插入表情

登录名：
密码：
找回密码
注册
昵称：
匿名评论

验证码： 看不清楚数字吗？点击这里再试试。收听验证码

发评论

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