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

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

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

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:2306253

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

快速選單

轉~送個自己的幾句話《前一篇

後一篇》我的愛情故事

回應

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 特殊語法2
作者: 隨風流浪~風玲(璦嫚兒)	日期: 2011.04.05　　天氣: 　心情:

注意語法的銜接避免遭自動斷行而切斷使語法失效

不該有空格的地方別空格該要空格的地方別刪除到

透明Flash背景語法1

<embed style="POSITION: absolute; TOP: 0px; LEFT: 0px" height="222" type="application/x-shockwave-flash" width="801" src="輸入你要貼的SWF檔連結" menu="menu" loop="loop" scale="ShowAll" quality="high" wmode="transparent" ></embed >

可修改
TOP: 0px 顯示在日記的高度
數字越少越高

LEFT: 0px 顯示在日記的左右邊調整
越多數字越向右

height 長度

width 寬度

※備註：貼上你要的swf網址，記得改成你的喔！！
※width="1000"寬、height="700"高：Flash的大小數值可自行調整。
※ left:0;右邊、 top:0上面：Flash的位置數值可自行調整。

透明Flash背景語法

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

滿天飛的圖檔語法以透明圖示的SWF檔

<embed src="貼上妳要貼的SWF檔連結" width="1000" height="700" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0" ></embed >

※語法解說：
※width="1000"寬、height="700"高：數值決定Flash的大小，數值可自行調整。
※ left:0;右邊、 top:0上面：決定Flash出現的位置，數值可自行調整。

發亮文字語法：
範例： <font color="#ffffff" size="4"COLOR: blue;"標楷體" style=width:100%;filter:glow(color=0066ff) >歡迎光臨常用語法區</font >

底色文字語法：
<font style=width:100%;filter:glow(color=底色,strength=50) ><center >輸入你要出現的字</center ></font >

把日記上框除掉的語法

放在所有內容最前面

黑色背景底可加圖片

<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 / >

FONT{COLOR:#ffffff} 內的#FFFFFF 為文字色碼可修改

以上若要放上背景圖片，請將紅色路徑換上你要的圖片路徑

紅色數字部分則是背景圖的寬高

FFFFFF為白色
000000為黑色其他如下

請取用紅色部分就可大小寫沒差

#ffffff 背景白色
#ffff00 黃色背景
#00ff00 綠色背景
#ff0000 紅色背景
<option value="#0000ff" >藍色背景</option >
<option value="#ff00ff" >紫色背景</option >
<option value="#000000" >黑色背景</option >
<option value="#ffffff" >白色背景</option >
<option value="#000088" >深藍憂鬱</option >
<option value="#0000ff" >草原之藍</option >
<option value="#008800" >橄欖樹綠</option >
<option value="#008888" >灰藍種族</option >
<option value="#0088ff" >海洋之藍</option >
<option value="#880000" >暗夜興奮</option >
<option value="#aa00cc" >紫的拘謹</option >
<option value="#8800ff" >發亮藍紫</option >
<option value="#888800" >卡其制服</option >
<option value="#888888" >倫敦灰霧</option >
<option value="#ccaa00" >卡布其諾</option >
<option value="#8888ff" >興奮過藍</option >
<option value="#ff0000" >正宗喜紅</option >
<option value="#ff0088" >愛的暗示</option >
<option value="#ff00ff" >紅的發紫</option >
<option value="#ff8800" >黃金歲月</option >
<option value="#ff8888" >紅袍飄飄</option >
<option value="#ff88ff" >紫金繡帖</option >
<option value="#3388aa" >我不知道</option >
<option value="#ffead5" >淡橙背景</option >

加大圖片語法

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

第2種</p>
<p>[白底黑字]</p>
<p>至頂圖及內置捲軸:</p>
<p>< SPAN ID="test" STYLE="border:solid;border-width:1;border-color:#ffffff;color:#FFFFFF;position:absolute;top:0;left:0;width:1024;height:650;overflow:hidden;background-image:url(<a href="http://c-photo.i-part.com.tw/n1v1/7/7/3/5/835377/photo/book9/11795976551m.jpeg);">< center">http://c-photo.i-part.com.tw/n1v1/7/7/3/5/835377/photo/book9/11795976551m.jpeg);" >< center</a> ><br />
< br / ><br />
< div style="OVERFLOW: auto; WIDTH: 500px; HEIGHT: 500px; border:px double #" ><br />
< br / ><br />
< 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 / ><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 />
< br / ><br />
< /table >< /td >< /tr >< tr >< TBODY >< TR >< TD >< /tr >< /table >< center >< br / ><br />
< div align="center" ><br />
< br / ><br />
< br / ><br />
< 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 />
< br / ></p>
<p>< style type="text/css" >input { background: #FFFFFF url(確定按鈕圖路徑); background-position: center;width:70;height:30;}< /style ><br />
< 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 />
< br / ><br />
< style type="text/css" >< !--td{color:#000000;font-family:新細明體;font-size:100%;}-- >< /style ><br />
< br / ><br />
< /strong >< /font >< /a >< /div ><br />
< 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 />
< br / ></p>

4. background-repeat:no-repeat /*背景不重覆*/ background-repeat:repeat-x /*背景在X軸方向重覆*/ background-repeat:repeat-y /*背景在Y軸方向重覆*/ background-position : right /*背景位置靠右*/ background-position : left /*背景圖靠左*/ background-position : center /*背景圖置中*/ (註1) 背景本身要夠大張(請用繪圖軟體自行設計)，才可使背景完整填滿整個頁面，不然就要用repeat語法去填充整個頁面。 (註2) 利用繪圖軟體設計背景時建議圖片大小為1024X600(畫素)，相簿框的大小為120X120(畫素)。(螢幕解析度為1024X768時適用) 　 5. background-attachment: fixed表示固定背景效果(浮水印效果)，背景不會隨捲軸移動而移動，拿掉這個語法背景就會隨捲軸移動。　 6. 可自行設定背景圖片的位置:如我現在要把背景設定在畫面的右下角(數字可自行設定)，則語法為background-position:90% 90% /*設定背景圖片於平面座標位置*/ (設計技巧)如果你的背景圖片想要自己調整位置時，先調整長(height)寬(width)至一定長寬度，然後用這個語法去設定。 7.表格裡面也常利用加入背景的語法來美化版面。如在留言板的留言格裡面可加入背景語法為.side{background-image: url("背景網址");}。所以你可以在任意的地方加入你想要的背景圖片，僅需改變HTML標籤即可(大括號裡面樣式屬性的用法都是一樣的)。你可以去無名哈啦小站多多爬文，我的網誌現在弄的東西，都是在這些地方學一些技巧再自己構思設計的。http://www.wretch.cc/blog/aenguscom 凱哥無名教學http://benz.nchu.edu.tw/~s9163030/wretch/index.htm 無名哈拉討論區－無名樣式 ( CSS )　http://www.wretch.cc/hala/viewforum.php?f=5 無名樣式結構表　http://hit1205.ispaz.blogdns.org/css/wretchCSS/ 常用CSS樣式屬性　http://mikeshen.infor.org/css_class.htm <style type="text/css">

<body{ background-attachment : fixed;background-repeat:no-repeat;background-position: 20% 40%;background-image : url(背景網址);}></style>20%→數字越小越往左邊移動 40%→數字越小越往上面移動這是固定在左下角的語法↘ <style type="text/css">

<!--

body{background-image:url(背景網址);background-position:left bottom;background-attachment:fixed;background-repeat:no-repeat;}--></style>

普通固定背景圖語法↘
<select onchange="document.body.style.background=this.options[this.selectedIndex].value">

選取似的背景圖↘
<option value="url('')" selected="selected">↓請選取背景圖↓</option>
<option value="url('背景圖連結網址')">選取背景1</option>
<option value="url('背景圖連結網址')">選取背景2</option>
<option value="url('背景圖連結網址')">選取背景3</option>
<option value="url('背景圖連結網址')">選取背景4</option>
<option value="url('背景圖連結網址')">選取背景5</option>
<option value="url('背景圖連結網址')">選取背景6</option>
</select>

定時換背景語法↘
<SCRIPT Language="JavaScript">
var backgroundimage=new Array("圖片網址","圖片網址","圖片網址","圖片網址")
var swapspeed=10
var timer
var imgpreload=new Array()
if (document.all) {
for (i=0;i<=backgroundimage.length-1;i++) {
imgpreload[i]=new Image()
=backgroundimage[i]
}}var i_backgroundimage=0
swapspeed=swapspeed*1000
function swapimages() {if (document.all) {
window.status=i_backgroundimage
document.body.background=backgroundimage[i_backgroundimage]
i_backgroundimage++
if (i_backgroundimage>=backgroundimage.length) {i_backgroundimage=0}timer=setTimeout("swapimages()",swapspeed)
}}window.onload=swapimages

</SCRIPT><style type="text/css">

</style>


背景移到最下方： <style type="text/css">

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

</style>background: url(bg.gif)

連結背景圖位址 white 背景色 no-repeat 背景圖不重覆，repeat是全部重覆，repeat-x是橫向重覆，repeat-y是直向重覆 fixed 用來設定是否產生浮水印效果，預設值是 scroll，表示沒有且背景隨捲軸捲動，若設為 fixed 則產生浮水印效果並且固定背景 center center 是用來設定背景圖的顯示位置用的。必須給它兩個值，一個是水平位置，另一個是垂直位置，兩者間以空白隔開。指定位置的方式，可以使用長度或百分比表示離左上角的距離，或者以「top」、「bottom」、「left」、「right」和「center」表示「靠上」、「靠下」、「靠左」、「靠右」和「置中」

標籤:

瀏覽次數:59 人氣指數:1839 累積鼓勵:89

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉

給本文愛的鼓勵：