語法分享-隨風流浪~風玲(璦嫚兒)│愛情公寓交友網站與聊天室

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

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

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:2306253

隨風流浪~風玲(璦嫚兒) 的日記本

快速選單

03/12生活行腳《前一篇

後一篇》讓男人魂牽夢繞的六種女人

回應

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 語法分享
作者: 隨風流浪~風玲(璦嫚兒)	日期: 2011.03.13　　天氣: 　心情:

語法分享

非背景SWF語法

<embed height="399" type="application/x-shockwave-flash" width="570" src="你要貼上的swf" allowscriptaccess="never" scale="ShowAll" loop="loop" menu="menu" wmode="Window" quality="1" ></embed >

透明Flash背景語法

<embed src="貼上你要的swf網址" width="1000" height="700" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0" ></embed >

width="數字" height="數字"
修改 SWF或圖片寬與高的語法

背景動態小花
語法：

備註：記得改成你自己的"圖片網址"喔，之後直接複製上面語法，
貼在網誌有支援javascript的地方，就大功告成了。

背景

</font >
<style type="text/css" >
<!--table{background:url<>;}td{background:url<>;}-- >
<!--body{background-image:url(圖片網址.jpeg);background-repeat:x-repeat;background-position:fixed;background-color:#ffffff;background-attachment:fixed;}-- > </style >

日記框內背景[簡易型] 無捲軸各類瀏覽器都能顯示
語法：
1. <div style="BACKGROUND-IMAGE: url(日記背景網址.JPG或GIF); " >

日記內文與內容

2. </div >   這個放在最底層

貼圖語法
<img id="reflect" src="圖片網址" ><br >

可改圖片變大小與顯示位置語法

<img style="FILTER: Alpha(opacity=100,style=3); WIDTH: 442px; HEIGHT: 345px" height="492" src="圖片網址" width="500" ></font ></p >

捲ˊ軸ˋ式可加背景圖(JPG或GIF)黑背景語法

<style ><!--table{background:url<>;}td{background:url<>;}-- ></style ><style type="text/css" ><!--body{background-image:url(圖片路徑);background-repeat:x-repeat;background-position:fixed;background-color:#000000;background-attachment:fixed;}-- ></style ><style ><!--body{SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-HIGHLIGHT-COLOR:#000000;SCROLLBAR-SHADOW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#CCCCCC;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#000000;}-- ></style ><style >FONT{COLOR:#ffffff}</style ><body text=#000000 >
<br / >

放在所有內容最下方
若只是要換底圖顏色 background-color:#000000; 為背景顏色
000000為黑色
FONT{COLOR:#ffffff 為文字顯示顏色修改FFFFFF 色碼
FFFFFF代表白色

無上框捲軸式背景語法
這一段放在所有語法最前方

<td style="LINE-HEIGHT: 150%" ></td >
<span id="diaryStr" >

其他日記內文內容

<style ><!--table{background:url<>;}td{background:url<>;}-- ></style ><style type="text/css" ><!--body{background-image:url(圖片路徑);background-repeat:x-repeat;background-position:fixed;background-color:#000000;background-attachment:fixed;}-- ></style ><style ><!--body{SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-HIGHLIGHT-COLOR:#000000;SCROLLBAR-SHADOW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#CCCCCC;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#000000;}-- ></style ><style >FONT{COLOR:#ffffff}</style ><body text=#000000 ><br / >
</SPAN >

文字語法
<font face="標楷體" color=#000000 size=4 >

立體文字語法：

<div style="FILTER: shadow(color=00aa00); WIDTH: 460px; HEIGHT: 30px" >
<font color="#ffff00" size="4" >看到了嗎是不是不一樣了</div ></font >

可修改 font color="#ffff00" 文字色碼 size="4" 文字大小
</div ></font > 為顯示文字的結束語法

跑馬燈

<MARQUEE scrollAmount=2 direction=up >輸入你要寫的字或圖片</MARQUEE >

( 字與字間可以使用<br >換行，換空一行可用<p >將up改成down即是字由上往下)

走馬燈(循環) <marquee behavior=scroll >想輸入的字或圖片</marquee >

飄動的字或圖片

<marquee ><marquee direction=up behavior=alternate width=400 height=100 >打上你要出現的字或圖片</marquee ></marquee >

上下擺動語法：

<font size="字體大小" >字體 color="字體顏色" >
<marquee direction=up behavior=alternate width=寬度 height=擺動的高度 >輸入想顯示的文字或圖</marquee >

範例： <font size="4" >標楷體 <color="//#ff0000" >
<marquee direction=up behavior=alternate width=40 height=100 >輸</marquee >
<marquee direction=up behavior=alternate width=40 height=80 >入</marquee >
<marquee direction=up behavior=alternate width=40 height=70 >你</marquee >
<marquee direction=up behavior=alternate width=40 height=60 >要</marquee >
<marquee direction=up behavior=alternate width=40 height=70 >出</marquee >
<marquee direction=up behavior=alternate width=40 height=85 >現</marquee >
<marquee direction=up behavior=alternate width=40 height=100 >字</marquee ></FONT >
(說明：每增加一行就可增加一個字的擺動 )

立體文字或圖框語法：

<div style="FILTER: shadow(color=00aa00); WIDTH: 460px; HEIGHT: 30px" >
<font color="#ffff00" size="4" >看到了嗎是不是不一樣了</div ></font >

紅色為文字外框顯示顏色可不必加上#
藍色為文字本身顯示顏色要加上#
WIDTH: 460px; HEIGHT: 30px 可修改顯示立體文字的框長寬

變色文字或圖框語法：

<img src= width=120 height=120 ="setInterval('font.style.color=Math.random()*255*255*255',500)" ><font id="font" >輸入你要出現的字或圖片</font >
要修改長寬的語法

基本套用[黑底白字]
以下為愛情公寓日記基本套用
只要換上你要的日記內容即可:

</table ></td ></tr ><tr ><TBODY ><TR ><TD ></tr ></table ><center ><br / >
<br / >
<table style="BORDER-LEFT-COLOR:#FFFFFF; BORDER-BOTTOM-COLOR:#FFFFFF; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:#FFFFFF; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR:#FFFFFF; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 bgColor=darkred border=2 width="700" height="0" ><tr >
<br / >
<p align=center >
<font color="#FFFFFF" size="3" >
想要打的字放在這
<br / >

<style type="text/css" >input { background: #FFFFFF url(確定按鈕圖路徑); background-position: center;width:70;height:30;}</style >
<style type="text/css" >textarea { background: #ffffffurl(圖片路徑);background-position:center;background-repeat:repeat;width:200;height:100;text-align:center;color:#FFFFFF;font-size:20px;font-family:新細明體,vernada;}</style ></SPAN >
<br / >
<style type="text/css" ><!--td{color:#FFFFFF;font-family:新細明體;font-size:100%;}-- ></style >
<br / >
</strong ></font ></a ></div >

第2種

[白底黑字]

至頂圖及內置捲軸:

<SPAN ID="test" STYLE="border:solid;border-width:1;border-

color:#ffffff;color:#FFFFFF;position:absolute;top:0;left:0;width:1024;height:650;overflo

w:hidden;background-image:url(圖片連結<center" >);" ><center >
<br / >
<div style="OVERFLOW: auto; WIDTH: 500px; HEIGHT: 500px; border:px double #" >
<br / >
<br / >
<br / ><font color="#000000" size="3" ><strong ><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 / >
<br / >
</div >
<br / >
</table ></td ></tr ><tr ><TBODY ><TR ><TD ></tr ></table ><center ><br / >
<div align="center" >
<br / >
<br / >
<br / >
<br / >
<table style="BORDER-LEFT-COLOR:#FFFFFF; BORDER-BOTTOM-COLOR:#FFFFFF; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:#FFFFFF; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR:#FFFFFF; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 bgColor=darkred border=2 width="900" height="0" ><tr >
<br / ><style type="text/css" >input { background: #FFFFFF url(確定按鈕圖路徑); background-position: center;width:70;height:30;}</style >
<style type="text/css" >textarea { background: #ffffffurl(圖片路徑);background-position:center;background-repeat:repeat;width:300;height:100;text-align:center;color:#000000;font-size:20px;font-family:新細明體,vernada;}</style ></SPAN >
<br / >
<style type="text/css" ><!--td{color:#000000;font-family:新細明體;font-size:100%;}-- >
</style >
<br / >
</strong ></font ></a ></div >
<style ><!--table{background:url<圖片路徑 >;}td{background:url<圖片路徑 >;}-- ></style >
<style type="text/css" >
<!--body{background-image:url(圖片路徑);background-repeat:x-repeat;background-position:fixed;background-color:#FFFFFF;background-attachment:fixed;}-- >
</style ><style ><!--body{SCROLLBAR-FACE-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-HIGHLIGHT-COLOR:#000000;SCROLLBAR-SHADOW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#000000;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#000000;}-- >
</style ><style >FONT{COLOR:#000000}</style ><body text=#000000 >
<br / >

以上若要放上背景圖片，請將路徑換上你要的圖片路徑
數字部分則是背景圖的寬高

圖+上移文字

標籤:

瀏覽次數:65 人氣指數:1665 累積鼓勵:80

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉

給本文愛的鼓勵：