最新搜狐博客终极美化详细教程+代码

时间:2007-03-12 02:36:12 字体:[ ] 收藏 我要投稿

想知道博客如何美化,一定要看全文哦~~有点长,但认真一点看吧~

先介绍很多人想知道的(透明背景代码)

代码:<div style="LEFT: 180px; POSITION: absolute; TOP: 200px" align="right"><img style="FILTER: alpha(opacity=90, finishOpacity=0,style=2)" src="图片地址" /></div>


注解: style=风格.right=靠右.left=靠左.
FILTER=滤镜.TOP=图片顶端离页面最上端距离
opacity=95”指图片起始透明度,有效范围“0~100”
finishOpacity=0”指图片结束透明度,有效范围“0~100”

知道怎么添加代码吧,然后把上面那个复制进去。但是如果图片覆盖了按钮,那个按钮就跟不了了。所以要调好背景的位置!比如日志题目什么的。还有,那个图片地址要带http别忘了哦!

A:绝对定位

就是要知道,SOHU博客的代码是放在个人档案里的!
在修改个人档案的主人档案里直接加代码就行,不用懂什么意思,直接拿去就可以用的!如时钟,日历,图片,印章等等东西放到你整个页面的任何位置!



B:如果你有喜欢的图片,想把它放到个人档案中
代码如下
<img height="260" src="图片地址" width="180" border="0" />
height为图片的高度,width为图片的宽度,一般宽度都设置180,如果大了一是不好看,二是效果显示不出来.很杂乱.高度就根据你图片的高度写就可以.很简单哦.就会使你的博客不那么单调了



C:加 QQ
把下边的代码放在你的个人档案中
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=你博客地址&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的QQ号码:13 alt="点击这里给我发消息"></a>
红色部分替换成你的QQ号码,绿色部分是你博客地址.款式好多种自己在网上找找看


D:挂件代码
·左边挂件:
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
·右边挂件:
<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>
其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!


E:留言本
http://xwangel.com/apply/申请的,那里有很多留言本的样式,你可以选择一个自己喜欢的.在给大家推荐一个地http://www.linyiren.com/1/2/reg.asp也不错.
申请成功后你会得到一个地址,比如我的留言本地址
http://sallysmm.net/qinyagb/greenguest/index.asp?user=hcljz
把你刚申请到的地址加到下面留言本地址处.然后放到你个人档案里就可以了.怎么样,明白了吗?如果有什么问题可以告诉我.~!
<a href="你留言本地址" target="_blank"><font color="red">点击这里给我留言吧
</font></a>


F:图片加链接的代码
<A href="链接地址" target=_blank><img src="图片地址" width=100 height=100 border=0></A>
其中target=_blank表示链接在新窗口中打开,图片的宽width和高height的具体数值可以根据自己的实际需要进行设定!



G:带滚动条添加连接

<div style="BORDER: black 0px solid; OVERFLOW: scroll; OVERFLOW-X: hidden; DIRECTION: rtl; WIDTH: 210px; HEIGHT: 200px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #996633; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #996633" align="left">
<div>·<ahref="http://support.bbs.bokee.com/Thread.1.224876.269.1.1.html" target="_blank">博客优化代码大观园</a></div>
<div>·<a href="http://www.wangmeng.cn/SITEIM/MOBAN/jpg/Index.html" target="_blank">中国网盟 </a></div>
<div>·<a href="http://www.onlinedown.net/index.htm" target="_blank">华军软件园.软件下载</a></div>
<div>·<a href="http://www.k688.com/wyzs/" target="_blank">网络时空在线web编辑器</a></div>



H:同时点击LOGO图片浏览你的博客朋友可以在线聊天(可是改成文字连接的方式)
<a href="http://gabbly.com/你的博客地址" target="_blank"><img src="图片地址" width="210" height="80" border="0" /></a>

I.在博客中加入漂亮鼠标

代码:

<img src="javascriptcriptcript:document.body.style.cursor='url(/'
鼠标地址/')'" width="0" height="0" />

将以上代码当到个人档案里面就可以了.

关于鼠标的样式,自己可以上网去找找,因为很多素材或者设计网站都可以找到~

补充:[新手教程]博客各类原代码的使用

各类源代码
1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">

14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>

24)插入文章背景:<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD background=背景图片URL地址 height=50>
<P>文章内容</P></TD></TR></TBODY></TABLE>

(3)具体步骤

1)加音乐

音乐地址:可以通过百度MP3搜索你想要加入的歌,然后点一个听一下,这时页面上会有一个类似“http:
www.xxxxxxxx.mp3”这样的网址,这就是音乐地址。(注意:要先点击听一下,如果不卡再用。)

<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">
把以上代码中的autostart="false"改为autostart="true"就可以让音乐自动播放。

2)天气预报(代码如下)

<H2><IFRAME id=ifm2 align=center marginWidth=0 marginHeight=0 src="
http://weather.news.qq.com/inc/ss211.htm" frameBorder=0 width=189 scrolling=no height=190></IFRAME></H2>

3)涂鸦板(代码如下)

<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=
http://flash.haoniub.com/flash_data/fe_f/6633.swf width=280 height=300 type=application/x-shockwave-flash quality="high">

4)词典(代码如下)

<TABLE class=sysBr180 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>输入您要查询的单词(汉语/英语)<BR>
<FORM id=f name=f action=
http://www.netat.net/word.jsp method=post target=_blank><INPUT class=border1 id=word3 size=22 name=word><INPUT type=submit value=查询词典 name=imageField2></FORM></TD></TR></TBODY></TABLE></DIV>

5)邮箱快速登陆(代码如下)

<DIV align=center>
<FORM name=loginmail action=
http://219.129.20.144:8000/sendmail.asp method=post target=_blank >
<P align=center><SELECT tabIndex=2 size=1 name=site> <OPTION value="" selected>请选择你的邮箱</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> <OPTION value=hotmail.com>@hotmail.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" tabIndex=4 type=submit size=4 value=提交查询内容 name=Submit2 ></P></FORM></DIV>

6)鼠标指针(代码如下)

<DIV>
<STYLE type=text/css>
a:hover { cursor:url('鼠标地址一')}
BODY { cursor:url('鼠标地址二')}
</STYLE></DIV>

鼠标地址 到CSS鼠标样式大全
http://myok.blogchina.com/2081936.html去找一个想要的吧!(注意:鼠标地址只是像这样的“http://webme.bokee.com/inc/mouse001.ani”)

7)时钟(代码如下)

<DIV><CENTER><EMBED src=时钟地址 width=178 height=178 type=application/octet-stream></CENTER></DIV>

时钟地址 到
http://myok.blogchina.com/2394396.html里找

8)文字从下至上滚动(代码如下)

<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77  onmouseout="this.start()">叶的离去 <BR>是因为风的追逐 <BR>还是树的不留恋呢 <BR>或许 <BR>叶的离开 <BR>正是叶自己的选择</MARQUEE>
(只要把想写的字放到代码中汉字的位子就可以了,如果不够就多打几个<BR>,字写在2个<BR>之间)

9)透明FLASH特效(代码如下)

<DIV><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src="FLASH地址" width=800 height=600 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></DIV>

FLASH地址


http://imgfree.21cn.com/free/flash/51.swf三只飞舞的蜻蜓、闪闪的星光
http://imgfree.21cn.com/free/flash/52.swf黑色背景飘落的红叶
http://imgfree.21cn.com/free/flash/53.swf雪糕降落
http://imgfree.21cn.com/free/flash/54.swf绿色的心和I love you垂直降落
http://imgfree.21cn.com/free/flash/55.swf两只跳跃的青蛙
http://imgfree.21cn.com/free/flash/56.swf六边形、降落的竖条
http://imgfree.21cn.com/free/flash/57.swf燕鱼和水泡
http://imgfree.21cn.com/free/flash/58.swf光晕、光圈
http://imgfree.21cn.com/free/flash/59.swf浅兰背景白色大雁飞过
http://imgfree.21cn.com/free/flash/60.swf黑色背景降落的萤火虫
http://imgfree.21cn.com/free/flash/61.swf飞腾的红心
http://imgfree.21cn.com/free/flash/62.swf五彩礼花燃放
http://imgfree.21cn.com/free/flash/63.swf黄色的四瓣花飘落
http://imgfree.21cn.com/free/flash/64.swf浅蓝色的雪花在空中,小雪花降落
http://imgfree.21cn.com/free/flash/65.swf飘落的空心小兰圈
http://imgfree.21cn.com/free/flash/66.swf一只手的图形
http://imgfree.21cn.com/free/flash/67.swf由远而近飞来的流星
http://imgfree.21cn.com/free/flash/68.swf黑色背景飘落的雪花
http://imgfree.21cn.com/free/flash/69.swf七彩光光芒四射(全屏)
http://imgfree.21cn.com/free/flash/70.swf七彩光光芒四射(全屏)
http://imgfree.21cn.com/free/flash/71.swf闪动的小竖条
http://imgfree.21cn.com/free/flash/72.swf一只和平鸽展翅飞舞
http://imgfree.21cn.com/free/flash/73.swf蓝色背景蓝色气泡慢慢升空
http://imgfree.21cn.com/free/flash/74.swf白色背景浅蓝色的气泡慢慢升空
http://imgfree.21cn.com/free/flash/75.swf跟随鼠标游动的七彩光圈
http://imgfree.21cn.com/free/flash/76.swf 线条变形
http://imgfree.21cn.com/free/flash/77.swf蓝色旋转

E-mail:admin@bokedm.com 20秒注册会员 结交博客爱好者 分享你的精彩
博友观点(1) 查看所有评论
评论加载中…
相关文章

热门分享

推荐精品