Profil de ZOE☜❤.ღ・。⒊○⒎。→體檢中心・ღ.❤☞PhotosBlogListesPlus Outils Aide
10/06/2005

常用代碼集

         ¤彩色背景¤ 來自:还猪哥哥     

<div style="width:100%;height:100%;background-color:#ffb6c1;">日志文字</div>

 

¤图片¤

<IMG height=50 src=图片的地址 width=60>
图片的网址:是指要找图片的URL地址。形如http://xxx.xxxx.com/xxx.jpg
height代表图片高度50,width代表图片宽度60。一般情况下,我们贴图不需要指定这两个参数,除非特殊情况下你需要自己指定大小的时候。所以一般情况下,使用如下的代码帖图即可。
<IMG src=http://xxx.xxxx.com/xxx.jpg>
对于页面中图片位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现图片与文字的完美结合。举例如下:
align=left 文字置于图片的右边,并与其紧密结合
align=right文字置于图片的右边,并与其紧密结合
align=top 文字对齐图片顶端
align=middle 文字对齐图片中部
align=bottom 文字对齐图片底端

 

¤背景音乐¤

<IMG height=0 loop=infinite dynsrc=音乐的网址 width=0 border=0>
音乐的网址:是指要找音乐的URL地址。形如http://xxx.xxxx.com/xxx.wma
Loop控制循环次数,infinite代表不停循环。
一般只推荐wma格式的音乐文件,由于mp3文件过大,开始播放前需要等待时间过长,不适合做背景音乐。

 

¤视频¤

<IMG height=240px width=320px loop=infinite dynsrc=流媒体文件链接>
IMG后的Height和Width分别控制视频画面的高度和宽度,你可以根据需要自行调整,如果这里你都设置成0的话,那么就只有音乐看不到图像,这也等同于插入背景音乐的效果。Loop控制循环次数,infinite代表不停循环。
对于页面中视频位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现视频与文字的完美结合。举例如下:
align=left 文字置于视频的右边,并与其紧密结合
align=right文字置于视频的右边,并与其紧密结合
align=top 文字对齐视频顶端
align=middle 文字对齐视频中部
align=bottom 文字对齐视频底端

 

¤彩色边框¤

<div STYLE="border-style:solid;border-width:5pt; border-color:blue">日志文字</div>

<DIV style="BORDER-RIGHT: #ddcc00 2px solid; BORDER-TOP: #00ccdd 2px solid; BORDER-LEFT: #ffee99 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #ccffcc">日志文字</DIV>

 

¤双线框¤

<div STYLE="border-style:Double;border-width:5pt; border-color: #f0e68c">
<div style="width:100%;height:100%;background-color:#66cdaa">日志文字</div></div>

¤立体线框¤

<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#f0e8cd">日志文字</div></div>

 

Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
Border-left-color: #xxxxxx边框颜色
Border-left-width: xpt 边框粗细

 

¤滚动文本框¤

<DIV align=left
style='
color: #336699;
background-color:#dcdcdc;
border: solid 3px blue;
width: 450px;
height: 150px;
overflow: scroll;
scrollbar-face-color: #ffd700;
scrollbar-shadow-color: #e0ffff;
scrollbar-highlight-color: #fa8072;
scrollbar-3dlight-color: #ff0000;
scrollbar-darkshadow-color: #afeeee;
scrollbar-track-color: #ffb6c1;
scrollbar-arrow-color: #e6e6fa;
'>日志文字</DIV>

 

¤实线双线外凸虚线¤

<div style="border: 1px dashed #000000;background-color:#FFFFE0">日志文字</div>

 <div style="border:1px solid #000000;">日志文字</div>

 <div style="border-style:outset; border-width:1px;">日志文字</div>

 <div style="border:3px double #000000;">日志文字</div>

 <div style="border:1px dashed #000000;">日志文字</div>

 

¤文字特效¤

<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#996633>日志文字</FONT> 日志文字
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#993366>日志文字</FONT>日志文字
<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 20px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>日志文字</FONT>
日志文字
<DIV style="FILTER: glow(color=#ff6600,strength=3); COLOR: #000000; HEIGHT: 10px">日志文字</DIV>
日志文字

 

¤邮票特效¤

<DIV align=left>
<DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>日志文字</DIV></DIV>

 

¤背景图片¤


<div style="WIDTH: 180px; HEIGHT: 120px;">
<img src="http://upload.mop.com/user/2005/03/19/8ff81d69.bmp" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; ">
<br>
<font color="#0099ff">日志文字</font></div></div>
 

 

¤发亮文字¤

效果你所要显示的文字    ABCDEFG       世界和平 

代码:

<FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=3>你所要显示的文字</font>

Commentaires (4)

Veuillez patienter...
Le commentaire entré est trop long. Raccourcissez-le.
Vous n'avez rien entré. Réessayez.
Il est actuellement impossible d'ajouter votre commentaire. Réessayez plus tard.
Pour ajouter un commentaire, tu dois avoir l'autorisation de tes parents. Demander l'autorisation
Tes parents ont désactivé les commentaires.
Il est actuellement impossible de supprimer votre commentaire. Réessayez plus tard.
Vous avez dépassé le nombre maximal de commentaires qu'il est possible d'envoyer le même jour. Réessayez dans 24 heures.
Votre compte a pu laisser les commentaires désactivés parce que nos systèmes indiquent que vous risquez d'arroser d'autres utilisateurs de messages. Si vous pensez que votre compte a été désactivé par erreur, contactez l'assistance en ligne de Windows Live.
Effectuez la vérification de sécurité ci-dessous pour finaliser l'envoi de votre commentaire.
Les caractères entrés pour la vérification de sécurité doivent correspondre à ceux de l'image ou du fichier audio.

Pour ajouter un commentaire, connectez-vous avec votre identifiant Windows Live ID (si vous utilisez Messenger ou Xbox LIVE, vous avez un identifiant Windows Live ID). Connectez-vous


Vous n'avez pas d'identifiant Windows Live ID ? Inscrivez-vous

谢谢了!
借用了!
17 Avr.
Image de Anonyme
丁丁 a écrit :
好实用哟!!~偶去派用场了~~
11 Juin
Image de Anonyme
宝妮嘟嘟 a écrit :
哈哈~~放着吧,等你要用了过来拿!咔咔
10 Juin
Image de Anonyme
Kenji a écrit :
这些html语言太多了,看的头晕啊。@_@
10 Juin

Rétroliens

L'URL de rétrolien de ce billet est :
http://fiona119.spaces.live.com/blog/cns!18586AE2427B405A!507.trak
Blogs Web qui font référence à ce billet
  • Aucune