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

~⌒ō⌒~郡主花園~⌒ō⌒~

要学会爱自己哟☆祈祷¤祈祷☆

 
 
 

日志

 
 

°∴°裝扮博客常用代碼之六°∴°  

2007-02-26 00:15:08|  分类: 博客支招 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  

 

.图片加框

代码1:

</B><BR><TABLE cellSpacing=0 cellPadding=0 width=300 align=center background= http://img656.photo.163.com/yangli8826/23232618/2002855796.jpg>
<TBODY>
<TR>
<TD align=middle width="100%"><IMG src="
http://img637.photo.163.com/yangli8826/27751411/1965899983.gif"></TD></TR></TBODY></TABLE><BR>
<DIV></DIV>
<P></P>

红色  图片地址

绿色  像框地址,可以随意更换

代码2:

<TABLE borderColor=#b400d8 cellSpacing=2 cellPadding=1 border=6>
<TBODY>
<TR>
<TD><IMG
height=250 src="
http://img200.photo.163.com/yangli8826/23232618/601606489.jpg " width=300></TD></TR></TBODY></TABLE>

紫色   边框的颜色,可更换你喜欢的边框颜色

绿色   图片的宽度和高度,

红色   图片地址,可以更换你喜欢的

二.在图片上加FLASH

代码如下:

<TABLE height=300 cellSpacing=4 width=480 background= http://img200.photo.163.com/yangli8826/23232618/601606489.jpg

border=0>
<TBODY>
<TR>
<TD><EMBED src=
http://imgfree.21cn.com/free/flash/9.swf width=280 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE>

:宽和高根据需要来修改哦

   红色 - 图片地址 

绿色 - SWF地址(动态图片)

.两个FLASH上下排列

1.代码如下:

<TABLE cellSpacing=0 cellPadding=0 width=480 height=220 background= http://img200.photo.163.com/yangli8826/23232618/601606489.jpg

border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=
http://imgfree.21cn.com/free/flash/7.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=
http://imgfree.21cn.com/free/flash/36.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

2.图片加2flash代码:

<TABLE height=220 cellSpacing=0 cellPadding=0 width=330 background= http://img200.photo.163.com/yangli8826/23232618/601606489.jpg  border=5>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/61.swf width=330 height=220 type=application/octet-stream wmode="transparent" quality="high" ;>

<DIV align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/36.swf width=310 height=280 type=application/octet-stream wmode="transparent" quality="high" ;;></DIV></EMBED></TD></TR></TBODY></TABLE>

.在动态(SWF)图片中加文字

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background= http://img643.photo.163.com/xiaoyingzhi1/63227601/1972025489.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>熊对能说:穷成这样啦,四个熊掌全卖了</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#1ae66b size=4>兵对丘说:兄弟,踩上地雷了吧,两腿咋都没了?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

红色:背景网址(可换)

绿色:放入文字的位置和格式

五.双层表框加字 (选择GIF动态图)

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://img624.photo.163.com/xiaoyingzhi1/63227601/1923625638.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#1ae66b  size=5>我喜欢的东东<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=
楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>流星雨</FONT><FONT color=#e6bd1a>亲爱的朋友们,许个愿吧</FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

六.如何使用滚动字幕

1.上下移动

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=
楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

文字上下滚动代码<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>

 

注:scrollAmount=2   控制字速,数值越大字速就越快!

2.不移动字:  

代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=
楷体_GB2312 color=#c709f7 size=4>果对裸说:哥们儿,你穿上衣服还不如不穿!

</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#1ae66b size=4>比对北说:夫妻何必闹离婚呢?

</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#ffff00 size=4>巾对币说:戴上博士帽就身价百倍了;

</FONT></DIV>
<DIV align=center><FONT face=
楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=
楷体_GB2312><FONT size=4><FONT color=#ffffff>臣对巨说:一样的面积,但我是三室两厅;

</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

3.从左至右移动字

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=
隶书 color=#0000ff size=5>左右移动的字!</FONT></P>
<P align=center><FONT face=
隶书 color=#ff0000 size=5><B>左右移去的字!</B></FONT></P>
<P align=center><FONT face=
隶书 color=#00ffff size=5>左右移去的字!</FONT></P>
<P align=center><FONT face=
隶书 color=#ff00ff size=5>谢谢!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE> 

七.文字与图片的几种排版方法

1.图片在左边

<P><IMG height=201 src=" http://img656.photo.163.com/yangli8826/23232618/2002852283.jpg " width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

2.图片在中间

如果你觉得文字与图片太接近了.

可加入[vspace=0 hspace=30].

加入后的代码:<img border="0" src="图片地址" align=left vspace=0 hspace=30 width="154" height="201">


改后的代码是:
<P><IMG height=201 hspace=30 src="
http://img656.photo.163.com/yangli8826/23232618/2002852283.jpg " width=154 align=left border=0><FONT face=Arial>日志文字</FONT></P>

 

3.图片在右侧

[align=left ]改成[align=right ]改后的代码如下:
<P><IMG height=201  src="
http://img656.photo.163.com/yangli8826/23232618/2002852283.jpg " width=154 align=right  border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

.日志背景图片代码

1.小方块日志背景代码

<TABLE width="100%" background=图片地址 border=0>
<TBODY>
<TR vAlign=top align=left>
<TD>
<P>
输入你的内容</P>
<P></P></TD></TR></TBODY></TABLE>

图片格式可以是 jag 之类的图片,也可以是 gif 动态图片

 

2.横幅日志背景代码

<table cellSpacing="0" cellPadding="0" width="750" background="图片地址" border="0">
<tr><td><div align="center"><table cellSpacing="0" cellPadding="0" width="450" border="0"><tr><td><font size="2"><br>
输入你的文字</font><p></td></tr></table></div></td></tr></table>

3.适合任何背景

<center><table width="100%" border="0"><tr><td height="384" background="图片网址"></td>
</tr></table></center>

方法:

1添加日志 

2点击全部功能-选择 "<>"

3把代码粘贴到日志编辑框里

4把图片地址粘贴到代码里的" 图片地址"

5再次点击 "<>"  ,完成 .

. 日志边框的设置:

1.背景带颜色 + 四面边框

<DIV style="BORDER-RIGHT: #ff9999 2px solid

BORDER-TOP: #ff9999 2px solid;

SCROLLBAR-FACE-COLOR: #ffcccc;

SCROLLBAR-HIGHLIGHT-COLOR: #ff9999

OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid;

WIDTH: 355px; SCROLLBAR-SHADOW-COLOR;

#ff9999; COLOR: #ffcccc;

SCROLLBAR-3DLIGHT-COLOR: #ffcccc;

SCROLLBAR-ARROW-COLOR: #ffcccc

BORDER-BOTTOM: #ff9999 2px solid;

SCROLLBAR-DARKSHADOW-COLOR: #ffcc99;

HEIGHT: 88px; BACKGROUND-COLOR: #ffcccc;

" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff6699>&nbsp;
文字</FONT></DIV></DIV>

 

BORDER-LEFT: 外框左边

BORDER-RIGHT: 外框右边

BORDER-TOP:  外框上边

BORDER-BOTTOM:  外框下边

SCROLLBAR-FACE-COLOR:  按钮内框颜色

SCROLLBAR-HIGHLIGHT-COLOR:  滚动条

SCROLLBAR-SHADOW-COLOR:  按钮三角形颜色

COLOR:  三角形按钮框阴影

SCROLLBAR-3DLIGHT-COLOR:  三角形按钮外框颜色

SCROLLBAR-ARROW-COLOR:  三角形按钮上面的阴影

SCROLLBAR-DARKSHADOW-COLOR:  三角形按钮下面的阴影

BACKGROUND-COLOR:  背景颜色

 

2. 四面无边框

 <DIV style="SCROLLBAR-FACE-COLOR: #fddee8

 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW;

scroll; SCROLLBAR-SHADOW-COLOR

#fddee8;

SCROLLBAR-ARROW-COLOR: #fea6c0;

SCROLLBAR-TRACK-COLOR: #fff6f9;

SCROLLBAR-DARKSHADOW-COLOR: #fdcfdd;

HEIGHT: 146px; BACKGROUND-COLOR: transparent">在这里输入内容 </DIV>

背景的颜色 "transparent" 是透明

3.透明滚动条

 <div style="WIDTH: 148; BACKGROUND-COLOR: transparent; scrollbar-arrow-color: #FFFFFF">
在这里输入内容</div>

 

4.滚动条框框

 <div style="WIDTH: 298; BACKGROUND-COLOR: transparent; scrollbar-arrow-color: #9999CC">
在这里输入内容
</div>

 

5.带背景的滚动条边框

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="300" height="200" background="图片地址">
<tr>
<td width="100%">
<div style="WIDTH: 298; BACKGROUND-COLOR: transparent; scrollbar-arrow-color: #9999CC">
這裏輸入內容
</div>
</td>


边框的设置方法:

1添加日志 

2点击全部功能-选择 "<>"  

3把代码粘贴到日志编辑框里

4点击 "<>"  ,完成 .

5就可以在边框里直接输入内容了.

6设置边框大小, 把鼠标放在边框的一角,当出现上下左右十字箭咀时,或在边框的右上角出现双向箭头时,就可以调整边框的大小了.

.播放器:

1.代码:

<embed  src="http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf" width="460" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high"></embed>

2.播放器地址可选择如下:

http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf
http://liaochinaxin.go2.icpcn.com/cfplay/cfplay.swf   
http://a29983.go2.icpcn.com/cert/cfplay2diy060725/cfplay/cfplay.swf
http://riniwa777.27h.com/cfplay.swf
http://www42.websamba.com/yyh188/cfplay.swf
http://tv.coollive.net/qqmusic/cfplay.swf
htt://cfplay.128.tofor.com/cfplay.swf
http://www.lngd.cn/blog/Plugins/MusicPlayer/cfplay.swf
http://renroulin.27h.com/cfplay.swf
http://zenff.go3.icpcn.com/cfplay/cfplay.swf

 

音乐自动播放器三款

<center><embed src=http://blog.roodo.com/_img/europa/overauto_jj.swf?  width=180 height=350 type=application/x-shockwave-flash wmode="transparent">

 

<center><EMBED src= http://blog.roodo.com/_img/europa/overauto140.swf?  width=140 height=320 type=application/x-shockwave-flash wmode="transparent"></center>

 

<p align="center"><embed src="http://www.travelrich.com.tw/members/lisaono/mp3/lisaono.swf" quality="High" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="140" height="350"></embed></p>

 

                               音乐盒代码1

<p align="center"><embed src="http://blog.xuite.net/_public/put/WindMusic/windbox_5287.swf" width="195" height="185" quality="high" wmode="transparent" bgcolor="#FFFFFF"></p>

                                                                            音乐盒代码2

<p align="center"><embed src="http://blog.xuite.net/_public/put/WindMusic/windbox_9142.swf" width="195" height="185" quality="high" wmode="transparent" bgcolor="#FFFFFF"></p>

 

常用代码汇总

◆代码3:博客常用代码

代码2:博客常用代码

◆代码1:博客常用代码

◆返回花園

    

  评论这张
 
阅读(3739)| 评论(28)
推荐 转载

历史上的今天

评论

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

页脚

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