注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

石湖居士

佳丽江山到处同,惟有石湖乃称最

 
 
 

日志

 
 

《新博常用代码集锦》2006年12月版  

2007-01-18 21:04:53|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

blur《新博常用代码集锦》2006年12月版

《新博常用代码集锦》20类别

    本代码是博友"zengyinfeng@163.com"从网络上弄来的,因为有好些代码不能用,花费了十几天时间,一一试验,最后挑出下面这些可用代码,拿出来与大家共享的。部分代码由玫瑰夫人、寒秋、尘世兰墨、阳光博客等提供,再次感谢!

    为方便使用,近日又将收集的新博常用代码汇总如下。一般每项都有好几种样式可供选用。

    (记住:所有的代码发在日志上是不可以的!一定要在发表日志下面点一下下面那个<代码>
,再复制上代码.然后再点一下《代码》回到正常发表日志页面上,然后再进行写文章等操作)



一、在摘要中插入图片:

1、不带链接的图片:

<IMG src="图片地址">

2、带链接的图片:

<TABLE cellSpacing=0 width=400 border=0>
<TBODY>
<TR>
<TD width=219><A href="文章地址" target=_blank><IMG
alt="点击图片查看全文" src="图片地址" border=0></A></TD>
<TD width=177>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>

3、带链接、带说明文字的图片:

<TABLE cellSpacing=0 width=600 border=0>
<TBODY>
<TR>
<TD width=300><A href="
http://www.sunmood.com/ewebeditor/文章地址"
target=_blank><IMG alt="点击图片查看详

细"
src="
http://www.sunmood.com/ewebeditor/图片地址" border=0></A></TD>
<TD width=217>
<P>说明文字</P>
<P>说明文字<BR></P>
<P>&lt;点击图片看详细&gt;</P></TD></TR></TBODY></TABLE><BR>

4、带链接的图片:

<a href="网址"></a>
<descript_ion><div> <a href="网址同上">
<img src="图片地址" border="0" width="240" height="159"/> </a>
5、带链接的图片:

</a> <a target="cont" href="地址"><img src="图片地址" width="100"


height="100" border="0"></a>





二、文字链接:

1、<a href="所要连接的相关地址">写上你想写的字</a>

2、<b><a href="连接地址" target=_blank><font
color=red>写上说明文字</font></a></b><br>







三、在主页自定义中贴图:
1、<img height="260" src="图片地址" width="180" border="0" />
2、<img src="图片地址">




四、在日志里添加播放器:(既:在日志里贴音乐)
(注:MP3歌曲链接地址查找方法:
在网上百度查到MP3歌曲后,试听,在试听的小播放器上,点右健,点属性,里面有

个地址,就是此歌的链接地址。)
1、一般样式的:

<EMBED

src="
http://www.cydj.net.cn/jinxiu/zhongjiaobu/dili/_private/歌曲/1.mp3"


width=310 height=35 type=audio/x-pn-
realaudio-plugin controls="ControlPanel,StatusBar" autostart="true"
loop="true">
在HTML状态下:
修改这个代码 autostart="0",    1 为自动播放
0 为手动播放
把loop的值改为"1"就成了循环放歌了。
2、一般样式的:

<EMBED src="
http://bbs.wenhuacn.com/UploadFile/2006-

7/200672211283114.mp3" width=310 height=35 type=audio/x-pn-
realaudio-plugin controls="ControlPanel,StatusBar" autostart="true"
loop="true">
3、一般样式的:<embed


src="MP3地址" type="audio/x-pn-realaudio-plugin"

controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%"

height="42" autostart="1" loop="1"></embed><marquee width="98%"

behavior="alternate" scrollamount="3"> 歌曲名</marquee>
(歌曲名来回走动



4、透明式的(自动播放):

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2,
StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px;
HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver
1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px
solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2
loop="-1" autostart="1" volume="0" EnableContextMenu="0"
showstatusbar="1" console="video"></TD></TR></TBODY></TABLE>

5、长方形自动跳跃音波式:

<P align=center>&nbsp;</P>
<P align=center><STRONG>
<DIV align=center>
<TABLE style="BORDER-RIGHT: white 3px inset; BORDER-TOP: white 3px
inset; BORDER-LEFT: white 3px inset; BORDER-BOTTOM: white 3px inset"
cellSpacing=0 cellPadding=0 width=300
background=
http://www.mypcera.com/photo/65/culture/art/music/17.gif
border=10>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color=''''#FFFAFA'''')" height=30
cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=295 border=0>
<TBODY>
<TR>&lt;TD red'" '"&gt;
<P><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 295px; HEIGHT:
38px" src=歌曲地址type=video/x-ms-asf autostart="true" loop="1"
volume="0" ></P></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P>&nbsp;&nbsp; </P></STRONG>

6、一般样式的:

<embed src="音乐地址" width="宽度" height="高度"
autostart=false>



7、一般样式的:

<embed autostart="true" loop="-1" controls="ControlPanel" width="0"

height="0" src="midi,asf,wma,asx类音乐地址"; >

8、让歌名来回走动的:

<embed
                                           src="MP3地址"
type="audio/x-pn-realaudio-plugin"
controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%"
height="42" autostart="1" loop="1"></embed><marquee width="98%"
behavior="alternate" scrollamount="3"> 歌曲名</marquee>
9、更多款式的:(玫瑰夫人)
http://blog.163.com/xxyy9090/blog/static/456485200692053140876/

10、免费大型MP3播放器代码
http://qjhwqs.home4u.china.com/other/gxwj/dm/1.htm
11、提供十款播放器代码(精)
http://qjhwqs.home4u.china.com/other/gxwj/dm/2.htm
12、提供随机背景音乐代码
http://qjhwqs.home4u.china.com/other/gxwj/dm/3.htm





五、在日志中贴flash:
(注:查找FLASH链接地址:
有以下几种方法:
1、如果能全屏放大,全屏后上面的地址就是。
2、打开一个网页,上面有FLASH,点查看,点源代码,把它复制到记事本上,点记

事本的编辑,点查找,输入字母FLASH,点查找下一个,就会出现地址。把它复制到

上面的地址栏内打开试试。
3、将FLASH动画选定复制,多选上几行字无妨,回头再去掉既可。粘在发表文章页

面上,查看它的代码,找出它的链接地址。
4、第一,在线打开一个有效的视频,即能在线播放的视频。鼠标右键点视频窗口,选

择属性,在打开视频的属性的窗口中,找到视频的位置,文件后缀为.wmv,如

http://mtv2.mtvsite.com:88/she_cd.wmv复制即可!)


日志中贴flash代码如下:

1、<embed src="flash地址" width="宽度" height="高度">
2、<EMBED


pluginspage=
http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=800 height=600

type=application/x-shockwave-flash quality="high">

3、<embed width="0" height="0" type="audio/x-pn-realaudio-plugin"

autostart="true" controls="ControlPanel" src="音乐地址"; >
3、免费FLASH音乐代码


http://qjhwqs.home4u.china.com/other/gxwj/dm/4.htm
4、MTV在线播放和免费下载
http://new.down9999.com/
http://www.8888mtv.com/




六、让多幅图片移动、好友头象移动、带链接的文字移动:


http://www.blog.163.com/qsl955/blog/static/148070200681084138121/(摘自寒秋)



七:特效字、滚动字幕、移动图片、页面上飘浮的花等代码请进入:

http://www.blog.163.com/qsl955/blog/static/148070200610162920413/







八、自制名片:性别显示图片、名子和连接地址、星座、地理位置(摘自寒秋)
<table width="100%"><tr><td style="padding: 2px;"><img style="border:
1px

solid rgb(153, 153, 153); width: 130px; height: 130px;"
src="个人头像连接地址"></td><td valign="top"><table

width="100%"><tr><td><img
src="性别图片连接地址"></td></tr><tr><td><div

style="font-weight: bold;font-size:16px;"><a
href="点击你的名子所连接的网

页的地址">你的名子</a></div></td></tr><tr><td><div>你的星座

</div></td></tr><tr><td><div>你所处的地理位置</div>


九、QQ在线交谈代码及POPO在线交谈代码:
1、<a target=blank href=tencent://message/?uin=你的QQ号吗

&Site=blog.163.com&Menu=yes><img border="0"
SRC=
http://wpa.qq.com/pa?p=1:

你的QQ号吗:10
alt="点击这里给我发消息"></a></div></td></tr><tr><td><div>
2、你可以在登陆QQ时,点QQ里个人设置的按钮,在显示的第一个面页右下方有生成

在线交谈代码,点击按照要求填写就行,生成的代码直接粘在上次代码下方就行。
3、网页POPO在线交谈(到POPO首页就可以看到,
http://popo.163.com/点网站通道

就可以看到了。)
4、单独的一个QQ在线链接(摘自寒秋)
在编辑状态中,点排版-----点模块-----点自定义------先新增----保存----编辑

----直接将代码复制进去:
<A
href="
http://wpa.qq.com/msgrd?V=1&;Uin=你的QQ号码&amp;Menu=yes"

target=blank><IMG alt=点这里和我交谈 src=
http://wpa.qq.com/pa?

p=1:82079522:1 border=0></A><BR></P></TD></TR>
将[你的QQ号码]改成你的QQ号就行----点保存就行了





十、为日志文字加上背景图片:

代码为:

<TABLE height=600 cellPadding=10 width=500 align=left
background=背景图片地址 border=3 table="0"><TBODY><TR><TD><DIV
align=center><FONT face=楷体 color=#ff82ab
size=4>日志文字</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

十一、访问者停留时间计数器
编辑-排版-模块-添加自定义HTML
然后把下面的代码放入:

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>
<p align=center><IMG height=20
src="
http://album.sina.com.cn/pic/4723cdbf020002uq" width=15><IMG
height=20 src="
http://album.sina.com.cn/pic/4723cdbf020002up"
width=15>&nbsp;分&nbsp;<IMG height=20
src="
http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG
height=20 src="
http://album.sina.com.cn/pic/4723cdbf020002un"
width=15>&nbsp;秒</p> 复制上去



十二、制作FLASH时钟:

编辑-排版-模块-添加自定义HTML 然后把<embed src=
时钟FLASH地址 width="220" height="100" quality="high"
wmode="transparent"></embed> 复制上去 就OK了

2、在主页加入FLASH时钟代码是:
<embed src='
http://时钟地址'quality=high
pluginspage='
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash' width=100(宽)
height=200(高)></embed>
其中宽和高是 FLASH显示出来的宽度和高度

多款时钟样式如下:

1、
http://blog.163.com/qsl955/blog/static/1480702006881035236/

2、时钟大全:http://blog.163.com/qsl955/blog/static/14807020068103302717/



十三、
打开博客就听到欢迎光临的声音(摘自洁净柔柔)




<DIV>&nbsp;</DIV><BGSOUND balance=0
src="
http://www.prcen.com/Share/media/welcome.WAV" volume=0>
直接复制在自定义上既可。



十四、制作立体图片代码:

http://blog.163.com/qsl955/blog/static/148070200692274424911/



十五、在图片中加入文字代码:

http://blog.163.com/qsl955/blog/static/14807020068181432680/



十六、各种有趣的FLASH动画代码网:

http://blog.163.com/qsl955/blog/static/148070200681032544348/



十七:博客优化建设使用技巧(转自寒秋)

http://blog.163.com/qsl955/blog/static/14807020068722344771/



十八:公告栏(适用于博客首页,也可用于日志里)

1、无背景公告栏:(自下往浮动的文字)

<marquee scrollAmount=2 width=300 height=160
direction=up>·欢迎各位朋友光临寒舍!<br><br>·热忱欢迎各位好友与我链接,携手放飞梦想!<br><br>·本站内容纯属个人观点,请勿对号入座!<br><br>·本站自2006年9月1日迁入新版网易博客。<p></marquee>



2、简易公告栏:

&nbsp;
<P align=center><IMG height=32
src="
http://img645.photo.163.com/prb999/71234886/1979632782.gif"
width=200 border=0><BR>
<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>
<TBODY>
<TR>
<TD
background=
http://img645.photo.163.com/prb999/71234886/1979632897.gif>
<P style="MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px" align=left><FONT
style="FONT-SIZE: 9pt" color=#cc6600>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60>
<P><FONT color=#ff0000 size=3>朋友们,早上好!</FONT></P>
<P><FONT color=#ff0000
size=3>祝你一天都有好心情!</FONT></P></MARQUEE></FONT></P></TD></TR></TBODY></TABLE><IMG
height=38
src="
http://img645.photo.163.com/prb999/71234886/1979633023.gif"
width=200 border=0></P>



3、小窗飘柳背景的往上浮动字公告栏:

<DIV userdefineclass">
<DIV style="OVERFLOW: hidden; WIDTH: 100%">&nbsp;
<P><EMBED style="RIGHT: 55px; WIDTH: 280px; TOP: 22px; HEIGHT: 100px"
align=right src=
http://imgfree.21cn.com/free/flash/178.swf
type=application/x-shockwave-flash wmode="transparent"
quality="high"></FONT></P></EMBED><EMBED style="LEFT: 4px; WIDTH:
408px; TOP: 5px; HEIGHT: 178px" align=right
src=
http://imgfree.21cn.com/free/flash/160.swf
type=application/x-shockwave-flash wmode="transparent" quality="high">
<P></P></EMBED>
<P><FONT color=#ffffff></FONT></P>
<P><FONT color=#ffffff>
<MARQUEE style="WIDTH: 406px; HEIGHT: 175px" scrollDelay=300
direction=up>
<P align=left><FONT
color=#000000>欢迎朋友们光临梅玉儿温馨家园我!<BR><BR></FONT></P></MARQUEE></FONT><FONT
color=#000000><BR>
<CENTER></CENTER></FONT></MARQUEE></FONT>
<P></P></EMBED></DIV></DIV></DIV></DIV>



4、多款漂亮的公告栏:(转自尘世兰墨)

代码如下:

<CENTER> <TABLE height=168 cellSpacing=1 width=131
background=图片地址 border=0> <TBODY> <TR> <TD align=CENTER
width=168 height=131> <MARQUEE scrollAmount=2 direction=up width=100
height=100>书写的文字</FONT></MARQUEE></TD></TR></TBODY></TABLE></CENTER>


height=168 width=131  公告板的尺寸

width=168 height=131  公告框的尺寸

width=100 height=100  公告文字的尺寸


以上的代码实际上就是在图片上加一个写字的框,可以不用在代码形式下调整图片和文字框的大小,在正常情况下,鼠标单击,就可以调整大小!

以下是一些公告板的图片:


















5、带背景的往上浮动字公告栏:

<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、粉色的代码部分是文字从公告栏空白处出来时的高度,可以随意调节。





十九、细线表格制作代码:

<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>



就个样子




二十、在博客主页上添加音乐视频播放器:
http://www.blog.163.com/gulangyes/blog/static/462233200610231213101/

  评论这张
 
阅读(39)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017