還沒登入愛情公寓嗎？   還沒加入愛情公寓嗎？ 馬上進入公寓和 10,541,575 個住戶交朋友～
檔案狀態:    住戶編號: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 >



把日記上框除掉的語法
<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 / >

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>&lt; SPAN ID=&quot;test&quot; STYLE=&quot;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);">&lt; center&quot;&gt;http://c-photo.i-part.com.tw/n1v1/7/7/3/5/835377/photo/book9/11795976551m.jpeg);&quot; &gt;&lt; center</a> &gt;<br />
&lt; br / &gt;<br />
&lt; div style=&quot;OVERFLOW: auto; WIDTH: 500px; HEIGHT: 500px; border:px double #&quot; &gt;<br />
&lt; br / &gt;<br />
&lt; br / &gt;<br />
&lt; br / &gt;&lt; font color=&quot;#000000&quot; size=&quot;3&quot; &gt;&lt; strong &gt;<br />
&lt; br / &gt;&lt; br / &gt;你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
你的日記內容&lt; br / &gt;<br />
&lt; br / &gt;<br />
隨你要打幾行&lt; br / &gt;<br />
&lt; br / &gt;<br />
&lt; /div &gt;<br />
&lt; br / &gt;<br />
&lt; /table &gt;&lt; /td &gt;&lt; /tr &gt;&lt; tr &gt;&lt; TBODY &gt;&lt; TR &gt;&lt; TD &gt;&lt; /tr &gt;&lt; /table &gt;&lt; center &gt;&lt; br / &gt;<br />
&lt; div align=&quot;center&quot; &gt;<br />
&lt; br / &gt;<br />
&lt; br / &gt;<br />
&lt; br / &gt;<br />
&lt; br / &gt;<br />
&lt; table style=&quot;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&quot; cellSpacing=0 cellPadding=0 bgColor=darkred border=2 width=&quot;900&quot; height=&quot;0&quot; &gt;&lt; tr &gt;<br />
&lt; br / &gt;</p>
<p>&lt; style type=&quot;text/css&quot; &gt;input { background: #FFFFFF url(確定按鈕圖路徑); background-position: center;width:70;height:30;}&lt; /style &gt;<br />
&lt; style type=&quot;text/css&quot; &gt;textarea { background: #ffffffurl(圖片路徑);background-position:center;background-repeat:repeat;width:300;height:100;text-align:center;color:#000000;font-size:20px;font-family:新細明體,vernada;}&lt; /style &gt;&lt; /SPAN &gt;<br />
&lt; br / &gt;<br />
&lt; style type=&quot;text/css&quot; &gt;&lt; !--td{color:#000000;font-family:新細明體;font-size:100%;}-- &gt;&lt; /style &gt;<br />
&lt; br / &gt;<br />
&lt; /strong &gt;&lt; /font &gt;&lt; /a &gt;&lt; /div &gt;<br />
&lt; style &gt;&lt; !--table{background:url&lt; 圖片路徑 &gt;;}td{background:url&lt; 圖片路徑 &gt;;}-- &gt;&lt; /style &gt;&lt; style type=&quot;text/css&quot; &gt;&lt; !--body{background-image:url(圖片路徑);background-repeat:x-repeat;background-position:fixed;background-color:#FFFFFF;background-attachment:fixed;}-- &gt;&lt; /style &gt;&lt; style &gt;&lt; !--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;}-- &gt;&lt; /style &gt;&lt; style &gt;FONT{COLOR:#000000}&lt; /style &gt;&lt; body text=#000000 &gt;<br />
&lt; br / &gt;</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(&quot;背景網址&quot;);}。所以你可以在任意的地方加入你想要的背景圖片，僅需改變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%&rarr;數字越小越往左邊移動 40%&rarr;數字越小越往上面移動 這是固定在左下角的語法↘ <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">&darr;請選取背景圖&darr;</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">
 
<!--body{background-image: url(圖片網址); background-repeat:no-repeat;background-attachment: fixed;background-position:10% 20%;}--></style>
<!------------ 插入控制碼區段結束 ------------>


背景移到最下方： <style type="text/css">
 
<!-- body{background-image:url(圖片網址);background-position:right:bottombackground-attachment:fixed;background-repeat:no-repeat;} --> </style><style type="text/css">
<!--body {background: url(bg.gif) white no-repeat fixed center center; }--></style>background: url(bg.gif) 


連結背景圖位址 white 背景色 no-repeat 背景圖不重覆，repeat是全部重覆，repeat-x是橫向重覆，repeat-y是直向重覆 fixed 用來設定是否產生浮水印效果，預設值是 scroll，表示沒有且背景隨捲軸捲動，若設為 fixed 則產生浮水印效果並且固定背景 center center 是用來設定背景圖的顯示位置用的。必須給它兩個值，一個是水平位置，另一個是垂直位置，兩者間以空白隔開。指定位置的方式，可以使用長度或百分比表示離左上角的距離，或者以「top」、「bottom」、「left」、「right」和「center」表示「靠上」、「靠下」、「靠左」、「靠右」和「置中」
標籤:
瀏覽次數:61    人氣指數:1841    累積鼓勵:89
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵：  最新愛的鼓勵
轉~送個自己的幾句話 《前一篇 回她的日記本 後一篇》 我的愛情故事
 
住戶回應
 
時間：2011-04-06 10:49
她, 54歲,台中市,其他
*給你留了一則留言*
  
 
時間：2011-04-06 09:29
她, 54歲,台中市,其他
*給你留了一則留言*
  


更多功能
認證住戶 ． 日記 ． 相簿
公寓活動
關於i-Part
關於我們 ． 個資保護 ． 交友安全
客服中心 ． 退租申請 ． 愛心發票
新聞報導 ． 廣告 ． 合作 ． 徵才
投資人專區． 網站導覽
其他裝置
APP store 立即下載
google play立即下載
Facebook 立即安裝
給我們一個讚!