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

很想大家呐

 只要朝着阳光,便不会看见阴影。

 
 
 

日志

 
 

☆_网易博客代码宝典°  

2010-07-12 09:21:20|  分类: 幻※素材库 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自玫莓☆梦蝶《引用 ☆_网易博客代码宝典°》

 

引用

玫莓☆梦蝶引用 ☆_网易博客代码宝典°

 

引用

糖果☆唯梦☆_网易博客代码宝典°

本日志内容为引用内容+实践整理。 由津久井曈完成日志整理。欢迎学习。

 

●基础代码● 

一.文字类

换行:<br>

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

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

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

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

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

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

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

字体颜色:<font color="#ff0099">你的文字</font>

滚动字(左右循环滚动):<marquee>你的文字</marquee>

高级滚动文字(可自定义):<marquee scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎光临</marquee>

效果如下: 欢迎光临

 属性分析:

marquee:此代码为滚动代码  scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例

    来回移动的文字:<marquee behavior="alternate" scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎光临</marquee>

    效果如下: vior=alternate FONT>欢迎光临

 属性分析:

marquee:此代码为滚动代码  behavior="alternate":来回移动代码 scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例

注意:9)和10)的区别只在于一个方向代码behavior="alternate":来回移动代码而已 大家可以活学活用 这并不难的

    滚动字幕:<marquee scrollamount=2 FONT style="COLOR:#B03060;FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%" direction=up >忘记是一种罪<br>有它就没有美好的回忆<br>如果愿意<br>可以把它记录<br>回忆曾经<br>是一件享受的事<br>欢迎来到幽幽世界<br>愿每个人都有美好的回忆在内心深处<br>这样的人才会永远没有孤单</marquee>

    效果如下: 忘记是一种罪

 属性分析:

marquee:此代码为滚动代码  scrollamount=3:些代码为速度,其中数值可以更改  COLOR:#B03060:字体颜色  FONT-FAMILY: 隶书:字体代码,可以更改文字的字体描述来改变字体  FONT-SIZE: 25pt:字体大小,可改变数值来实现文字的大小更改  WIDTH: 100%:在屏幕上滚动的比例  direction=up:方向代码   <br>:换行代码

 

文字超链接(网页跳转):<a href="链接地址">你的文字</a>

文字超链接(在新窗口打开):<a href="链接地址" target="_blank">你的文字</a>

消除链接文字的下划线:<a href="链接地址" style="text-decoration:none">你的文字</a>

 

 

二.图片类

1)粘图代码:<img src="你的图片地址">

图片地址获取方法:把鼠标放到你要添加的图片上,右键单击图片,选择"属性",出现对话框,全部复制URL地址,此地址便是图片地址

2)滚动图片:<marquee  width="100%"  scrollamount="3"><img src="你的图片地址1" width="99" height="95" border="0"><img src="你的图片地址2" width="99" height="95" border="0"><img src="你的图片地址3" width="99" height="95" border="0"><img src="你的图片地址4" width="99" height="95" border="0"><img src="你的图片地址5" width="99" height="95" border="0"></marquee>

效果如下:

☆_网易博客代码宝典° - 津久井曈 - 小曈の窝

属性分析:

此特效代码包含两部分:1滚动代码部分,<marquee  width="100%"  scrollamount="3"> marquee:滚动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

3)来回移动图片代码:<marquee  behavior="alternate" width="100%"  scrollamount="3"><img src="你的图片地址1" width="99" height="95" border="0"><img src="你的图片地址2" width="99" height="95" border="0"><img src="你的图片地址3" width="99" height="95" border="0"><img src="你的图片地址4" width="99" height="95" border="0"><img src="你的图片地址5" width="99" height="95" border="0"></marquee>

效果如下: ☆_网易博客代码宝典° - 津久井曈 - 小曈の窝

 

属性分析:

此特效代码包含两部分:1滚动代码部分,<marquee  behavior="alternate" width="100%"  scrollamount="3"> marquee:滚动代码  behavior="alternate":来回移动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

注意: 2)和3)的区别只在于3)多了一个方向代码,behavior="alternate":来回移动代码

3)图片超链接(生成原图大小):<a target="cont" href="链接地址"><img src="图片地址"></a>

4)图片超链接(可自定义图片大小):<a target="cont" href="链接地址"><img src="图片地址" width="100" height="100" border="0"></a>

5)滚动图片超链接:<marquee   width="100%"  scrollamount="1"  ><a target="cont" href="链接地址1><img src="你的图片地址1" width="99" height="95" border="0"></a> <a target="cont" href="链接地址2><img src="你的图片地址2" width="99" height="95" border="0"></a> <a target="cont" href="链接地址3><img src="你的图片地址3" width="99" height="95" border="0"></a> <a target="cont" href="链接地址4><img src="你的图片地址4" width="99" height="95" border="0"></a></marquee>

属性分析:

此特效代码包含三部分:1滚动代码部分,<marquee  width="100%"  scrollamount="3"> marquee:滚动代码  width="100%":屏幕滚动比例  scrollamount=3:些代码为速度,其中数值可以更改  2超链接代码部分,<a target="cont" href="链接地址1> 3为粘图部分,<img src="你的图片地址1" width="99" height="95" border="0">,此部分可以根据图片的多少粘贴数个.img src="你的图片地址1":图片粘贴代码  width="99":宽度代码,其中数值可以更改 height="95":高度代码,其中数值可以更改  border="0"边缘代码

※Logo常用代码:<a href=" 链接地址" target="_blank"><IMG src=" 图片地址"  border=0 alt="写上你想写的字"></a> 

 

三、音乐播放类

=======================================================

隐藏(hidden=true)播放器(不循环)

<EMBED src=音乐网址 hidden=true type=audio/x-ms-wma AUTOSTART="1">

-----------------------------------------------------------

隐藏(hidden=true)播放器(循环)

<EMBED src=音乐网址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1">

---------------------------------------------------------------

黑色[style="FILTER: xray()"]循环[loop="-1"]播放器

<EMBED style="FILTER: xray()" src=音乐网址 width=360 height=30 type=audio/mpeg volume="0" autostart="true" loop="-1">

--------------------------------------------------------------------------------

浅兰色循环(loop="-1")播放器

<EMBED src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0">

--------------------------------------------------------------------------

掩饰自动播放器

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px">

<TBODY>

<TR>

<TD><EMBED src=音乐网址 width=200 height=40 type=audio/mpeg panel="0" autostart="true" loop="true">

</TD></TR></TBODY></TABLE>

-------------------------------------

连播放时选择曲目的播放器

<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 FileName="音乐网址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="true" PlayCount="1">

----------------------------------------------------------------------------------------------

显示曲名的黑色带彩自动播放器

<EMBED style="FILTER: invert()" src=音乐网址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" autostart="true">

-------------------------------------------------------------------------

显示曲名的灰白色面板

<EMBED style="FILTER: Gray()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>

------------------------------------------

灰白面板

<embed style="FILTER: Gray()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>

---------------------------------------------------------------

(带显示文件播放信息)

<EMBED src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>

-----------------------------------------------

黑色带彩棕色面板

<EMBED style="FILTER: invert()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>

---------------------------------------------------------------------

浅紫播放器

<TABLE borderColor=#4F3256 background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0197.jpg border=1>

<TBODY><TR>

<TD style="FILTER: alpha(opacity=50,style=3)">

<P align=center><EMBED src=音乐网址  width=300 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0">

</P></TD></TR></TBODY></TABLE>

----------------------------------------------------------------------------------------------

粉色

<TABLE borderColor=navy background=http://bbs.sm618.com/UploadFile/2005-9/200592522275884778.jpg border=0>

<TBODY><TR>

<TD style="FILTER: alpha(opacity=50,style=3)">

<P align=center><EMBED src=音乐网址  width=300 height=45 type=audio/mpeg loop="-1" autostart="0" volume="0">

</P></TD></TR></TBODY></TABLE>

------------------------------------------------------------------------------------

黄色闪光

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>

<TBODY><TR><TD>

<TABLE borderColor=navy background=http://nxm.16789.net/s-helpSite/domName/nxm/20041114123131568.gif border=0>

<TBODY><TR>

<TD style="FILTER: alpha(opacity=50,style=3)">

<P align=center><EMBED src=音乐网址 width=400 height=35 type=audio/mpeg loop="-1" autostart="0" loop="-1">

</P></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

--------------------------------------------------------------------------------

蓝色闪光

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><TBODY><TR><TD><TABLE align=center border=0>

<TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)">

<P align=center><EMBED style="FILTER: Gray" src=音乐网址 width=400 height=35 type=audio/mpeg volume="0" autostart="false" loop="-1">

</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

-------------------------------------------------------------------------

花边黑色

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>

<TBODY><TR><TD>

<TABLE borderColor=#000000 align=center border=1>

<TBODY><TR><TD>

<P align=center><EMBED style="FILTER: Xray" src=音乐网址 width=400 height=35 type=audio/mpeg volume="0" autostart="false" loop="-0">

</P></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

-----------------------------------------------------------------------------------------------------

粉色花边

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>

<TBODY>

<TR>

<TD style="FILTER: alpha(opacity=100,style=3)">

<P align=center><EMBED src=音乐网址 width=300 height=25 type=audio/mpeg volume="0" autostart="false" loop="-0">

</P></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

-------------------------------------------------------------------------------------------

禁右键播放器

<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=40 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1">

---------------------------------------------------------------------------------

上下移动  

<MARQUEE style="LEFT: 230px; ; TOP: 300px" scrollAmount=1 scrollDelay=200 direction=up behavior=alternate width=300 height=400><br><MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate><br><TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>

<br><TBODY><br><TR><br><TD>

<EMBED style="FILTER: gray()" src=音乐网址 width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1">

</TD></TR></TBODY></TABLE></MARQUEE></MARQUEE>

-------------------------------------------------------------------

(显示文件标签信息)蓝色

<DIV><EMBED src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>

--------------------------------------------------

(显示文件标签信息)灰白

<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>

----------------------------------------------------

(显示文件标签信息)黑彩

<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>

-----------------------------------------------------------

(显示文件标签信息)黑

<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" autosize="true" autostart="true" animationatstart="true" transparentatstart="true"></EMBED></div>

===================================================

连放

<EMBED style="FILTER: Gray()" src=音乐网址 width=500 height=35 type=audio/x-ms-wma controls="StatusBar,TACCtrl,ControlPanel" border="0" autostart="1" playcount="0" showtracker="1" volume="0"></EMBED>

=========================================================

图片播放器!

<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=314 background=http://blog.chosun.com/web_file/blog/167/9167/1/rosa-77-06-3.gif border=0>

<TBODY>

<TR>

<TD width=314 height=180 cellpadding="0" cellspacing="0"></TD></TR>

<TR>

<TD align=left>

<P align=center>

<EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=音乐网址 width=310 height=28 type=video/x-ms-asf loop="-1" autostart="1" volume="0">

</P></TD></TR></TBODY></TABLE>

=================================================

以上效果分见如下::为免各效果同时播放,以下autostart=0  autostart="true"中true或1表示自动播放,false或0表示手动播放 loop="true" 中的true或1表示重复播放,false或0表示只播放一次 width= height= 中的数字分别表示播放器的宽度和高度 =0表示隐藏播放器 EnableContextMenu="0" 禁右键 ShowStatusBar="1" (带显示文件播放信息)

=======================================================

 

四、其他

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

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

贴flash: <embed src="flash地址" width="宽度" height="高度">

贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

 

 


●曈の添加——左右同时书写内容代码

<br><br>

<p align="center">

<table width="100%"><tr><td style="padding: 0px;">

内容

</td><td valign="top"><table width="100%"><tr><td></td></tr><tr><td><div style="font-weight: bold;font-size:12px;">

内容

</A> </div></td></tr><tr><td><div>


  ●曈の添加——文字下面加虚线代码((((这里默认颜色为黑色,可更改。

<DIV align=center>
<TABLE width=250 align=center>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #000000 1px dashed;" align=left><FONT style="FONT-SIZE: 12px; LETTER-SPACING: 2px;">文字</FONT></TD></TR></TABLE></DIV>


●曈の添加——黑色迷你简洁版虚线边框
<P align=center><TABLE style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;" width=450>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-BOTTOM: #000000 1px dashed;" align=middle>

文字
</TD></TR></TABLE></P>

 

★金钥匙★博客代码大全 - 糖果☆唯梦 - My heart ,Unlock!曈の添加——可爱小黑板式背景の代码

<TABLE cellSpacing=1 cellPadding=1 width="100%" bgColor=black

border=1>

<TBODY>

<TR>

<TD>

输入文字

 

 

◇跑马灯制作◆

<TABLE style="WIDTH: 数值px; HEIGHT: 数值px" borderColor=#000000 height=数值 width=数值 align=center background=图片地址>
<TBODY> 
<TR>
<TD>
<MARQUEE scrollAmount=2 hspace=40 width="70%" align="center">写下你的文字吧</MARQUEE></TD></TR></TBODY></TABLE>

 

◇每日心情制作◆

<DIV align=center>
<CENTER>
<TABLE height=420 cellSpacing=1 width=200 background=图片地址>
<TBODY>
<TR>
<TD width=200 colSpan=3 height=180> </TD></TR>
<TR>
<TD width=120 height=1 rowSpan=2></TD>
<TD width=900 height=22>
<DIV align=center>
<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 1px solid; WIDTH: 150px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 190px; BACKGROUND-COLOR: #ffffff" align=center>

写入心情
</DIV></TD></TR></TABLE></CENTER></DIV>

 

 

◇公告栏制作◆

<center> <table border="0cellspacing="12" width="宽"     height="高" background="背景图片地址"> <tr> <td width="宽"     height="高"> <marquee scrollamount="1.5" direction="UP"     width="宽"height="高"><p>
</p> <P><FONT color=#ff99cc>您要说的话 </marquee> </td> </tr>
</table> </center>

 

 

◇给日志加背景代码◆

<DIV align=left>
<TABLE style="BACKGROUND: url(图案地址
); CURSOR: url('http://www.babidou.com/model/ani/66.ico')" height="100%" cellSpacing=0 cellPadding=10 width="100%" align=left border=0>
<TBODY>
<TR>
<TD vAlign=top>

 

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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