小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

常用代碼全包括,全全全!?。?- 主頁交流論壇 - 育兒論壇 - 育兒網(wǎng)

 ShangShujie 2007-05-26

★彩色背景代碼★

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

      注意,這里需要將<p></p>嵌套在這一語句中,即如下形式:

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

      當(dāng)你想更改不同色彩的時(shí)候,只需將#ffb6c1這個(gè)顏色編碼的數(shù)值加以調(diào)整就行了(注意不要丟了這個(gè)符號#)。效果如粉紅色區(qū)域顯示。

 

★圖片代碼★

 

<IMG height=50 src=圖片的地址 width=60>
圖片的網(wǎng)址:是指要找圖片的URL地址。形如http://xxx./xxx.jpg
height代表圖片高度50,width代表圖片寬度60。一般情況下,我們貼圖不需要指定這兩個(gè)參數(shù),除非特殊情況下你需要自己指定大小的時(shí)候。所以一般情況下,使用如下的代碼帖圖即可。
<IMG src=http://xxx./xxx.jpg>
對于頁面中圖片位置的控制,可以使用日志編輯器里簡單命令,另外也可通過加入下述語法實(shí)現(xiàn)圖片與文字的完美結(jié)合。舉例如下:
align=left 文字置于圖片的右邊,并與其緊密結(jié)合
align=right文字置于圖片的右邊,并與其緊密結(jié)合
align=top 文字對齊圖片頂端
align=middle 文字對齊圖片中部
align=bottom 文字對齊圖片底端

 

★背景音樂代碼★

 

<IMG height=0 loop=infinite dynsrc=音樂的網(wǎng)址 width=0 border=0>
音樂的網(wǎng)址:是指要找音樂的URL地址。形如http://xxx./xxx.wma
Loop控制循環(huán)次數(shù),infinite代表不停循環(huán)。
一般只推薦wma格式的音樂文件,由于mp3文件過大,開始播放前需要等待時(shí)間過長,不適合做背景音樂。

 

★視頻代碼★

 

<IMG height=240px width=320px loop=infinite dynsrc=流媒體文件鏈接>
IMG后的Height和Width分別控制視頻畫面的高度和寬度,你可以根據(jù)需要自行調(diào)整,如果這里你都設(shè)置成0的話,那么就只有音樂看不到圖像,這也等同于插入背景音樂的效果。Loop控制循環(huán)次數(shù),infinite代表不停循環(huán)。
對于頁面中視頻位置的控制,可以使用日志編輯器里簡單命令,另外也可通過加入下述語法實(shí)現(xiàn)視頻與文字的完美結(jié)合。舉例如下:
align=left 文字置于視頻的右邊,并與其緊密結(jié)合
align=right文字置于視頻的右邊,并與其緊密結(jié)合
align=top 文字對齊視頻頂端
align=middle 文字對齊視頻中部
align=bottom 文字對齊視頻底端
這里關(guān)鍵是流媒體文件的獲取,正常的流媒體文件以asf,wmv,或mov等為后綴,這是最直接的形式;也有以asx為后綴的,這種文件格式隱藏了流媒體的真正地址,但沒有關(guān)系,你一樣可以將帶有asx后綴的鏈接放到你的語法中。

 

★彩色邊框代碼★

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

它會在你的文字外圍生成一個(gè)紅色邊框,效果如框內(nèi)顯示。

border-style則控制邊框的效果

border-width控制邊框的粗細(xì),

border-color調(diào)整邊框的顏色,

這里你仍然可以使用如#xxxxxx的顏色數(shù)值,而當(dāng)使用“solid”則為單一顏色的線形簡單邊框。

 

<DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">實(shí)線</DIV>

 

★雙線框代碼★

<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B">
<div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>

效果如框內(nèi),是帶背景色(熏衣草色)的簡單雙線框。

 

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>

     顯示的效果是背景色為桃色的簡單雙線框。效果如框內(nèi)所示,邊框的顏色是橙紅色#ff4500,框內(nèi)背景色為桃色#ffdab9。

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      顯示的效果是背景色為NAVAJO白的簡單雙線框。效果如框內(nèi)所示,邊框的顏色是橙紅色#ff4500,框內(nèi)背景色為桃色#ffdead。

<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      背景顏色為淡黃色#FFFFE0,效果如框內(nèi)所示。

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>

      這種雙線框的效果有若隱若現(xiàn)的感覺,框的顏色是淡珊瑚色#f08080,框內(nèi)背景的顏色是NAVAJO白#FFdead。效果如框內(nèi)所示。

<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080">
<div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>

      這種雙線框的效果有若隱若現(xiàn)的感覺,框的顏色是淡珊瑚色#f08080,框內(nèi)背景的顏色是淡黃色#FFFFE0。效果如框內(nèi)所示。

 

★立體線框代碼★

<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:#E6E6FA;">文字</div></div>

      效果如框內(nèi)所示,是帶背景色(熏衣草色)的浮出立體線框,代碼中的#E6E6FA是背景的顏色(熏衣草色)

 

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>

背景為粉紅色,效果如框內(nèi)所示。

<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d">
<DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>

背景為桃色,效果如框內(nèi)所示。

 

      立體效果的彩色邊框是在border-style后面使用不同的語法描述:

      Solid 簡單線形邊框 Double 簡單雙線邊框 Groove 溝線立體效果邊框 Ridge 脊線立體效果邊框 Inset 嵌入線立體效果邊框 Outset 浮出線立體效果邊框。
 
      通過定制邊框的方法再將上一教程添加色彩的語法嵌套其中,你就可以創(chuàng)造出具有立體效果的彩色日志背景。如:

<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffdead;">日志文字
</div></div>

     使用上述語法將會為你呈現(xiàn)一個(gè)NAVAJO白底色紅邊框的浮出線效果背景,效果如框內(nèi)顯示。

<div STYLE="border-style:outset;border-width:3pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffdab9;">日志文字
</div></div>

      顯示的效果是背景色為桃色的立體線框。效果如框內(nèi)所示,框內(nèi)背景色為桃色#ffdab9。

 

對于背景邊框的四個(gè)邊你也可以按自己的需要進(jìn)行調(diào)整,以左邊框?yàn)槔憧梢允褂孟率稣Z法:

Border-left-style:solid (double, groove, ridge, inset, outset)定制邊框樣式
Border-left-color: #xxxxxx定制邊框顏色
Border-left-width: xpt 定制邊框粗細(xì)


其他三個(gè)邊框只要分別使用Right, Top, Bottom就可以了。將下面的語法放到你的日志中預(yù)覽一下,看一看是什么效果:(效果這里就不給出來了,有興趣的可以回去試一下。)

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366">

      你可以按照自己的想法隨意調(diào)整四個(gè)邊框的式樣,以便創(chuàng)造與眾不同的效果,記住一點(diǎn),不同的屬性描述之間用 ; 隔開。另外,你可能會注意到,當(dāng)你設(shè)置完邊框返回到日志文本編輯模式,在鍵入文字過程中如果使用回車鍵,就會又出現(xiàn)一個(gè)邊框,從而影響文字的連貫性,這是因?yàn)镠TML語法中不支持硬回車。要解決這個(gè)問題,必須返回到HTML編輯模式,在需要回車的地方鍵入<br>,需要幾次回車就鍵入幾個(gè)<br>,然后再返回到文本編輯模式,你就會發(fā)現(xiàn)邊框背景內(nèi)已經(jīng)為你加入了回車后的效果。

 

★滾動文本框代碼★

把代碼拷貝后可直接雙擊文本框就可以在里面輸入文字和粘貼圖片,而且文本框的大小可以隨意調(diào)整。

<DIV align=center
style=‘
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
‘>日志文字</DIV> 

      代碼實(shí)現(xiàn)的文本框是淺黃色的背景,粗略效果如文本框內(nèi)所示。

(注釋:附語法語句的解釋:

//層開始標(biāo)記,對中對齊
: <DIV align=center
//樣式如下:
: style=‘
//前景色為#ffffff
: color: #ffffff;
//背景色為#000000
: background-color: #000000;
//邊框?yàn)?像素,黑色
: border: solid 2px black;
//寬度120像素
: width: 120px;
//高度200像素
: height: 200px;
//超出范圍時(shí)使用滾動條
: overflow: scroll;
//滾動條的各個(gè)顏色如下
: scrollbar-face-color: #889B9F;
: scrollbar-shadow-color: #3D5054;
: scrollbar-highlight-color: #C3D6DA;
: scrollbar-3dlight-color: #3D5054;
: scrollbar-darkshadow-color: #85989C;
: scrollbar-track-color: #95A6AA;
: scrollbar-arrow-color: #FFD6DA;
//在這個(gè)層中顯示文字“日志文字”,層結(jié)束標(biāo)志
: ‘>日志文字</DIV>

 

★文字豎排代碼★

       接下來說說文字豎排是如何實(shí)現(xiàn)的。除了制造特殊效果,我在Space空間展示的文字豎排沒有什么真正的實(shí)用性,只會給閱讀者造成麻煩,不過本著盡可能挖掘Space潛力的原則,我還是嘗試了如下的語法:

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

      這個(gè)語法中唯一的亮點(diǎn)就是Writing-Mode這個(gè)參數(shù),其后的tb代表文字排列從上到下,rl代表從右到左;

 

★實(shí)線、雙線、外凸、虛線代碼★

美化您的網(wǎng)絡(luò)日志-強(qiáng)調(diào)顯示

<font style="BACKGROUND-COLOR:#FF00000" color="#FFFFFF">...</font>

style="BACKGROUND-COLOR:#FF00000:底色-紅色
color="#FFFFFF":文字顏色-白色

 

美化您的網(wǎng)絡(luò)日志-加線框

<div style="border: 1px dashed #000000;background-color:#FFFFE0"> ... </div>

1px:框線寬度- 1 點(diǎn)
dashed:框線式樣-虛線
#000000:框線式樣-黑色
background-color:#FFFFE0:背景顏色-淡黃

 

 <div style="border:1px solid #000000;">實(shí)線</div>


 <div style="border-style:outset; border-width:1px;">外凸</div>


 <div style="border:3px double #000000;">雙線</div>


 <div style="border:1px dashed #000000;">虛線</div>
 

<div style="border: 1px dashed #f08080;background-color:#ffdab9">文字</div>
 
      效果是框線顏色為淡珊瑚色#f08080,寬度為1,背景色為桃色#ffdab9的虛線框。
 

<div style="border: 3px dashed #ff4500;background-color:#ffdab9">文字</div>
 
      效果是框線顏色為橙紅色#ff4500,寬度為3,背景色為桃色#ffdab9的虛線框。
 

<div style="border: 3px dashed #f08080;background-color:#FFFFE0">文字</div>
 
      效果是框線顏色為淡珊瑚色#f08080,寬度為3,背景色為淡黃色#FFFFE0的虛線框。
 


 <div style="border:3px solid #ffdab9;background-color:#FFFFE0">實(shí)線</div>
      效果是框線寬度為3顏色為桃色#ffdab9,背景色為淡黃色#FFFFE0的實(shí)線框。
 

 <div style="border-style:outset #ffdab9;background-color:#FFFFE0; border-width:3px;">外凸</div>
      背景色為淡黃色的外凸效果
 

★文字效果代碼★

陰影效果的代碼:<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; FONT-FAMILY: 華文彩云" color=#66cc99><B>陰影效果</B></FONT>

 

發(fā)光效果的代碼:<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 華文彩云" color=#ff3366><B>發(fā)光效果</B></FONT>

 

模糊效果的代碼:<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>模糊效果</FONT>

 

光暈效果的代碼:<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光暈效果</FONT></DIV>

 

★郵票效果代碼★


郵票區(qū)域代碼:
 
 
<DIV align=center>
<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 align=left> </DIV>
<DIV align=center><FONT size=3><STRONG>日志文字</DIV>
<DIV align=center></STRONG></FONT> </DIV></DIV></DIV>
 
 

★文繞圖代碼★

美化您的網(wǎng)絡(luò)日志-文繞圖 

<img src="..." align="right">

align="left":圖靠左
align="right":圖靠右
 

************************************************************************* 

圖靠左:<IMG src="http:///QTZY/GIF/xsgs/xsgs441.gif" align=left>
  圖靠右:<IMG src="http:///QTZY/GIF/xsgs/xsgs441.gif" align=right>

 

文繞圖
 
 

★背景圖片代碼★


<div style="WIDTH: 180px; HEIGHT: 120px;">
<img src="<div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; ">
<br>
<font color="#0099ff">日志文字</font></div></div> 

 

★發(fā)亮文字代碼★

效果:你所要顯示的文字    ABCDEFG       世界和平 無
html代碼:
<FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=4>你所要顯示的文字</font>
參數(shù)說明:
style="FILTER: glow(color=你要發(fā)亮的顏色,strength=發(fā)亮的強(qiáng)度); CURSOR: 鼠標(biāo)的樣式-假如你要做鏈接的話-可用http做鏈接 ; HEIGHT: 1px
face=字體
color=文字顏色
size=文字大小

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多