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

 
 
 

日志

 
 
关于我

一个女人可以生得不漂亮,但是一定要活得漂亮。活得漂亮,就是活出一种精神、一种品位、一份至真至性的精彩。一个人只要不自弃,相信没有谁可以阻碍你进步。相信自己,善待自己,让自己的生活精彩纷呈,让自己的人生更精彩!你不必才华横溢,必须知书达理,不必有标准的五官,必须有独特的气质。当你拥有健康红润的面颊,当你永远表现得神采奕奕精力充沛,你灿烂的笑容像冬天的暖阳,当你不经意地关心四周的人和事,当你始终如一地保持豁达的风度,谁能说你没有魅力?

各种代码使用  

2008-02-26 16:22:42|  分类: 学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

滚动条的演示及代码
代码1:
<DIV style="SCROLLBAR-FACE-COLOR: #ff0033; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ff0033; SCROLLBAR-3DLIGHT-COLOR: #ff0033; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffff33; SCROLLBAR-DARKSHADOW-COLOR: #ffff33; HEIGHT: 146px; BACKGROUND-COLOR: transparent">欢迎你加入单身贵族派,哪怕我只是一个看客,也有我独有的欢乐,诗雨漂落的每一颗露珠,都在漂香和微笑中留下难忘的记录。我不善言辞,不善评论,但有我的执着,你留下的每一笔感触,都封存在灵魂深处,请你千万不要停止笔耕,哪怕有坎有坑,等我无语的注视,载满情感的凝滞。不论你是否承认,我已是你最好的朋友,哪怕未曾谋面,我也寻了你千遍,握手在此刻,心通在天涯,你微笑的面容,永远凝刻在我的心中。单身贵族派,欢迎您的加入! </DIV>
 
 代码2:
 
<DIV align=center><DIV style="SCROLLBAR-FACE-COLOR: #eaecec; SCROLLBAR-HIGHLIGHT-COLOR: #eaecec; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #eaecec; SCROLLBAR-ARROW-COLOR: #eaecec; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #eaecec; HEIGHT: 146px; BACKGROUND-COLOR: transparent">欢迎你加入单身贵族派,哪怕我只是一个看客,也有我独有的欢乐,诗雨漂落的每一颗露珠,都在漂香和微笑中留下难忘的记录。我不善言辞,不善评论,但有我的执着,你留下的每一笔感触,都封存在灵魂深处,请你千万不要停止笔耕,哪怕有坎有坑,等我无语的注视,载满情感的凝滞。不论你是否承认,我已是你最好的朋友,哪怕未曾谋面,我也寻了你千遍,握手在此刻,心通在天涯,你微笑的面容,永远凝刻在我的心中。,欢迎您的加入单身贵族派! </DIV>
 
代码:
<DIV align=center><DIV style="SCROLLBAR-FACE-COLOR: #eaecec; SCROLLBAR-HIGHLIGHT-COLOR: #eaecec; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #eaecec; SCROLLBAR-ARROW-COLOR: #eaecec; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #eaecec; HEIGHT: 146px; BACKGROUND-COLOR: transparent">欢迎你加入单身贵族派,哪怕我只是一个看客,也有我独有的欢乐,诗雨漂落的每一颗露珠,都在漂香和微笑中留下难忘的记录。我不善言辞,不善评论,但有我的执着,你留下的每一笔感触,都封存在灵魂深处,请你千万不要停止笔耕,哪怕有坎有坑,等我无语的注视,载满情感的凝滞。不论你是否承认,我已是你最好的朋友,哪怕未曾谋面,我也寻了你千遍,握手在此刻,心通在天涯,你微笑的面容,永远凝刻在我的心中。单身贵族派,欢迎您的加入! </DIV>

 
属性设置:
 WIDTH: 148;HEIGHT: 146; 根据使用的位置,可调整宽度和高度.
OVERFLOW: scroll; 显示纵横滚动条.上部的演示均属设置为scroll的界面. 但一般都设置为:auto(需要时才显示)
BACKGROUND-COLOR: transparent; 滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码。

 

 

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

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

 

七彩文字背景代码:

<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://99927.com/client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699
  
 

发光文字代码:
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>

其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。

 

滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
 
 

文字向上移动

<MARQUEE scrollAmount=2 direction=up><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>
 
 

文字向下移动

<MARQUEE scrollAmount=2 direction=down><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>
 
 

文字左向右移动

<DIV imgzoom" scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>
 
 

若希望让音频自动播放,请在自定义模板内加入以下代码:

   1. 登陆后,点击编辑我的博客--排版设置--自定义模块,贴代码如下:
   <embed src=歌曲地址 width=200 height=50 type=audio/mpeg loop="true"   autostart="true">

   loop="true"表示无限次循环 loop="false"表示自由控制播放次数。等号后

   面也可以换成任何阿拉伯数字。height="高度值" width="宽度值" 这些同样

   可以自由调控。

   2.点击编辑我的博客--排版设置--自定义模块,选中使用该模块,然后保存

   整个模版。此模块即可自动显示在首页。

   3.在定制我的首页时,还可以拖动相关模块,来调整左侧显示顺序

   日志里贴音乐代码:

 

    1、 帖子里插入Flash代码:

  <embed src="Flash地址" width=500 height=340></embed>

  其中“Flash地址”必须以“http://”开头和“.swf”结尾,width是指播

  放画面宽度,height指高度。如果需要居中,在上面代码前面加入

   <P align=center>。

  那么,在网页中发现自己喜欢的FLASH动画,如何窃取网址呢?我将在下一

   篇 文章中详述,这里只介绍代码。

  2、插入mp3代码:

  <EMBED src="mp3地址" width=310 height=35 type=audio/x-pn-realaudio- plugin controls="ControlPanel,StatusBar" autostart="true" loop="true">

  支持rm或mid格式(随机播放): 

  <EMBED src="rm\mp3\mid地址" width=150 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">

  非自动播放:

  <EMBED src="rm\mp3地址" width=248 height=66 type=audio/x-pn-realaudio-plugin border="0">

  隐藏mp3播放器: (1)

   <embed width="0" height="0" src="MP3地址" type="application/x-shockwave-flash"></embed>

        隐藏mp3播放器: (2)
<EMBED src=音乐属性地址 width=0 height=0 type="audio/x-pn-realaudio-&#13;plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">


  3、视频常用播放器[MTV]

  <embed src="视频地址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="450" autostart="true">

  4、插入背景音乐的代码:

  <bgsound src="mp3\mid地址" loop="-1">

  音乐地址一般都以mid或者mp3的形式结尾 后面的数字是播放次数。”-1”

   是循环播放。

  5、放透明flash的代码:

  <embed style="; LEFT: 50px; TOP: -80px;" src=flash地址 width=700 height=780 wmode="transparent">


 


   简易型:
   <EMBED src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45px; WIDTH: 190px" type=audio/mpeg AUTOSTART="1" loop="0">
</EMBED>

  标签型:
<embed width=240 height=140 transparentatstart=true animationatstart=false autostart=true autosize=false volume=100 displaysize=0 showdisplay=true showstatusbar=true showcontrols=true showaudiocontrols=true showtracker=true showpositioncontrols=true balance=true src="
http://www.*.com/mediadate/lxlhbcn.asf">
</embed>

博客添加QQ联系

<A href="http://wpa.qq.com/msgrd?V=1&amp;Uin=214653233&amp;Menu=yes" target=blank><IMG alt=点这里和我交谈 src=http://wpa.qq.com/pa?p=1:214653233:12 border=0></A><BR>Q我

注:在编辑状态中,点排版-----点模块-----点自定义------先新增----保存----编辑----直接将代码复制进去-----将[你的QQ号码]改成你的QQ号就行----点保存就行了

 

 

可以连接5个自己喜欢的图片利用幻灯每秒都会变化


自动播放的图片推荐文章:

<embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=图片地址1|图片地址2|图片地址3|图片地址4|图片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=220&borderheight=220&textheight=20" menu="false" quality="high" width="220" height="200"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />


width="180" height="200" 是幻灯片的尺寸,可以自行调节。
bgcolor="#FDD248" 是背景颜色,可以参考颜色代码-色阶板 上设置。
textheight=20 是文字区域高度,可以自行调节。

博客首页添加小挂件:

右边:<DIV style="LEFT: 900px; ; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>
 
 左边:<DIV style="LEFT: 5px; ; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>

 

日志图片背景代码:

代码1:

<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://img.blog.163.com/photo/6W_vQqOZ6NdZILs9Df10kA==/857372779060730531.jpg"><div align="center"><table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></div></div></td></tr></table></div>

 

代码2:

<TABLE  align=center  borderColorLight=#33FF00      borderColorDark=#FFFF00     cellSpacing=20   cellPadding=25 width="100%"  bgcolor=008080  background=图片地址  border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容:用图片作背景< ></FONT></P></TD></TR></TBODY></TABLE>

有喜欢加音乐的可以加入以下代码:

<EMBED             style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>

 图片左右滚动

代码:

<MARQUEE scrollAmount=-1 width="100%" height=120><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_g6JBUwhcn3cDrqvAghBiO3q2eM6jJ8F6" target=_blank><IMG src="http://img.blog.163.com/photo/QRgvjeZG8N-btRgp5bXRBA==/2042663905989792279.jpg"></A><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_lY_m0Viuggv8jmdjRKW8RJLlYPQxkOry" target=_blank><IMG src="http://img.blog.163.com/photo/n_2AidioC8QhMVIYzK0e2A==/458241262085169054.jpg"></A><A href="http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_gJbbD8PwdgbwdlNWjb_ffRyCzbiPMQFQ" target=_blank></A></MARQUEE>

 

图片插入文字特效代码

代码:
<TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=图片地址 border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=150>
<MARQUEE scrollAmount=3 behavior=alternate width=750><IMG src="http://99927.com/client/zcsl/200644162842796.GIF"><FONT face=华文行楷 color=#800080 size=30><B><FONT face=楷体_GB2312 color=#00ffff>无声的雨欢迎你的到来</FONT><IMG src="http://99927.com/client/zcsl/200644162842796.GIF"></B></FONT></MARQUEE>
</MARQUEE></TD></TR></TBODY></TABLE>
<DIV>&nbsp;</DIV>

   

飞舞的文字代碼

 

 

代码如下:

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">无</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>声</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>的</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>雨</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width=40 height=200>欢</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width=40 height=150>迎</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width=40 height=200>你</MARQUEE><FONT color=orange></B></FONT></FONT></FONT></FONT></FONT></MARQUEE>

提示大家字不够可以自己添加/复制<MARQUEE direction=up behavior=alternate width=40 height=150>龍</MARQUEE><FONT color=red>这代码越多你添加的字起来就不会那么别扭/当然你可以直接在上面加多几个字/颜色可以自己改

 


 抛射字体   :

无声的泪


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

历史上的今天

评论

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

页脚

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