网易博客常用的代码

装饰博客技巧大全   2006-10-28 21:15   阅读8580   评论4  
字号:    

1)贴图:<img src="图片地址">       空格代码:  &nbsp

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="宽度" height="高度" 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>

  

1.代码间的混合(初级)

首先你知道了怎样加自定义代码,这样你就可以得到好看你博客页面。但是你们发现没有你加个代码就用一个自定义模板,这样你的页面显得太凌乱了,下面给大家说说怎样让自己的博客页面显得紧凑。

第一种直接添加。例如我的首页的日志导航模块:最终效果

这个模块是两个部分组成的,一的上面的表格和下面的移动字。

 首先你添加移动字的代码:<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">在博客你加QQ</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">显示访客IP地址</a></div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">制作滚动字幕</a></div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">插入挂件代码</a></div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">图片连结移动代码</a></div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">博客鼠标代码</a></div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">细线表格制做</a></div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">博客添加动画</a></div></td>
</tr></table></div>
<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">文字超连接</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">在博客停留时间</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">博客价值评估网</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">加背景音乐</a> </div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">印章形成代码</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">精美的BLOG动画小日历代码</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">个性公告栏</a> </div></td>
<td><div align="center"><a href="http://blog.163.com/lrs402044836/blog/">自定义代码(初级)</a> </div></td>
</tr></table></div>
在点击编辑模块中的移动字选项,写入字就可以了,然后保存。

 

2.加自定义代码(初级)

在帮助的好多网友中,有一部分对电脑还有点陌生,我现在就给大家说说,怎样加自定义代码。

我以加一个时间代码为例:最终效果图:

第一。把博客登陆到编辑我的博客中,在点击排版 模块 添加自定义HTML

第二。现在出现个这样的模块 你复制代码    <embed           src="http://www.jk169.com/Fashionimages/gou.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>      到模块的空白处,然后点预览,看看是不是你想达到的目的,如果是的话就在模块名称中添入模块名字。最后不要忘了点新增哦,来保存它哦。然后把模块放到你喜欢的地方哦。

 

3.个性公告栏

    这个效果的公告栏实际上就是在公告栏的面板上加一个背景图片,然后将文字设置成滚动。有几个朋友曾经留言问我如何制作,现在就把我的具体设置告诉大家

1、首先点击控制面板-个人首页维护-自定义公告栏-新增一个公告栏

2、在“显示源代码”处勾选,然后将以下代码粘贴

 

<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background=http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>公告内容
<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

                            点击保存
 
             返回在公告栏处就能看到新设置的效果了
 
1、代码中红色的部分就是背景图片的链接地址,大家可以任意更换喜欢的图片
 
2、代码中黄色的部分是使用的图片的高和宽,一定要设置成和图片一致,否则图片不能完整显示
 
3、代码中蓝色的部分是滚动文字的设置代码,direction=up向上down向下righ向右tleft向左
 
4、粉色的代码部分是文字从公告栏空白处出来时的高度,可以直接进行高度的整。
4.精美的BLOG动画小日历代码

代码如下:

<embed src="在文字上覆盖日历地址" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="136" height="203" menu="false" scale="false" bgcolor="#FFFFFF"></embed>

width="136" height="203"  长与宽,可以自己调整。
bgcolor="#FFFFFF"   颜色显示,可根据颜色代码表来调整。
地址:
鼠标点击地址--在新窗口中打开,查看效果,然后把地址覆盖在代码中:在文字上覆盖日历地址 上。
 
效果:
 
5.印章形成代码
先进这个网站:http://home.kele8.com/smallgame/signetImg/default.aspx
进去后制作的方法我就不说了。一看就明白.
制作成功后,把鼠标放到图片上点击右键→属性→你会看到这个图片的地址
印章文字,字体颜色都可以按自己喜欢设置.
然后放到这段代码中
<DIV align=center><IMG src="印章地址" width=100 border=0></DIV>
最后放你个人档案里就可以了.
 
6.插入图片的代码
<img src="图片地址" border="25" width="图片宽度" height="图片高度" />


个人资料那个竖条宽度是180 可以根据这个标准自己调整图片大小 至于GIF格式图画变成JPEG是因为你在复制网址的时候没查看原图,SOHU像册,你打开图片后,图片左上角有个原图,点击可以查看原图,用原图的地址,就不会变成JPEG格式了
 
7.博客添加动画
 
8.博客停留时间

代码(1):<DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

代码(2

<P><IMG src="http://img451.imageshack.us/img451/5681/17sw.gif" border=0 width="67" height="70"><IMG src="http://img451.imageshack.us/img451/2654/26mf.gif" border=0 width="33" height="70"><IMG src="http://img451.imageshack.us/img451/7677/38qp.gif" border=0 width="33" height="70"><IMG src="http://img451.imageshack.us/img451/4378/42zs.gif" border=0 width="85" height="70"></P>

 

9.最简单的文字超连接

代码:1: <a href="要连接网址">说明文字</a>   
      2: <a href="要连接网址"><font color="颜色">说明文字</font></a>

 

10.细线表格制做

代码:<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
</tr></table></div>

 

就个样子

 

11.图片连结移动代码

代码:  <marquee   scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://blog.163.com/lrs402044836/" target="_blank"><img src="http://img671.photo.163.com/lrs402044836/26138379/2060981016.jpg" width="200" border="0" /></a></div><div align="center"><a

 

把上面哪个网址“http://blog.163.com/lrs402044836/”改成要连结的网站

把下面哪个网址“http://img671.photo.163.com/lrs402044836/26138379/2060981016.jpg”改成你要出现的图片网址。

 

12.插入挂件代码

 代码:<DIV style="; TOP: 图片距离顶距离px; right: 图片距右部距离px"><IMG src="http://hehe529.bokee.com/inc/20041222105905-0.gif" border=0></A></DIV>                      
 
注:小站使用的尺寸是《TOP:50px; right: 130px/780px
这里面有各种各样的挂件图片网站。http://blog.sina.com.cn/u/489a187b010003w9
 
13.制作滚动字幕
1.上下滚动:

代码:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动:

代码:<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

 

代码:<marquee   scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>本站公告</b></font></div><div><font color="#003366">文字哦</font></div></marquee>

14.显示访客IP地址

(1)代码:<P align=center><IMG src="http://www.hotik.com/sign.png"></P>

(2)代码:<P align=center><IMG src=http://www.danasoft.com/vipersig.jpg></P>
(3)代码:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>
                                                                                      文章来源:http://atiger.spaces.live.com/Blog/cns!1pULH0I9hEReHUZ6MWvfMq5w!300.entry

第三个适合女孩子用。是这个样子  第二种是全英文的,  第一种就是我用的那一种

 

15.增加友情连接

编辑-排版-模块-添加自定义HTML  然后把<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee> 复制上去就行了.

   要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面

   其中的 direction= 是图片移动方向 up down right left  任意添写

 

16.在博客你加QQ

<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=395286277&Site=你的博客名称&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:395286277:6 alt="点击这里给我发消息"></a>
 

   把上面的395286277改成你的QQ号码,395286277后面的6是可以改的,改了就是出现不同的样试。1到15 可以任意改

 

17.在我的博客中停留时间代码,只是其中一种。

<DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

 

18.

http://music11.51.com/user/a/c3/ghj8098/a8f231363e2e6fcfd27130fe010ea1f5.mp3";>

http://music11.51.com/user/a/c3/ghj8098/a8f231363e2e6fcfd27130fe010ea1f5.mp3这个是音乐地址

http://woshikumingren.51.com" target="_blank">
<img src="http://images.51.com/b/200609/b3/89/woshikumingren/9346ad7fea256d4b8ed86e1f2508e23c.jpg"width="100" height="100" border="0"><a>

 

评论(?)
阅读(?)
 
搜 索
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009