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

放飞心情

给自己一片宁静的港湾,下笔由境生,我笔书我思

 
 
 

日志

 
 

【转载】常用代码总汇  

2013-03-17 16:26:19|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自姿浓卓美《【素材】常用代码总汇》

新博常用代码20类别:

一、在摘要中插入图片:

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="
文章地址"
target=_blank><IMG alt="点击图片查看详细"
src="
图片地址" 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="歌曲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=
音乐地址   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;</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、更多款式:

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="音乐地址"; >

4、免费FLASH音乐代码
http://qjhwqs.home4u.china.com/other/gxwj/dm/4.htm

5、MTV在线播放和免费下载
http://new.down9999.com/
http://www.8888mtv.com/


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



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




八、自制名片:性别显示图片、名子和连接地址、星座、地理位置
<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 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、

2、时钟大全:


十三、打开博客就听到欢迎光临的声音:
<DIV>&nbsp;</DIV><BGSOUND balance=0
src="
http://www.prcen.com/Share/media/welcome.WAV" volume=0>
直接复制在自定义上既可。

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



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



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



十七:博客优化建设使用技巧:



十八:公告栏(适用于博客首页,也可用于日志里)
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>



 

                               

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

历史上的今天

评论

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

页脚

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