語法分享-等看戲的隨風流浪~風玲│愛情公寓交友網站與聊天室

還沒登入愛情公寓嗎？還沒加入愛情公寓嗎？馬上進入公寓和 10,542,827 個住戶交朋友～

紅包抽抽樂！小資變土豪！

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:1895141

等看戲的隨風流浪~風玲的日記本

快速選單

碎碎念《前一篇

後一篇》油條餐

回應

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 語法分享
作者: 等看戲的隨風流浪~風玲	日期: 2011.01.05　　天氣: 　心情:

框架式圖片文章語法
<table bordercolor="#000000" cellspacing="0" cellpadding="27" width="400" background="JPG或GIF圖檔路徑" border="0"><tbody><tr><td><table bordercolor="#000000" cellspacing="0" cellpadding="12" width="400" align="center" background="第二張JPG或GIF圖檔路徑" border="0"><tbody><tr><td><table height="320" width="430" background="第三張JPG或GIF圖檔路徑"><tbody><tr><td></td></tr></tbody></table><pre><p style="MARGIN-LEFT: 20px"><font style="LINE-HEIGHT: 25px" face="新明細體" color="#000000" size="3">

文章

</font></p></pre></td></tr></tbody></table></td></tr></tbody></table>

註:
p style="MARGIN-LEFT: 20px
font style="LINE-HEIGHT: 25px
為字體的相關語法

各類背景語法
放在所有內容最後面就不會出現英文語法在簡頁前出現

<style></style><style type="text/css"></style><style></style><style>FONT{COLOR:#ffffff}
</style><body text=#000000><br />
<br />

框架式圖片文章語法
<table bordercolor="#000000" cellspacing="0" cellpadding="27" width="400" background="圖片路徑" border="0"><tbody><tr><td><table bordercolor="#000000" cellspacing="0" cellpadding="12" width="400" align="center" background="圖片路徑" border="0"><tbody><tr><td><table height="320" width="430" background="圖片路徑"><tbody><tr><td></td></tr></tbody></table><pre><p style="MARGIN-LEFT: 20px"><font style="LINE-HEIGHT: 25px" face="新明細體" color="#000000" size="3">

文章或其他內容

</font></p></pre></td></tr></tbody></table></td></tr></tbody></table>

圖片加跑馬燈
<table border="5" width="756" cellpadding="21" cellspacing="0" style="background-image: url(圖片網址); width: 556px; height: 478px; background-color: #ffff44; text-align: center; border: #03b42a 5px double;"> <tbody> <tr> <td> <p> </p> <p><span style="color: #020146;" mce_style="color: #020146;"> </span></p> <p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p><marquee scrolldelay="2" scrollamount="1" width="250" height="300" direction="up" on mouse out="this.start()" on mouse over="this.stop()"> <p> </p> </marquee></p> </td> </tr> </tbody> </table></font>

另一種語法適用於CCS
{ background:url(http://原圖網址) left top no-repeat;-o-background-size:1920px 1200px;   /*x軸y軸寬高*/-webkit-background-size:1920px 1200px; -moz-background-size:1920px 1200px;}

下面這兩種語法是在背景色中再加上任何一種圖片,
人物或風景..等尺寸不限,
不適用直長,橫長,方型背景圖
若只要背景色時,把網址的部份刪除即可,
若不要背景色時,把色碼刪除即可,
改背景顏色background-color:#000000,用色碼或英文名稱皆可
background-position:100% 100%
是調整圖片的位置...

<STYLE type="text/css">
</STYLE>

<STYLE> body { background-image:url("圖片路徑"); background-attachment: fixed; background-repeat: repeat; background-position: 200% 0%; } table { background-color: transparent; } td { background-color: transparent; } </STYLE>

只貼圖
<embed src="路徑" width="寬" height="高"</embed>

背景圖加文字
<embed src="flash背景圖路徑" width="寬" height="高" type="application/x-shockwave-flash" wmode="transparent" /><div style="LEFT: -280px; POSITION: relative; TOP: -900px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 120px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=white, strength=5); WIDTH: 500px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 500px"><span style="FONT-SIZE: 15pt; LETTER-SPACING: 2px"><font face="新細明體" color="#000000"><span id="style" style="LINE-HEIGHT: 35px">
這個地方打上你要的字字體可改為標楷體或細明體或華康少女體
隨你高興要打什麼
沒限制要打多少字
當然不超出背景圖為準
自己調整字體間距及行距
<ul><ul><p /></ul></ul></span></font></span></span></pre></div></div><p />

字體可調整的部分:
style="FONT-SIZE: 12pt    字體大小
style="LINE-HEIGHT: 35px"   字體行距
LETTER-SPACING: 2px 字體間距
font face="新細明體" 字型
color="#000000"       字體顏色[請參考RGB色碼表]
(Color=white, strength=5)字體陰影部分顏色及陰影大小
div style="LEFT: -280px 調整字體左右或置中
TOP: -900px 調整字體開始高度

背景圖加上移文字
<embed src="flash背景圖" width="寬" height="高" type="application/x-shockwave-flash" wmode="transparent" /><div style="LEFT: -350px; POSITION: relative; TOP: -630px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 120px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=white, strength=5); WIDTH: 400px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 400px"><span style="FONT-SIZE: 11pt; LETTER-SPACING: -1px"><font face="Verdana" color="#000000"><span id="style" style="LINE-HEIGHT: 20px">
<marquee scrollamount="1" direction="up" height="300"><pre><center><font face="新明細體" color="#000000" size="4"><br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br><br />
</p><p /><center><pre /></center></font></center></pre></marquee></p><pre><center />
上移文字跑馬燈可更改地方
<marquee scrollamount="1" direction="up" height="300"><pre><center><font face="新明細體" color="#000000" size="4">
scrollamount="1"[字體移動速度]
direction="up"[字體往上或往下將up改成down即是字由上往下]
height="300"[字體出現的高度]
font face="新明細體"[字型]
color="#000000" [字體顏色]
size="4"[字體大小]

範例:
<embed height="700" type="application/x-shockwave-flash" width="721" src="輸入你要的swf網址" quality="1" menu="menu" loop="loop" scale="ShowAll" wmode="transparent"></embed>
<div style="POSITION: relative; TOP: -500px; LEFT: -200px">
<div style="Z-INDEX: -1; POSITION: absolute; WIDTH: 290px; HEIGHT: 800px; TOP: 120px; LEFT: 430px" id="layer1">
<pre><span style="FILTER: Glow(Color=white, strength=5); WIDTH: 350px; FONT-FAMILY: Arial RED; HEIGHT: 800px; COLOR: gray; FONT-SIZE: 9pt"><span style="LETTER-SPACING: -1px; FONT-SIZE: 11pt"><font color="#ff00ff" face="Verdana"><span style="LINE-HEIGHT: 25px" id="curscroll" behavior="scroll"><marquee direction="up" height="450" scrollamount="1" scrolldelay="10">
<pre><center><font color="#ff00ff" size="4" face="新明細體">文字的開始
一個人   想念兩個人的時候<br />
兩個人   卻有一個人的寂寞
<br />當我們不再牽手
<br />我已習慣一個人生活手心手背變的斑駁
<br />習慣了一個人的寂寞卻又害怕兩個人的寂寞
<br />一個人的心思與生活是單純的
<br />兩個人的心思與生活是複雜的
<br />到底~ 是一個人好   還是兩個人好?
<br />我不知道~ 我只知道自己害怕又失去自由
<br />遇上一個懂的人兩個人生活就會很好
<br />遇上一個不懂的人兩個人生活就不好
<br />一個人流浪只需一個行李
<br />兩個人旅行卻有很多包袱
<br />孤單是一個人的狂歡狂歡是一群人的孤單
<br />愛情原來的開始是陪伴但我也漸漸地遺忘
<br />當時是怎樣有人陪伴
<br />我一個人吃飯旅行到處走走停停
<br />也一個人看書寫信自己對話談心
<br />我想我可以習慣一個人生活　
<br />在記憶裡面擦去你的承諾
<br />我已經習慣一個人對著夜空發呆
<br />我已經習慣一個人對著回憶傻笑
<br />我已經習慣一個人我已經習慣了
<br />我想我可以習慣一個人生活　
<br />我想我可以假裝不曾愛過
<br />感覺如果要走誰能說no?
</font>
</center><pre> </pre>
</pre>
<div></div>
<br />
<div></div>
<div></div>
<div></div>
</marquee>
<pre> </pre>
<div></div>
<div></div>
</span></font></span></span></pre>
</div>
</div>

另一範例:

<div style="BACKGROUND-IMAGE: url(http://home.educities.edu.tw/nkhs9323005/back0091.jpg)"><br />

<embed src=http://i537.photobucket.com/albums/ff336/dachih/2wu-2/044.swf width=450 height=580 type=application/x-shockwave-flash flashvars="message11=輸入你要的文字" wmode="transparent" ></embed>

<embed src=http://i537.photobucket.com/albums/ff336/dachih/2wu-2/033.swf width=450 height=580 type=application/x-shockwave-flash flashvars="message11=輸入你要的文字" wmode="transparent" ></embed>
引用：http://tw.myblog.yahoo.com/jw!SIhlDMOFBQAMIcNavBml4Eo-/article?mid=147455
語法如下:先打勾HTML原始碼再貼上語法,直接從中編輯文字,間隔以<br>來區分,
可看以下範例!如對此版語法有疑問?歡迎您提出來公開共同討論!
讓我有改進及大家學習的空間跟機會!感謝您~
您的喜愛就是我的榮幸~不必連結此地格名及樂果!
樂多roodo空間有時會不穩失連也可用:背景圖備用網址
http://img407.imageshack.us/img407/3899/70311782.gif

<table style="BORDER-LEFT-COLOR: #ff40ff; BORDER-BOTTOM-COLOR: #ff40ff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ff40ff; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ff40ff; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 align=center border=6>
<tbody>
<tr>
<td>
<table cellSpacing=3 cellPadding=0 background=http://hk.geocities.com/g777232000/29222922292CHING.gif border=0>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #ff40ff; BORDER-BOTTOM-COLOR: #ff40ff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ff40ff; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ff40ff; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 align=center border=6>
<tbody>
<tr>
<td>
<table cellSpacing=3 cellPadding=0 width=300 background=http://blog.roodo.com/chen177/61a5f55b.gif border=1>
<tbody>
<tr>
<td>
<table style="BORDER-RIGHT: #000000 4px dotted; BORDER-TOP: #000000 4px dotted; BORDER-LEFT: #000000 4px dotted; BORDER-BOTTOM: #000000 4px dotted" cellSpacing=0 cellPadding=0 width="100%">
<tbody>
<tr>
<td>
<table style="BORDER-RIGHT: #000000 2px dotted; BORDER-TOP: #000000 2px dotted; BORDER-LEFT: #000000 2px dotted; BORDER-BOTTOM: #000000 2px dotted" cellSpacing=0 cellPadding=2 width="100%">
<tbody>
<tr>
<td>
<div align=center>
<div style="BACKGROUND: url(http://blog.roodo.com/chen177/61a5f55b.gif); WIDTH: 600px; HEIGHT: 700px">
<div align=left>
<div style="MARGIN-TOP: 240px; MARGIN-LEFT: 100px; OVERFLOW: auto; WIDTH: 450px; HEIGHT: 440px">
<p><font face=標楷體 size=4><font color=#000000>自在<br><br>來來去去幾番情海浮沉<br>已知不該沉淪<br>癡癡迷迷同賞才子佳文<br>笑嘆紅顏多情<br>虛虛實實似真是假難辨<br>多少情深幻滅<br>輕輕重重份量由誰衡量<br>莫執徜徉自在<br><br>親愛的朋友......<br>把我的文字刪掉,貼上你的文章內容</font>
<p></p>
</font></div></div></div></div></td></tr></tr></tbody></tr></tbody></table></td></tr></tbody></table></td></tr></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><p></p>

變換背景圖的語法
</strong></font></a></div>
<style></style><style type="text/css"></style><style></style><style>FONT{COLOR:字體顏色}</style><body text=#87CEFF>
2007-04-28 18:09:46 補充

圖片路徑就是你那張圖片的網址（你需要找一個放圖片的空間..愛情公寓的相簿就可以了..把圖片上傳到相簿後..點進去那張圖片..底下會有個"複製網址"..把那網址貼進去就可以了）
至於顏色請對照色碼表 http://www.powmo.com/ac.html

標籤:

瀏覽次數:591 人氣指數:2591 累積鼓勵:100

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉

給本文愛的鼓勵：