部落格教學/css語法－:星羽的閃耀星空:

Aug 19 Mon 2013 11:52
[圖片上傳教學]新版 Photobucket 如何上傳不縮圖

新版 Photobucket 如何上傳不縮圖

為了上傳圖片真快把霝兒給搞瘋了

以為搜尋到好方法可以讓圖片原始呈現不縮圖

經過一夜測試發現上篇文章所取得的圖片網址竟然會失連

表示這方法不可行(圖片時而出現時而不見)太不穩定了

還是努力地想找出解決方法

哈原來魔鬼竟藏在細節裡

方法太簡單嚕只是被自己給忽視 (該說我笨嗎)

上傳圖片時會出現這畫面 ↓

《上傳圖片前先按下Customize Upload Options》

如此圖片就不會被Photobucket系統給縮圖了

以下是霝兒上傳的原始圖檔(1280x800)網址

http://i1152.photobucket.com/albums/p499/sensitive1228/love1/a1_zpsc0f4b3ca.gif:original

怪的是網址最後竟然多+了一個 :original

目前圖片顯示還算穩定沒失連

先提供這方法讓大家參考 (還在測試中)

昨晚發表的那篇也當參考用吧

這兩天光研究這不縮圖就讓霝兒死了好多腦細胞

希望這個方法是可行的

分享給大家

星羽發表在痞客邦留言(0) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 23 Tue 2011 14:49
【文章編輯方式】範例說明

【文章編輯方式】範例說明

【文章分段自動排列方式】

<p align="left">

        

~~~第一段文章張貼~~~

</p>
<br>

<p align="left">

        

~~~第二段文章張貼~~~

</p>
<br>

<p align="left">

        

~~~第三段文章張貼~~~

</p>
<br>

【文章分段自動排列方式】範例：

<p align="left">

        

<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>係依據本服務條款提供<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>（<a href="http://tw.yahoo.com/" target="_blank">http://tw.yahoo.com/</a>）服務 (以下簡稱「本服務」)。當您使用本服務時，即表示您已閱讀、瞭解並同意接受本約定書之所有內容。<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>有權於任何時間修改或變更本約定書之內容，建議您隨時注意該等修改或變更。您於任何修改或變更後繼續使用本服務，視為您已閱讀、瞭解並同意接受該等修改或變更。如果您不同意本約定書的內容，或者您所屬的國家或地域排除本約定書內容之全部或一部時，您應立即停止使用本服務。

</p>
<br>
<p align="left">

        

若您為未滿二十歲，除應符合上述規定外，並應於您的家長（或監護人）閱讀、瞭解並同意本約定書之所有內容及其後修改變更後，方得使用或繼續使用本服務。當您使用或繼續使用本服務時，即推定您的家長（或監護人）已閱讀、瞭解並同意接受本約定書之所有內容及其後修改變更。

</p>
<br>
<p align="left">

        

<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>提供搜尋引擎之服務，旨在便利您迅速獲得檢索結果。您可能會因此連結至其他業者經營的網站，但不表示<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>與該等業者有任何關係。其他業者經營的網站均由各該業者自行負責，不屬<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>控制及負責範圍之內。<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>對檢索結果不擔保其合適性、可依賴性、即時性、有效性、正確性及完整性。您也許會檢索到一些令您厭惡或不需要的網站，這是電腦運作的可能結果，遇到此類情形時，<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>建議您不要瀏覽或儘速離開該等網站。

</p>
<br>

【文章分段自動排列方式】結果：

Yahoo!奇摩係依據本服務條款提供Yahoo!奇摩（http://tw.yahoo.com/）服務 (以下簡稱「本服務」)。當您使用本服務時，即表示您已閱讀、瞭解並同意接受本約定書之所有內容。Yahoo!奇摩有權於任何時間修改或變更本約定書之內容，建議您隨時注意該等修改或變更。您於任何修改或變更後繼續使用本服務，視為您已閱讀、瞭解並同意接受該等修改或變更。如果您不同意本約定書的內容，或者您所屬的國家或地域排除本約定書內容之全部或一部時，您應立即停止使用本服務。

若您為未滿二十歲，除應符合上述規定外，並應於您的家長（或監護人）閱讀、瞭解並同意本約定書之所有內容及其後修改變更後，方得使用或繼續使用本服務。當您使用或繼續使用本服務時，即推定您的家長（或監護人）已閱讀、瞭解並同意接受本約定書之所有內容及其後修改變更。

Yahoo!奇摩提供搜尋引擎之服務，旨在便利您迅速獲得檢索結果。您可能會因此連結至其他業者經營的網站，但不表示Yahoo!奇摩與該等業者有任何關係。其他業者經營的網站均由各該業者自行負責，不屬Yahoo!奇摩控制及負責範圍之內。Yahoo!奇摩對檢索結果不擔保其合適性、可依賴性、即時性、有效性、正確性及完整性。您也許會檢索到一些令您厭惡或不需要的網站，這是電腦運作的可能結果，遇到此類情形時，Yahoo!奇摩建議您不要瀏覽或儘速離開該等網站。

【文章依原文編輯法自動排列方式】

<p align="left">
<pre>

~~~~文章依原文編輯法張貼處~~~~
</pre>
</p>

【文章依原文編輯法自動排列方式】範例：

<p align="left">
<pre>

如何連絡Yahoo!奇摩客服
由於每個服務均由不同的客服人員專責處理，
因此，如果您需要連絡客服中心，有下列二個方式：

1.在各服務左方的『相關連結』欄位中，有該服務客服信箱的入口
2.在每一則說明的下方，均有『客服信箱』的按鍵

提醒您，請您務必正確選擇適當的信箱及主旨，
以便能在最快時間內，由專責的客服人員為您提供協助，謝謝！

</pre>
</p>

【文章依原文編輯法自動排列方式】結果：

如何連絡Yahoo!奇摩客服
由於每個服務均由不同的客服人員專責處理，
因此，如果您需要連絡客服中心，有下列二個方式：
 
1.在各服務左方的『相關連結』欄位中，有該服務客服信箱的入口
2.在每一則說明的下方，均有『客服信箱』的按鍵
 
提醒您，請您務必正確選擇適當的信箱及主旨，
以便能在最快時間內，由專責的客服人員為您提供協助，謝謝！

【文章加背景圖方式】

<p align="center">
<table background="http://背景圖網址" cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="center">
<br>

~~~~文章張貼處~~~

<br>
</td>
</tr>
</table>
</p>

【文章加背景圖方式】範例：

<p align="center">
<table background="http://home.educities.edu.tw/nkhs9323005/back0078.gif" cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="center">
<br>

<p align="center"><font color="#FF0000" size="4"><b>幻燈片名叫做《我不知道我是誰》</b></font></p>
<br>
<p align="center"><font size="2" color="#00ff00"><br>25年前！</br></font><font size="2" color="#0000ff"><br>有一位老師曾經製作了一集很不錯的幻燈片！</br></font><font size="2" color="#ff0000"><br>幻燈片名叫做《我不知道我是誰》</br></font><font size="2" color="#00ffff"><br>內容涵意為：</br></font><font size="2" color="#ffff00"><br>世上的每一個人都生活在陌生的環境中！</br></font><font size="2" color="#ff00ff"><br>每個人每天都必須戴上不同的假面具！</br></font><font size="2" color="#00ff00"><br>在各種不同的人生舞台上！</br></font><font size="2" color="#0000ff"><br>時時扮演著虛偽的角色！</br></font><font size="2" color="#ff0000"><br>沒有人真正的了解到別人與自我！</br></font><font size="2" color="#00ffff"><br>包括自己！</br></font><font size="2" color="#ffff00"><br>只有在夜深人靜之時！</br></font><font size="2" color="#ff00ff"><br>無奈的退去臉上虛假的面具！</br></font><font size="2" color="#00ff00"><br>孤獨的陪伴著內心真實的自我！</br></font><font size="2" color="#0000ff"><br>~~~~漪唲觀後語~~~~</br></font></p>

<br>
</td>
</tr>
</table>
</p>

【文章加背景圖方式】結果：

幻燈片名叫做《我不知道我是誰》

25年前！
有一位老師曾經製作了一集很不錯的幻燈片！
幻燈片名叫做《我不知道我是誰》
內容涵意為：
世上的每一個人都生活在陌生的環境中！
每個人每天都必須戴上不同的假面具！
在各種不同的人生舞台上！
時時扮演著虛偽的角色！
沒有人真正的了解到別人與自我！
包括自己！
只有在夜深人靜之時！
無奈的退去臉上虛假的面具！
孤獨的陪伴著內心真實的自我！
~~~~漪唲觀後語~~~~

【文章左側加圖片介紹方式】

<p align="center">
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="center">

<p align="center"><img src="http://圖片網址" border="0" alt=""圖片說明"" width="圖片寬度設定"></a></p>

</td>
<td align="left">

~~~文章張貼處~~~
</td>
</tr>
</table>
</p>

【文章左側加圖片介紹方式】範例：

<p align="center">
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="center">

<p align="center"><a href="http://www.kinmen.gov.tw/" target="_blank"><img src="http://home.educities.edu.tw/nkhs9323005/logo1kinmen.jpg" border="0" alt=""【馳名國際的→金門】"" width="260"></a></p>
<p align="center"><a href="http://www.kinmen.gov.tw/" target="_blank"><img src="http://home.educities.edu.tw/nkhs9323005/gif0442.gif" border="0" alt=""【馳名國際的→金門】"" width="260"></a></p>

</td>
<td align="left">

<p align="left">
<pre>

【馳名國際的→金門】

金門在台灣海峽的西南方海域
為增進海峽兩岸三地的交流
目前已開放小三通
並開放可前往金門觀光旅遊

金門漪唲只去過一次
巍峨的太武山聳立島中
花崗岩鋼鐵般的地質可是戰時的保命之所
40年代八二三砲戰說的就是此地
天氣好時
確實可以清楚地看見廈門居民的穿著
與一舉一動
就連說話也是兩岸互相皆可清楚地聽到.
這當然是要靠馬山喊話站的小姐們來傳話
馬山喊話站的小姐們
可是天天唱著美妙的歌曲給廈門居民聽喔

馳名國際的金門高梁酒是此地的特產
下次有機會再遊金門時
可別忘記多帶幾瓶金門高梁酒回去品嚐喔

</pre>
</p>

</td>
</tr>
</table>
</p>

【文章左側加圖片介紹方式】結果：

【馳名國際的→金門】

金門在台灣海峽的西南方海域 
為增進海峽兩岸三地的交流 
目前已開放小三通
並開放可前往金門觀光旅遊
 
金門漪唲只去過一次 
巍峨的太武山聳立島中
花崗岩鋼鐵般的地質可是戰時的保命之所 
40年代八二三砲戰說的就是此地 
天氣好時
確實可以清楚地看見廈門居民的穿著
與一舉一動 
就連說話也是兩岸互相皆可清楚地聽到. 
這當然是要靠馬山喊話站的小姐們來傳話 
馬山喊話站的小姐們
可是天天唱著美妙的歌曲給廈門居民聽喔
 
馳名國際的金門高梁酒是此地的特產 
下次有機會再遊金門時 
可別忘記多帶幾瓶金門高梁酒回去品嚐喔

【文章右側加圖片介紹方式】

<p align="center">
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="left">

~~~文章張貼處~~~
</td>
<td align="center">

<p align="center"><img src="http://圖片網址" border="0" alt=""圖片說明"" width="圖片寬度設定"></a></p>

</td>
</tr>
</table>
</p>

【文章右側加圖片介紹方式】範例：

<p align="center">
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="left">

<p align="center">
【<a href="http://hk.geocities.yahoo.com/" target="_blank">Yahoo!</a>免費<a href="http://hk.geocities.yahoo.com/" target="_blank">個人網頁</a>空間】
<br>
<br>
免費<a href="http://hk.geocities.yahoo.com/" target="_blank">個人網頁</a>空間有
<br>
<a href="http://hk.geocities.yahoo.com/" target="_blank">Yahoo!雅虎香港geocities地球村</a> 15mb
<br>
<br>
首先進入<a href="http://hk.geocities.yahoo.com/" target="_blank">Yahoo!雅虎香港geocities地球村</a>
<br>
你必須有<a href="http://tw.yahoo.com/" target="_blank">Yahoo!奇摩</a>會員帳號
<br>
<br>
第一次進入會要你遵守一些規定
<br>
你就按同意就行了
</p>

</td>
<td align="center">

<p align="center"><a href="http://hk.yahoo.com/" target="_blank"><img src="http://home.educities.edu.tw/nkhs9323005/logo1hkyahoo.gif" border="0" alt=""Yahoo!雅虎香港"" width="200"></a></p>
<p align="center"><a href="http://hk.geocities.yahoo.com/" target="_blank"><img src="http://home.educities.edu.tw/nkhs9323005/logo1hkgeocitiesyahoo.gif" border="0" alt=""Yahoo!雅虎香港GeoCities地球村"" width="300"></a></p>

</td>
</tr>
</table>
</p>

【文章右側加圖片介紹方式】結果：

【Yahoo!免費個人網頁空間】

免費個人網頁空間有
Yahoo!雅虎香港geocities地球村 15mb

首先進入Yahoo!雅虎香港geocities地球村
你必須有Yahoo!奇摩會員帳號

第一次進入會要你遵守一些規定
你就按同意就行了

★【簡單基本語法教學2006練習入門】★
http://home.educities.edu.tw/nkhs9323005/HTMLindex.htm

★【所謂的語法是什麼呢?】語法概要說明★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=12372

★【Yahoo!香港雅虎GeoCities地球村】★
http://hk.geocities.yahoo.com/

★【Yahoo!香港雅虎GeoCities地球村輔助說明】★
http://help.yahoo.com/help/hk/geo/

★【Yahoo!雅虎香港geocities地球村個人網頁製作方式】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=17553

★【字體設定】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=11180

★【照片圖片加各式相框方式】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=16419

★【語法測試區】語法B1★
http://home.educities.edu.tw/nkhs9323005/B1.htm

★【顏色數碼表】語法B2★
http://home.educities.edu.tw/nkhs9323005/B2.htm

★【背景圖片】語法YY55★
http://home.educities.edu.tw/nkhs9323005/YY55.htm

★【gif插圖區】語法YY6★
http://home.educities.edu.tw/nkhs9323005/YY6.htm

★【文章編輯方式】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=18268

星羽發表在痞客邦留言(1) 人氣()

個人分類：部落格教學/css語法

▲top

Jul 01 Thu 2010 11:15
【常用語法區】語法B12

【常用語法區】語法B12

看不到效果時，請至http://java.com/zh_TW/download/index.jsp安裝java軟體

【常用語法區】語法B12

【常用語法區】語法B12
http://home.educities.edu.tw/nkhs9323005/B12.htm
【常用語法區】
http://home.educities.edu.tw/nkhs9323005/B12.htm
【語法測試區】
http://home.educities.edu.tw/nkhs9323005/B1.htm
【顏色數碼表】
http://home.educities.edu.tw/nkhs9323005/B2.htm

【改變字的大小顏色】
語法：
<font size="字的大小" color="#色碼">輸入你要的字</font>

範例：
<font size="5" color="#ffff00">你會了嗎</font>

【變色文字】
語法：
<img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">輸入你要出現的字</font>

範例：
<img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">你看到字體在變色的效果了嗎</font>

【立體文字】
語法：
<div style="FILTER: shadow(color=陰影色碼); WIDTH: 460px; HEIGHT: 30px"><font color="#文字色碼" size="文字大小">輸入你要寫的字</div></font>

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

【發亮文字】
語法：
<font color=字體顏色 size=字體大小 face=字體 style=width:100%;filter:glow(color=陰影顏色)>輸入你要出現的字</font>

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

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

範例：
<font style=width:100%;filter:glow(color=#8080ff,strength=50)><center>常用語法</center></font>

【文字超連結】
語法：
<a href="你要超連結網址" target="連結開啟方式">你要出現的字</a>

範例：
<a href="http://home.kimo.com.tw/nkhs9323005/" target="_blank">漪唲的家</a>

【貼圖】
語法：
<img src="圖片網址" width="圖片顯示寬度尺寸" height="圖片顯示高度尺寸">

範例：
<img src="http://home.educities.edu.tw/nkhs9323005/gif0398.gif" width="88" height="31">

說明：
"圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址"

【矇朧圖片】
語法：
<img src="圖片網址" style="filter:Alpha(opacity=100,style=三種變化(1至3));">

範例：
<img src="http://home.educities.edu.tw/nkhs9323005/jpg0137.jpg" style="filter:Alpha(opacity=100,style=2);">

【圖片文字】
語法：
<TABLE height=圖片高度 width=圖片寬度 align=center background=圖片網址 border=6> <TD style="FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)" align=middle height=54><FONT face=MingLiU color=#8c96b5 size=6>輸入你要出現的字</FONT></TD></TABLE>

範例：
<TABLE height=170 width=420 align=center background=http://home.educities.edu.tw/nkhs9323005/gif0384.gif border=6> <TD style="FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)" align=middle height=54><FONT face=MingLiU color=#8c96b5 size=6>★常用語法★</FONT></TD></TABLE>

【圖片超連結】
語法：
<a href="你要連結網址" target="視窗開啟方式"><img src="圖片網址" alt=""""網頁說明"""" width="圖片的寬度" height="圖片的高度"></a>

範例：
<a href="http://home.educities.edu.tw/nkhs9323005/" target="_blank"><img border=0 src="http://home.educities.edu.tw/nkhs9323005/logo8nkhs9323005.gif" alt=""""咿咡緦的家"""" width="88" height="31"></a>

【水中倒影】
語法：
<img id="reflect" src="圖片網址"><br><script language="JavaScript1.2"> function f1(){setInterval("mdiv.filters.wave.phase+=10",100);} if (document.all){document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1} </script>

範例：
<img id="reflect" src="http://home.educities.edu.tw/nkhs9323005/gif0275.gif"><br><script language="JavaScript1.2"> function f1(){setInterval("mdiv.filters.wave.phase+=10",100);} if (document.all){document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1} </script>

【背景音樂】
語法：
<bgsound src="音樂檔網址" loop="infinite">

範例：
<bgsound src="http://home.educities.edu.tw/nkhs9323005/mid047.mid" loop="infinite">

【REAL音樂播放】
語法：
<embed src="音樂檔網址" width="播放器寬度" height="播放器高度" autostart="true" controls="controlpanel" type="audio/x-pn-realaudio-plugin">

範例：
<embed src="http://home.educities.edu.tw/nkhs9323005/mid047.mid" width="250" height="25" autostart="true" controls="controlpanel" type="audio/x-pn-realaudio-plugin">

【Media&MTV與Flash播放】
語法：
<embed src="音樂檔網址" width=播放器寬度 height=播放器高度>

範例：
<embed src="http://cartoonfile.163.com/source/2479/myisgirl.swf" width=410 height=345>

【背景圖】
語法：
<body background="背景網址" bgproperties="fixed">

範例：
<body background="http://home.educities.edu.tw/nkhs9323005/back0053.jpg" bgproperties="fixed">

【跑馬燈(由右向左)】
語法：
<marquee>輸入你要寫的字</marquee>

範例：
<marquee>這樣子你明白了嗎</marquee>

【跑馬燈(由左向右)】
語法：
<marquee direction="right;>輸入你要寫的字</marquee>

範例：
<marquee direction="right">這樣子你明白了嗎</marquee>

【跑馬燈(交替)來回跑】
語法：
<marquee behavior="alternate">輸入你要寫入的字</marquee>

範例：
<marquee behavior="alternate">跑馬燈都會了吧</marquee>

【跑馬燈(合併)】
語法：
<marquee direction=right width=88 height="16">輸入左邊出現的字</marquee><marquee direction=left width=86 height="16">輸入左邊出現的字</marquee>

範例：
<marquee direction=right width=88 height="16">這是左邊文字</marquee><marquee direction=left width=86 height="16">這是右邊文字</marquee>

【字往上移】
語法：
<MARQUEE scrollAmount=字跑的速度 direction=up>輸入你要寫的字</MARQUEE>

範例：
<MARQUEE scrollAmount=1 direction=up>這是第一行<p>這是第二行</MARQUEE>

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

【字往上移模糊背景】
語法：
<MARQUEE style="FONT-SIZE: 13pt; FILTER: Alpha(Opacity=200, <br>FinishOpacity=0,Style=2,StartX=150, StartY=150, FinishX=0, FinishY=0); WIDTH: 寬度px; COLOR: blue; FONT-FAMILY: 標楷體; HEIGHT: 高度px; TEXT-ALIGN: center" scrollAmount="2" scrollDelay="100" direction="up" width="528" bgColor="背景顏色" height="390" align="middle" border="0">輸入你要出現的字<p>這是第二行</MARQUEE>

範例：
<MARQUEE style="FONT-SIZE: 13pt; FILTER: Alpha(Opacity=200, <br>FinishOpacity=0,Style=2,StartX=150, StartY=150, FinishX=0, FinishY=0); WIDTH: 528px; COLOR: blue; FONT-FAMILY: 標楷體; HEIGHT: 390px; TEXT-ALIGN: center" scrollAmount="2" scrollDelay="100" direction="up" width="528" bgColor="#9FC800" height="390" align="middle" border="0">這是第一行<p>這是第二行</MARQUEE>

【飄動的字】
語法：
<marquee><marquee direction="up" behavior="alternate" width="400" height="100">打上你要出現的字</marquee></marquee>

範例：
<marquee><marquee direction="up" behavior="alternate" width="400" height="100">看到我了嗎</marquee></marquee>

【上下擺動】
語法：
<font size="字體大小" face="字體" color="字體顏色"><marquee direction="up" behavior="alternate" width="寬度" height="擺動的高度">輸</marquee>

範例：
<font size="4" face="標楷體" 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>

說明：
每增加一行就可增加一個字的擺動

【飄落文字】
語法：
<marquee scrollamount="3" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="4" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="5" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="6" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="7" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="8" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="9" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="10" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee>

範例：
<marquee scrollamount="3" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="4" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="5" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="6" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="7" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="8" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="9" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee><marquee scrollamount="10" direction="down" width="60" height="80"><font size="5" color="#788aff">水</font></marquee>

【流星雨】
語法：
<MARQUEE direction="down" height="150"><MARQUEE direction="left" scrollAmount="15"><FONT color="pink">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="12"><FONT color="deeppink">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="9"><FONT color="skyblue">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="6"><FONT color="#ff99ff">　　／<BR>★</FONT></MARQUEE><BR><MARQUEE direction="left" scrollAmount="3"><FONT color="#33cc99">　　／<BR>★</FONT></MARQUEE><BR></MARQUEE>

範例：
<MARQUEE direction="down" height="150"><MARQUEE direction="left" scrollAmount="15"><FONT color="pink">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="12"><FONT color="deeppink">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="9"><FONT color="skyblue">　　／<BR>★</FONT></MARQUEE><MARQUEE direction="left" scrollAmount="6"><FONT color="#ff99ff">　　／<BR>★</FONT></MARQUEE><BR><MARQUEE direction="left" scrollAmount="3"><FONT color="#33cc99">　　／<BR>★</FONT></MARQUEE><BR></MARQUEE>

【流星雨二】
語法：
<MARQUEE behavior=alternate scrollAmount=100 width=90%><FONT color=pink>★</FONT></MARQUEE><MARQUEE behavior=alternate scrollAmount=120 width=80%><FONT color=hotpink>★</FONT></MARQUEE><MARQUEE behavior=alternate scrollAmount=150 width=90%><FONT color=deeppink>★</FONT></MARQUEE><MARQUEE direction=down height=100><MARQUEE direction=left scrollAmount=10><FONT color=violet>　　／<BR> ★<br></FONT></MARQUEE><MARQUEE direction=left scrollAmount=10><FONT color=tomato>　　／<BR>★</FONT></MARQUEE><MARQUEE direction=left scrollAmount=8><FONT color=salmon>　　／<BR>★</FONT></MARQUEE></MARQUEE>

範例：
<MARQUEE behavior=alternate scrollAmount=100 width=90%><FONT color=pink>★</FONT></MARQUEE><MARQUEE behavior=alternate scrollAmount=120 width=80%><FONT color=hotpink>★</FONT></MARQUEE><MARQUEE behavior=alternate scrollAmount=150 width=90%><FONT color=deeppink>★</FONT></MARQUEE><MARQUEE direction=down height=100><MARQUEE direction=left scrollAmount=10><FONT color=violet>　　／<BR> ★<br></FONT></MARQUEE><MARQUEE direction=left scrollAmount=10><FONT color=tomato>　　／<BR>★</FONT></MARQUEE><MARQUEE direction=left scrollAmount=8><FONT color=salmon>　　／<BR>★</FONT></MARQUEE></MARQUEE>

【字加流星】
語法：
<font color="#色碼" style=background:url(底圖網址)>輸入你要寫的字</font>

範例：
<font color="#EE0005" style=background:url(http://home.educities.edu.tw/nkhs9323005/gif0434.gif)>這樣子你會了嗎??</font>

【字加流星(移動)】
語法：
<marquee behavior=scroll><font style=background:url(底圖網址)> <font color=#色碼 size=字體大小>輸入你要寫的字</font>

範例：
<marquee behavior=scroll><font style=background:url(http://home.educities.edu.tw/nkhs9323005/gif0434.gif)><font color=#ffffca size=4>這樣子你會了嗎</font>

【閃動的字】
語法：
<font size=字的大小 style=background:url(底圖網址)>輸入你要寫的字</font>

範例：
<font size=4 style=background:url(http://home.educities.edu.tw/nkhs9323005/gif0435.gif)>看到效果了嗎</font>

【閃動的字(移動)】
語法：
<font size=字的大小 style=background:url(底圖網址)><marquee>輸入你要寫的字</marquee></font>

範例：
<font size=4 style=background:url(http://home.educities.edu.tw/nkhs9323005/gif0435.gif)><marquee>輸入你要寫的字</marquee></font>

【流星雨字(移動))】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="SpaceScroller.class" width="背景寬度" height="背景高度" setTimeout("scrolling()",100)><param name="text"value="輸入你要寫的字"><param name="fontsize" value="20"><param name="textcolor" value="#色碼"><param name="textspeed" value="5"></applet></FONT>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="SpaceScroller.class" width="560" height="30" setTimeout("scrolling()",100)><param name="text"value="看到效果了吧"><param name="fontsize" value="20"><param name="textcolor" value="#ff00ff"><param name="textspeed" value="5"></applet></FONT>

【文字效果(移動)】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="pixelspray.class" align="baseline" width="寬度" height="高度"> <param name="foreground" value="改變字的顏色"> <param name="foreground2" value="FF00FF"> <param name="background" value="底色"> <param name="fontsize" value="字的大小"> <param name="font" value="Arial"> <param name="isbold" value="Yes"> <param name="isitalic" value="no"> <param name="methodlist" value="1,2,3,4,5,6,7,8,9,10,11,12"> <param name="random" value="no"> <param name="delay" value="字出現的速度"> <param name="showtime" value="3000"> <param name="emitx" value="100"> <param name="emity" value="0"> <param name="emitz" value="1000"> <param name="textz" value="200"> <param name="beamwidth" value="30"> <param name="pixeldist" value="1"> <param name="emitrate" value="40"> <param name="usefog" value="yes"> <param name="textdispx" value="0"> <param name="textdispy" value="0"> <param name="item0" value="輸入第一行出現的字"> <param name="item1" value="第二行"> <param name="item2" value="第三行"> <param name="item3" value="第四行"> </applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="pixelspray.class" align="baseline" width="350" height="50"> <param name="foreground" value="FF00FF"> <param name="foreground2" value="FF00FF"> <param name="background" value="000000"> <param name="fontsize" value="20"> <param name="font" value="Arial"> <param name="isbold" value="Yes"> <param name="isitalic" value="no"> <param name="methodlist" value="1,2,3,4,5,6,7,8,9,10,11,12"> <param name="random" value="no"> <param name="delay" value="80"> <param name="showtime" value="3000"> <param name="emitx" value="100"> <param name="emity" value="0"> <param name="emitz" value="1000"> <param name="textz" value="200"> <param name="beamwidth" value="30"> <param name="pixeldist" value="1"> <param name="emitrate" value="40"> <param name="usefog" value="yes"> <param name="textdispx" value="0"> <param name="textdispy" value="0"> <param name="item0" value="耶誕節近了"> <param name="item1" value="祝福您有個愉快的耶誕假期"> <param name="item2" value="記得與遠方的親友們"> <param name="item3" value="互道平安與祝福"> </applet>

【彩虹看板】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="RainbowText.class" align="center" width="寬" height="高"><param name="text" value="輸入你要寫的字"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="RainbowText.class" align="center" width="450" height="40"><param name="text" value="怎麼樣夠炫了吧"></applet>

【波浪彩虹】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="colors.class" width="寬" height="高"><param name="test" value="輸入你要出現的字"><param name="delay" value="60"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="colors.class" width="450" height="60"><param name="test" value="我來灌水灌水灌灌水"><param name="delay" value="60"></applet>

【流瀉文字】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="rtjmc001.class" width="寬" height="高"><param name="text" value="輸入你要出現的字"><param name="bgcolor" value="000000"><param name="fgcolor" value="ffff00"><param name="seed1" value="6"><param name="bgeff" value="d"><param name="bgeff2" value="b"><param name="tface" value="o"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="rtjmc001.class" width="450" height="60"><param name="text" value="看到了沒有"><param name="bgcolor" value="000000"><param name="fgcolor" value="ffff00"><param name="seed1" value="6"><param name="bgeff" value="d"><param name="bgeff2" value="b"><param name="tface" value="o"></applet>

【流瀉文字二】
語法：
<APPLET height=75 width=550 codebase="http://home.educities.edu.tw/nkhs9323005/" code=rtjmc001.class><PARAM NAME="speed" VALUE="4"><PARAM NAME="bgeff" VALUE="d"><PARAM NAME="bgeff2" VALUE="b"><PARAM NAME="scrt" VALUE="s"><PARAM NAME="tface" VALUE="o"><PARAM NAME="teff" VALUE="d"><PARAM NAME="text" VALUE="輸入你要出現的字"><PARAM NAME="bgcolor" VALUE="改變背景色彩"><PARAM NAME="fgcolor" VALUE="f0f0f0"><PARAM NAME="col1" VALUE="ff0000"><PARAM NAME="col2" VALUE="000000"><PARAM NAME="col3" VALUE="000000"><PARAM NAME="col4" VALUE="0000ff"><PARAM NAME="ecol1" VALUE="008000"><PARAM NAME="ecol2" VALUE="000000"><PARAM NAME="ecol3" VALUE="000000"><PARAM NAME="ecol4" VALUE="000000"><PARAM NAME="seed1" VALUE="-3"></APPLET>

範例：
<APPLET height=75 width=550 codebase="http://home.educities.edu.tw/nkhs9323005/" code=rtjmc001.class><PARAM NAME="speed" VALUE="4"><PARAM NAME="bgeff" VALUE="d"><PARAM NAME="bgeff2" VALUE="b"><PARAM NAME="scrt" VALUE="s"><PARAM NAME="tface" VALUE="o"><PARAM NAME="teff" VALUE="d"><PARAM NAME="text" VALUE="看到了效果了嗎!! ^_^ !!"><PARAM NAME="bgcolor" VALUE="000000"><PARAM NAME="fgcolor" VALUE="f0f0f0"><PARAM NAME="col1" VALUE="ff0000"><PARAM NAME="col2" VALUE="000000"><PARAM NAME="col3" VALUE="000000"><PARAM NAME="col4" VALUE="0000ff"><PARAM NAME="ecol1" VALUE="008000"><PARAM NAME="ecol2" VALUE="000000"><PARAM NAME="ecol3" VALUE="000000"><PARAM NAME="ecol4" VALUE="000000"><PARAM NAME="seed1" VALUE="-3"></APPLET>

【彩球文字】
語法：
<applet codebase="http://home.kimo.com.tw/nkhs9323005/" code="rtjmc001.class" width="寬" height="高"> <param name="speed" value="24"> <param name="bgeff" value="s"> <param name="bgeff2" value="b"> <param name="scrt" value="s"> <param name="tface" value="o"> <param name="teff" value="d"> <param name="text" value="輸入妳要出現的字"> <param name="bgcolor" value="000090"> <param name="fgcolor" value="字體顏色"> <param name="col1" value="ff0000"> <param name="col2" value="000000"> <param name="col3" value="000000"> <param name="col4" value="0000ff"> <param name="ecol1" value="008000"> <param name="ecol2" value="000000"> <param name="ecol3" value="000000"> <param name="ecol4" value="000000"> <param name="seed1" value="1"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="rtjmc001.class" width="360" height="90"> <param name="speed" value="24"> <param name="bgeff" value="s"> <param name="bgeff2" value="b"> <param name="scrt" value="s"> <param name="tface" value="o"> <param name="teff" value="d"> <param name="text" value="看到了效果了嗎"> <param name="bgcolor" value="000090"> <param name="fgcolor" value="ffff00"> <param name="col1" value="ff0000"> <param name="col2" value="000000"> <param name="col3" value="000000"> <param name="col4" value="0000ff"> <param name="ecol1" value="008000"> <param name="ecol2" value="000000"> <param name="ecol3" value="000000"> <param name="ecol4" value="000000"> <param name="seed1" value="1"></applet>

【火中文字】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="flame.class" width="300" height="100"><param name="text" value="輸入你要出現的字"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="flame.class" width="300" height="100"><param name="text" value="失火囉！"></applet>

【文字看板】
語法：
<APPLET height=高度 width=寬度 codebase="http://home.educities.edu.tw/nkhs9323005/" code=OCVscroll.class><PARAM NAME="bgcolor" VALUE="250,250,250"><PARAM NAME="centertext" VALUE="true"><PARAM NAME="scrolldelay" VALUE="25"><PARAM NAME="desc0" VALUE="心情小語"><PARAM NAME="desc1" VALUE="────────────"><PARAM NAME="desc2" VALUE="詠華山"><PARAM NAME="desc3" VALUE="遠看華山黑糊糊上頭細來下頭粗若把華山倒過來下頭細來上頭粗"><PARAM NAME="desc4" VALUE="────────────"><PARAM NAME="desturl0" VALUE=" "><PARAM NAME="delay0" VALUE="3000"><PARAM NAME="hlcolor" VALUE="100,255,180"><PARAM NAME="lrmargins" VALUE="10"><PARAM NAME="Notice" VALUE="Smooth Scroll Up II, (c) 1997, OpenCube Technologies, Unregistered"><PARAM NAME="size0" VALUE="20"><PARAM NAME="size1" VALUE="12"><PARAM NAME="size2" VALUE="16"><PARAM NAME="size3" VALUE="12"><PARAM NAME="textcolor0" VALUE="250,0,0"><PARAM NAME="textcolor2" VALUE="0,0,250"></APPLET>

範例：
<APPLET height=150 width=160 codebase="http://home.educities.edu.tw/nkhs9323005/" code=OCVscroll.class><PARAM NAME="bgcolor" VALUE="250,250,250"><PARAM NAME="centertext" VALUE="true"><PARAM NAME="scrolldelay" VALUE="25"><PARAM NAME="desc0" VALUE="心情小語"><PARAM NAME="desc1" VALUE="────────────"><PARAM NAME="desc2" VALUE="詠華山"><PARAM NAME="desc3" VALUE="遠看華山黑糊糊上頭細來下頭粗若把華山倒過來下頭細來上頭粗"><PARAM NAME="desc4" VALUE="────────────"><PARAM NAME="desturl0" VALUE=" "><PARAM NAME="delay0" VALUE="3000"><PARAM NAME="hlcolor" VALUE="100,255,180"><PARAM NAME="lrmargins" VALUE="10"><PARAM NAME="Notice" VALUE="Smooth Scroll Up II, (c) 1997, OpenCube Technologies, Unregistered"><PARAM NAME="size0" VALUE="20"><PARAM NAME="size1" VALUE="12"><PARAM NAME="size2" VALUE="16"><PARAM NAME="size3" VALUE="12"><PARAM NAME="textcolor0" VALUE="250,0,0"><PARAM NAME="textcolor2" VALUE="0,0,250"></APPLET>

【速動文字】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="Slidetext.class" width="450" height="24"><param name="text" value="輸入你要出現的字"><param name="size" value="18"><param name="txtcolor" value="2F5E2F"><param name="sleep" value="3000"><param name="speed" value="2"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="Slidetext.class" width="450" height="24"><param name="text" value="我來給你加油打氣灌水囉"><param name="size" value="18"><param name="txtcolor" value="2F5E2F"><param name="sleep" value="3000"><param name="speed" value="2"></applet>

【跳躍文字】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/"code="lineshow.class" width="寬" height="高"><param name="text" value="輸入你要出現的字"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/"code="lineshow.class" width="450" height="60"><param name="text" value="看到了嗎"></applet>

【打字效果】
語法：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="TypeWriterScroller.class" width="寬" height="高"><param name="message" value="\n從這裡輸入你要出現的字"><param name="text_color" value="0000ff"></applet>

範例：
<applet codebase="http://home.educities.edu.tw/nkhs9323005/" code="TypeWriterScroller.class" width="450" height="90"><param name="message" value="\n從這裡輸入你要出現的字\n第二行的字看到了嗎\n第三行會了嗎\n自行增加字"><param name="text_color" value="0000ff"></applet>

【常用語法區】語法B12
http://home.educities.edu.tw/nkhs9323005/B12.htm
【常用語法區】
http://home.educities.edu.tw/nkhs9323005/B12.htm
【語法測試區】
http://home.kimo.com.tw/nkhs9323005/B1.htm
【顏色數碼表】
http://home.educities.edu.tw/nkhs9323005/B2.htm

★【語法測試區】語法B1★
http://home.educities.edu.tw/nkhs9323005/B1.htm

★【常用語法】語法C14★
>http://home.educities.edu.tw/nkhs9323005/C14.htm

★【常用語法區】語法B12★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=11407

星羽發表在痞客邦留言(8) 人氣()

個人分類：部落格教學/css語法

▲top

Jul 01 Thu 2010 10:42
[Yahoo部落格教學]琳達教學：在部落格裡放置改變文字大小的工具

琳達教學：在部落格裡放置改變文字大小的工具
有人曾告訴過你，你格子裡的文字太小看不清楚嗎?
或是怕來訪的電腦營幕太小，而導致看不清楚字幕嗎?
在日本網站琳達發現一個相當〝讚〞的「文字拡大ツール」
這一款工具可讓你格子中的訪客自己選擇文字的大小
有二款格式，琳達都將語法整理出來好讓格友選擇款式
適合放至在管理自訂欄位(最高限制五個喲~)，格式尺寸大小琳達都設定好囉~
只要將語法先複製好進入到管理部落格管理自訂欄位將語法貼在自訂欄位內容打上自訂欄位名稱(限七個字) 按儲存回到我的部落格
很簡單的就可以將好用的工具放在你的部落格裡囉~

款式一

複製語法: <div style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; PADDING-BOTTOM: 4px; MARGIN: 3px; BORDER-LEFT: gray 1px solid; WIDTH: 135px; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: center">
<div><a href="http://www.50ism.com/blogsize/"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 10px; BORDER-RIGHT-WIDTH: 0px" src="http://www.50ism.com/images/size/tooltitle.gif" /></a></div><br>
<div><a href="http://www.50ism.com/blogsize/size/index.php?size=large" target=_top><img src="http://www.50ism.com/images/size/big.gif" border=0 /></a><a href="http://www.50ism.com/blogsize/size/index.php?size=medium" target=_top><img src="http://www.50ism.com/images/size/medium.gif" border=0 /></a><a href="http://www.50ism.com/blogsize/size/index.php?size=small" target=_top><img src="http://www.50ism.com/images/size/small.gif" border=0 /></a></div>

款式二

複製語法: <div style="text-align:center; padding-bottom:4px; border:1px solid gray; margin:3px; background-color:white; width:135px;"><div><a href="http://www.50ism.com/blogsize/"><img src="http://www.50ism.com/images/size/tooltitle.gif" style="margin-bottom:10px; border: 0px;"></a></div><br><div><a href="http://www.50ism.com/blogsize/size/index.php?size=large" target="_top"><img src="http://www.50ism.com/images/size/big.gif" width="40" height="40" border="0"/></a><a href="http://www.50ism.com/blogsize/size/index.php?size=medium" target="_top"><img src="http://www.50ism.com/images/size/medium.gif" width="40" height="40" border="0"/></a><a href="http://www.50ism.com/blogsize/size/index.php?size=small" target="_top"><img src="http://www.50ism.com/images/size/small.gif" width="40" height="40" border="0"/></a></div></div>

本資料來源：
以上由整理分享

星羽發表在痞客邦留言(0) 人氣()

個人分類：部落格教學/css語法

▲top

Jun 19 Sat 2010 11:25
BB［教學］破解靠左語法不能加框問題

【發表感言】

噎噎噎噎!第一次來發表澆水文呢xD 是教學喇(夠了你...

話說要先感謝漾苺分享的部落格版型靠左格式語法/★

但是在這次的改版中我才發現套用靠左語法不能用部落格框邊吶!

所以咧...就開始研究喇xD 而且除了研發出可以加邊框的靠左語法

我還發現靠右語法噢!(哇哈哈.... 無言了....

※ 可以加部落格邊框但是虛線框還是不行噢!

靠左語法(可加邊框)【★/點我看使用前預覽圖/★點我看使用後預覽圖】

BODY {
Font-Family:verdana;
Font-Size:10px;
LINE-HEIGHT:130%;
MARGIN:0px 450px 0px 0px;
WIDTH:0%;
COLOR:#fff;
background-color:#fff;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 50%;}
.ycnt3col {position:relative;zoom:1 !important;}

靠右語法(可加邊框)【★/點我看使用後預覽圖】

BODY {
Font-Family:verdana;
Font-Size:10px;
LINE-HEIGHT:130%;
MARGIN:0px 0px 0px 228px;
WIDTH:0%;
COLOR:#fff;
background-color:#fff;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 50%;}
.ycnt3col {position:relative;zoom:1 !important;}

【希望你遵守噎噎】※ 如有語法不當/圖片失連也請告知噢!

請正確引用此文章噢/樂果嚴禁從文章摘下

品牌標籤請勿更換吶/引用前請先正確回應

【它是本舖最新彩妝噎】

【這裡有捷徑可以直達日記本子/ 參觀購物/ 搭小黃回家】

【BB/版權 ※ Miku V.S Black★Rock Shooter 創作樂園】

星羽發表在痞客邦留言(0) 人氣()

個人分類：部落格教學/css語法

▲top

Jun 19 Sat 2010 11:20
[ 自定欄簡單活動排名表語法系列 ] 夢羽教學

【 + - - - -Ｃｕｔｅ * Ｍｏｎg * Ｗｉｎｇ- - - - + 】

帶走前請先告知版主，已確定以使用本產品 ! !

版產物純手工(除了圖片以外)，所以請勿批評作品 ! !

加工產品時請獲得版主同意，否則若發現一律視同小白 ! !

【 + - - Mong Wing * Link - - + 】

若有更創新點子請進入【申請作品區】發揮你的想像力將靈感寄出吧

有任何不懂的問題都請到請到【資訊留言板】留下足跡加以討論

找不到夢羽的作品可到【作品地圖收尋】尋找文章

【 + - - Mong Wing * Logo - - + 】

*請務必帶走本站樂果*

----------------------------------------------------------------------

【 + - - Design by Mong Wing * 作品預覽 - - + 】

----------------------------------------------------------------------

【 + - - Mong Wing * 索取部落格語法 - - + 】

[ 排名活動表(三格) ]

[ 自訂單格教學 ]

<table cellSpacing="2" cellPadding="2" align="center" border="1">
<tbody>
<tr>
<td align="left" bgColor="#b4b4b4">
<p align="center">匿名</p>
</td>
<td align="left" bgColor="#b4b4b4">
<p align="center">排名</p>
</td>
<td align="left" bgColor="#b4b4b4">
<p align="center">得票數</p>
</td></tr>
<tr>

第一部份這為名稱，且務必要填放

第二部份這為下表(一格)，可自由選擇要放幾格，若排放前三名，就貼三次以上語法

第三部份這裡連接著第二部份語法(此功能為：票數未定時空白處)，此格可放可不放

----------------------------------------------------------------------

【 + - - Mong Wing * 商品使用說明 - - + 】

+使用方法+

複製語法貼在自訂欄位中

+注意事項+

１. 本商品只適用於文章中以及部落格中

２. 請複製全部語法，若少一字將完全失效，後果不負責

３. 若圖片有任何損壞請勿自行修復，應立即通知

----------------------------------------------------------------------

【 + - - Mong Wing * 分享專區 - - + 】

【自製—版型創作】【自製—卡漫少女】【自制—超萌卡漫】【自制—其他製品】

【教學–Css語法】【教學–正確引用】【教學–時尚欄位】【教學–文章卷軸】

----------------------------------------------------------------------

【 + - - Mong Wing * 本站網址 - - + 】

++ Design By Mong Wing – http://tw.myblog.yahoo.com/bluesky-mongwing/ ++

----------------------------------------------------------------------

星羽發表在痞客邦留言(4) 人氣()

個人分類：部落格教學/css語法

▲top

Jun 19 Sat 2010 11:18
【所有隱藏語法統整】璃玥玥基本教學

分享一些小小的隱藏語法,對不太懂語法的人稍微有幫助 =D*

不要隱藏這段語法:(你自己會無法進入管理介面)

#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;display:none;}

您希望在某一篇文章不被引用嗎？

在該篇文章最後面加入隱藏引用按鈕語法：

( 注意！不能加在自訂樣式中，否則所有引用按鈕都會隱藏 )

/*隱藏文章發表日期*/
#ypartsingle .date,#yarticle .date {display:none}

*/隱藏奇摩頁首頁尾*/
#yhtw_masthead, #yhtw_mastfoot{display:none;}

/*隱藏框線*/
.ycntmod .rctop {background:none;}
.ycntmod .rctop div {background:none;}
.ycntmod .rcbtm {background:none;}
.ycntmod .rcbtm div {background:none;}
.ycntmod .rcl {background:none;}
.ycntmod .rcr {background:none;}

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}

/*隱藏標題(包括訂閱)*/
#yblogtitle {display:none}

隱藏所有標題文字(包括自訂格名)

適合應用加在格式二，最好配合訂閱圖示位置調整
#yblogtitle .text {display:none}

*/隱藏左右欄位標題 Blog category list module*/
.yc3sec .mhd,.yc3sub .mhd{display:none}

*/隱藏最新文章欄位標題*/
.yc3pribd .mhd{display:none}

/*隱藏設定小方圖*/
#yblogtitle .edit {display:none;}

/*隱藏標題按鍵組*/
#yblogtitle .tft div a span{display:none;}

/*隱藏回應按鈕*/
div.btncomment a {display:none;}

/*隱藏回應欄位*/
#rtemodule {display:none;}

/*隱藏留言時間*/
#ymsgboard .date {display:none}

/*隱藏文章發表日期*/
#ypartsingle .date,#yarticle .date {display:none}

/*隱藏格名語法*/
#yblogtitle a {display:none;}

*/隱藏招呼語圖框我要留言字樣*/
#yblast .text a{display:none;}

*/隱藏留言板欄位*/
#ymodmsgbd h3{display:none;}

*/隱藏相簿*/
#ymodalbum{display:none;}

*/隱藏更新日期*/
#ymodupdate{display:none;}

*/隱藏個人性別圖*/
#ymodprf .horos img{display:none;}

*/隱藏個人星座*/
#ymodprf .nickname{display:none}

*/隱藏整個自我介紹*/
#ymodprf{display:none}

/*隱藏窄欄框上的"上傳個人相片"及"編輯個人檔案"按鈕*/
#ymodprf .btneditprf a {display:none;}
#ymodprf .btnulprfphoto a {display:none;}

*/隱藏整個部落格*/
body{background-image:url(背景圖網址); background-attachment:fixed;}
.ycntmod { filter:alpha(opacity:0); }

/*隱藏訂閱*欄位及圖片/
div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url() no-repeat;margin:0;display:none;}
div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url() no-repeat;margin:0;display:none;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*Article隱藏文章寬欄位*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*Blog category list module隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*隱藏主標題框線-此段作用使用firefox透明度不會破功*/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}

/*隱藏橫框主標題名稱框線圖 (若不想隱主標題框線圖，這段語法就刪除)*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:20px;right:-0px}
#yblogtitle .rcl{background:url() repeat-y}
#yblogtitle .rcr{background:url() right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:20px;right:-0px}

/*獨立設定自訂格名文字顏色-字型-字體大小(不受 .text 文字語法設定影響)*/
#yblogtitle h1, #yblogtitle a {color: #00FF00; font-family:標楷體; FONT-SIZE:30px;}

以下部落格自訂格名與描述-必須配合透明度使用-套用格式四選一

(勿混用，會產生語法錯亂)

格式一:

部落格自訂格名與描述(置頂框線在訂閱圖之上)

/*部落格自訂格名與描述 - 文字置中*/
#yblogtitle .mbd{text-align:center;}

/*部落格自訂格名+背景圖-背景預設顏色 - 字體顏色 - 字型 - 字體大小 - 粗體字*/
#yblogtitle h1{background: url(圖片網址) #0000bf; color: #FF0000; font-family:標楷體; FONT-SIZE:26px; font-weight:bold;}

/*部落格描述+背景圖-背景預設顏色-背景高度+邊框線*/
#yblogtitle .text {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}

格式二:

部落格自訂格名與描述-(置頂框線在訂閱圖之外)

/*部落格自訂格名與描述 - 文字置中-字體大小*/
#yblogtitle .mbd {text-align:center; font-size:20px;}

/*部落格描述字體顏色 - 字型 - 字體大小*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體; FONT-SIZE:20px;}

/*部落格自訂格名+背景圖-背景預設顏色-字體顏色-字型-粗體*/
#yblogtitle h1 {background: url(圖片網址) #80c0ff; color:#FF0000;font-family:標楷體; font-weight:bold;}

/*部落格描述+背景圖-背景預設顏色-背景高度+邊框線*/
#yblogtitle .mbd {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}

/*部落格名標題圖置中*/
#yblogtitle .thd {text-align:center; }

/*部落格描述-字體顏色 - 字型*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體;}

格式三:

部落格自訂格名圖片與描述-(部落格名以圖片取代)

/*部落格描述-字型-字體顏色 - 字體大小-文字靠左-文字顯示範圍寬高-絕對位置-文字位置*/
#yblogtitle .tbd {font-family:標楷體; color:#00007f;font-size:150%;text-align:left;width:90%;height:205px;position:relative;top:85px;left:5px;}

/*隱藏設定小方圖*/
#yblogtitle .edit {display:none;}

/*部落格名圖-連結區塊-圖片置中-圖框寬高(配合圖片大小)-部落格名字體大小為0-文字排縮(目的為移出顯示作用)*/
#yblogtitle .thd a {display:block;background:url(格名圖網址) center no-repeat;display:block;width:100px;height:100px;font-size:0;text-indent:-5000px;}

/*部落格描述背景圖-背景預設顏色-小圖重複*/
#yblogtitle .mbd {background: url(圖片網址) #8080ff repeat;}

格式四:

部落格自訂格名圖片與隱藏描述-(部落格名以圖片取代)
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {display:block;background:url(格名圖網址) center no-repeat;display:block;float:center;width:430px;height:120px;font-size:0;text-indent:-5000px;}

星羽發表在痞客邦留言(4) 人氣()

個人分類：部落格教學/css語法

▲top

Jun 18 Fri 2010 23:52
喵喵透析捲軸語法

/*橫式字+捲軸隱藏語法--範例*/

這是 城邦 語法前輩 寒峰 隱藏捲軸語法 :

文章

這是橫式字+X軸隱藏語法的語法

三角型顏色改色碼purple地方即可

自行打上色碼或英文字皆可

</font></p></pre></div>

/*橫式字+捲軸隱藏語法--語法註解*/

<div
style="OVERFLOW-Y: auto; /*瀏覽器判斷區塊是否超過設定的寬高，而出現捲軸*/
SCROLLBAR-FACE-COLOR: #cccbd9; /*軸面*/
FILTER: chroma(color=#cccbd9); /*透明-過濾色度*/
OVERFLOW-X: hidden; /*定義X 水平捲軸隱藏不出現*/
SCROLLBAR-HIGHLIGHT-COLOR: #cccbd9; /*軸面左內邊*/
SCROLLBAR-SHADOW-COLOR: #cccbd9; /*軸面右內邊*/
SCROLLBAR-3DLIGHT-COLOR: #000000; /*左方立體邊*/
SCROLLBAR-ARROW-COLOR: purple; /*上下三角箭頭*/
SCROLLBAR-TRACK-COLOR: #cccbd9; /*軸軌顏色*/
SCROLLBAR-DARKSHADOW-COLOR: #000000; /*右方立體邊*/
HEIGHT: 400px"><pre> /*總高度*/
<p style="MARGIN-LEFT: 30px"> /*調整文字內容靠左側的位置*/
<font style="LINE-HEIGHT: 25px" /*行高*/
face="新明細體" color="#008000" size="3"> /*字型文字顏色*/

/*直式字文章--範例*/

 
 



直式字文章



這是直式字+y軸隱藏語法的語法



三角型變色改purple的地方..



自行打上色碼或英文字皆可



</font></pre></div>

直式字文章

這是直式字+y軸隱藏語法的語法

三角型變色改purple的地方..

自行打上色碼或英文字皆可

</font></pre></div>

你成功就打上前輩 "寒峰隱藏語法"就行了

/*直式字文章--語法註解*/

<div style="OVERFLOW-Y: hidden; /*定義Y 垂直捲軸隱藏不出現*/
SCROLLBAR-FACE-COLOR: #cccbd9; /*軸面*/
FILTER: chroma(color=#cccbd9); /*透明-過濾色度*/
OVERFLOW-X: auto; /*定義X 水平捲軸自動*/
SCROLLBAR-HIGHLIGHT-COLOR: #cccbd9; /*軸面左內邊*/
WIDTH: 550px; /*寬度*/
SCROLLBAR-SHADOW-COLOR: #cccbd9; /*軸面右內邊*/
SCROLLBAR-3DLIGHT-COLOR: #000000; /*左方立體邊*/
SCROLLBAR-ARROW-COLOR: purple; /*上下三角箭頭*/
SCROLLBAR-TRACK-COLOR: #cccbd9; /*軸軌顏色*/
SCROLLBAR-DARKSHADOW-COLOR: #000000; /*右方立體邊*/
HEIGHT: 400px"><pre> /*高度*/
<font style="MARGIN-TOP: 0px; /*調整起始文字內容高度的距離*/
MARGIN-LEFT: 0px; /*調整文字內容靠左側的位置*/
WIDTH: 500px; /*寬度*/
WRITING-MODE: tb-rl; /*練習模式*/
HEIGHT: 450px" /*高度*/
COLOR=PINK /*顏色=粉紅色*/
SIZE=3> /*文字大小*/

~~喵喵使用範例捲軸語法(有加上底圖)~~

輸入文字

~~喵喵範例捲軸語法(有加上底圖)~~

*附註*(直式字文章-直式游標)

*(長長的語法必須另外包框否則無法完全顯示)

~包框參考工具如下~

開啟可視化編輯器按下面的 HTML 貼上下面的表格語法~

再按下面的 Design

/*淺談捲軸*/

資料來源 : 壬子吟-淺談捲軸CSS
http://tw.myblog.yahoo.com/jw!i7UbbeqBFRuOXvfWphrfL0NQ/article?mid=4738

捲軸的各項CSS參數:

SCROLLBAR-FACE-COLOR:#000; /*上下捲動之軸面*/
SCROLLBAR-TRACK-COLOR:#000; /*軸軌顏色*/
SCROLLBAR-ARROW-COLOR:#FFF; /*上下三角箭頭*/
SCROLLBAR-HIGHLIGHT-COLOR:#000; /*軸面左內邊*/
SCROLLBAR-3DLIGHT-COLOR:#000; /*左方立體邊*/
SCROLLBAR-SHADOW-COLOR:#000; /*軸面右內邊*/
SCROLLBAR-DARKSHADOW-COLOR:#000; /*右方立體邊*/

還有一個比較少被用到:
SCROLLBAR-BASE-COLOR(整體色彩)

/*透明捲軸-只適用於IE瀏覽器*/
FILTER: Chroma( Color = #透明色碼);

透明捲軸語法適用於背景非單色時，例如你的背景是一張圖片，那麼加上透明化的參數，就會更美觀，而透明的顏色只要設為白色(#FFFFFF)即可，但若你的版面中在同一個區塊有一些已設為白色的文字或背景，那麼在加上捲軸透明色時，也會把一些設為白色的文字設定或底色去除!

捲軸的ＣＳＳ語法要貼在哪裡？

輸入文字的表單或基本的HTML{ }、BODY{ }都可以貼上捲軸的語法，
另外若使用在部落格或網誌，
可以依網誌所設定的標簽自定捲軸，
例如在無名網誌中的連結列#links{ }及文章區塊#content{ }，
可以將捲軸的CSS語法貼在這二個標簽之中，就可以顯示效果了。

另外再補充捲軸的其他語法，可以與上述的ＣＳＳ並用:
OVERFLOW 設定捲軸出現的設定值，以下列出較常用的語法:

OVERFLOW : Hidden; 　不出現捲軸

OVERFLOW : Auto; 　瀏覽器判斷區塊是否超過設定的寬高，而出現捲軸

OVERFLOW : Scroll; 　強迫出現捲軸，無論是否超過預設的寬高

Hidden及Scroll 　也可以各別設定直捲軸Y 或橫捲軸X

OVERFLOW-x : Hidden; 　定義X 水平捲軸隱藏不出現

OVERFLOW-y : Hidden; 　定義Y 垂直捲軸隱藏不出現

OVERFLOW-x : Scroll; 　強迫X 水平捲軸出現

OVERFLOW-y : Scroll; 　強迫Y 垂直捲軸出現

提供大家二個捲軸製造機，可以不用費心的自訂色碼囉！

捲軸製造機１http://yagin92.googlepages.com/15.htm

捲軸製造機２http://cdh.idv.tw/cdh/no04.htm

希望大家都有美美的捲軸喲！

**多謝壬子吟跟寒峰兩位達人大愛的分享**

喵喵整理分享-多謝阿不葵葵跟葉子資訊分享

ღ引用請整篇引用ღ
ღ也請帶走LOGOღ
ღ喵喵感謝您ღ

星羽發表在痞客邦留言(0) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 19 Wed 2009 08:49
【CSS部落格基本語法說明】YAHOO部落格*版型樣式語法*《基本》

。。。--------------------------------------------------------------------------------------------。。。

【　+ Teaching* -- 教學解說 +　】

★ 星羽的部落格 L o G o ：　

★ 本站網址: http://tw.myblog.yahoo.com/shine-starwing

★ 教學課程內容:【CSS部落格基本語法說明】

★ 其他部落格問題 : 問題精選

★ 版主的話 : 基本上更改yahoo部落格的基本語法

就是這些了，其實還滿多人問我的˙口˙"

不過...說真的= = 大部分人都根本沒有爬文，就猛問= _ =" (答案在css語法區都找的到)

除非...你問的語法我根本沒有使用或是我根本不會( 那問我有什麼意義呢?

在你想問其他語法之前 → CSS語法先給我到css語法區好好看看過一次!!!

我相信裡面有相當多好用實用的語法 (好歹我收集很久= =)

沒去認真查，就問的人我沒什麼必要回答。

這次是為了有些剛進來的人不了解那些語法名稱是搭配在部落格的哪裡使用

而製作的講解+圖示

這些就是一個基本yahoo面版製作的方法了

而進階版的製圖問題(也就是你要自己製作部落格面板)

請去 → 製圖教學

製圖有問題，問我的話我一定不會回答你，就這樣。

網路上的資源太多了，隨便踢都有

自己試著找出來，成就感還比較大呢

另外，這是最基本的CSS語法

還有進階的(改更多東西)

如果有需要的話，就請回應告知瞜

不然一律去 CSS語法找

★ 使用方法: 請依照圖片上標示的1-10來看，每一號的語法以及使用的地方我都有標示過了。

把圖片網址、圖片寬度、圖片高度等等做修改即可

*右鍵--內容--即可看見圖片網址&圖片高度&寬度

將紅色部分做些改即可//*

。。。--------------------------------------------------------------------------------------------。。。

無法顯示圖片者，請點擊→ http://img171.imageshack.us/img171/5553/asdrf.jpg

。。。--------------------------------------------------------------------------------------------。。。

《１》標題圖

#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:寬px;
height:高px;
font-size:0;
line-height:0;
overflow:hidden;
cursor:pointer;
cursor:hand;}#yblogtitle .mbd{text-align:center;}
#yblogtitle .mbd .thd{background-repeat:no-repeat;background-position:0% 100%;width:寬px;height:高px;text-align:center;}
#yblogtitle h1{color:#78AEFF;font-weight:bold;}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;}

《２》訂閱圖

div#btnsbsrb a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片寬度px;height:圖片高度px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

《３》招呼語框（文字置中）

#yblast .bg {zoom:1;background:url(圖片網址) no-repeat;}

《４》頭貼/頭像/ICON

管理部落格→個人相片→上傳

《 5 》性別圖 (圖片寬度請勿超過120)

#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(性別圖網址) center no-repeat;}

《 6 》首頁看板 ( 告示牌 ) *基本上用於有頂置文章的部落格*又稱"首頁看板"

這是貼在文章裡面的，觀看HTML 原始碼道裡面貼上語法，加上圖片網址完成語法之後

在將觀看HTML 原始碼的打勾點掉，你就可以預覽成品瞜 : )

貼圖語法:

《７》回應、引用　

div.btncomment a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:圖片高度px;width:圖片寬度px;background:url(我要引用圖片網址) no-repeat;}

《８》回應欄位上方圖式

#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:圖片高度px;}

《９》卷軸改色

html{
SCROLLBAR-FACE-COLOR: 色碼;}                     　　軸面顏色
SCROLLBAR-HIGHLIGHT-COLOR:色碼;}             　設定軸面三角左邊顏色
SCROLLBAR-SHADOW-COLOR: 色碼;}              　設定軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR: 色碼;}                     左立體邊顏色
SCROLLBAR-DARKSHADOW-COLOR: 色碼;}         右立體面顏色
SCROLLBAR-ARROW-COLOR: 色碼;}                       箭頭的顏色
SCROLLBAR-TRACK-COLOR: 色碼;}                         軸軌的顏色

《９》背景圖 (置中)

body {background-image:url(圖片網址);background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;}

。。。--------------------------------------------------------------------------------------------。。。

色碼參考區:

EEEEEE	FF00CC	FF66FF	FF00FF
DDDDDD	FFCCCC	FF66CC	FF00CC
CCCCCC	FFCC99	FF6699	FF0099
BBBBBB	FFCC66	FF6666	FF0066
AAAAAA	FFCC33	FF6633	FF0033
999999	FFCC00	FF6600	FF0000
888888	CCCCFF	CC66FF	CC00FF
777777	CCCCCC	CC66CC	CC00CC
666666	CCCC99	CC6699	CC0099
555555	CCCC66	CC6666	CC0066
444444	CCCC33	CC6633	CC0033
333333	CCCC00	CC6600	CC0000
222222	99CCFF	9966FF	9900FF
111111	99CCCC	9966CC	9900CC
000000	99CC99	996699	990099
FF0000	99CC66	996666	990066
EE0000	99CC33	996633	990033
DD0000	99CC00	996600	990000
CC0000	66CCFF	6666FF	6600FF
BB0000	66CCCC	6666CC	6600CC
AA0000	66CC99	666699	660099
990000	66CC66	666666	660066
880000	66CC33	666633	660033
770000	66CC00	666600	660000
660000	33CCFF	3366FF	3300FF
550000	33CCCC	3366CC	3300CC
440000	33CC99	336699	330099
330000	33CC66	336666	330066
220000	33CC33	336633	330033
110000	33CC00	336600	330000
FFFFFF	00CCFF	0066FF	0000FF
FFFFCC	00CCCC	0066CC	0000CC
FFFF99	00CC99	006699	000099
FFFF66	00CC66	006666	000066
FFFF33	00CC33	006633	000033
FFFF00	00CC00	006600	000000
CCFFFF	FF99FF	FF33FF	00FF00
CCFFCC	FF99CC	FF33CC	00EE00
CCFF99	FF9999	FF3399	00DD00
CCFF66	FF9966	FF3366	00CC00
CCFF33	FF9933	FF3333	00BB00
CCFF00	FF9900	FF3300	00AA00
99FFFF	CC99FF	CC33FF	990099
99FFCC	CC99CC	CC33CC	008800
99FF99	CC9999	CC3399	007700
99FF66	CC9966	CC3366	006600
99FF33	CC9933	CC3333	005500
99FF00	CC9900	CC3300	004400
66FFFF	9999FF	9933FF	003300
66FFCC	9999CC	9933CC	002200
66FF99	999999	993399	001100
66FF66	999966	993366	0000FF
66FF33	999933	993333	0000EE
66FF00	999900	993300	0000DD
33FFFF	6699FF	6633FF	0000CC
33FFCC	6699CC	6633CC	0000BB
33FF99	669999	663399	0000AA
33FF66	669966	663366	000099
33FF33	669933	663333	000088
33FF00	669900	663300	000077
00FFFF	3399FF	3333FF	000066
00FFCC	3399CC	3333CC	000055
00FF99	339999	333399	000044
00FF66	339966	333366	000033
00FF33	339933	333333	000022
00FF00	339900	333300	000011
0099FF	0033FF	0099CC	0033CC
009999	003399	009966	003366
009933	003333	009900	003300

。。。--------------------------------------------------------------------------------------------。。。

★-- Design By Starwing 2009 * http://tw.myblog.yahoo.com/shine-starwing -- ★

。。。--------------------------------------------------------------------------------------------。。。

星羽發表在痞客邦留言(48) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 08:50
Ｑ：怎麼辦？不能新增自訂欄位?｛超出自訂欄位上限｝

------------------------------------------------------------------------

傳說中的解說員：

------------------------------------------------------------------------

以上是其實算是不少人曾經出現的問題+ (大家沒好好看清楚他說的吼= W =""")

各位請注意瞜!!

YAHOO部落格自訂欄位總共只能使用的只有5個!!!

如果你的自訂欄位已經有五個了的話

當然不能新增自訂欄位瞜

即使語法、文字、標題，都符合標準

超過了還是一樣不能新增啦˙˙+

這時候只好

把其中一個刪除在新增啦~

------------------------------------------------------------------------

+ Design By Star Wing 2009* in yahoo blog - http://tw.myblog.yahoo.com/shine-starwing +

星羽發表在痞客邦留言(6) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 08:36
Ｑ：為什麼我的部落格跑得很慢，打開會ＬＡＧ？

------------------------------------------------------------------------

傳說中的解說員：

------------------------------------------------------------------------

哎呀呀

那基本上是因為

你在左右欄位（文章目錄、個人介紹那裏）可能放了太多東西了

所以跑不過來

大部分人會放上很多語卡、flash掛件、小遊戲小測驗等等之類的

放了太多會影響網頁的速度

所以

在部落格的時候

盡量放最喜歡的幾個就好

如果全部都喜歡的話也可以定期更換^^

這樣子部落格也會有很多變化喔: )

------------------------------------------------------------------------

+ Design By Star Wing 2009* in yahoo blog - http://tw.myblog.yahoo.com/shine-starwing +

星羽發表在痞客邦留言(8) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 08:12
美化部落格檔案、個人資料、自我介紹、回應列表

美化部落格檔案、個人資料、自我介紹、回應列表

自訂樣式應用
語法應用編輯(二度空間)

/*部落格檔案、個人資料、自我介紹*/

/*部落格檔案-背景圖-預設背景顏色-字體顏色(字型預設值，不需設定)*/
#ybloginfo table {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}
#ybloginfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}

/*個人資料-背景圖-預設背景顏色-字體顏色(字型預設值，不需設定)*/
#yusrinfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}
#yusrinfo table {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}

/*自我介紹-背景圖-預設背景顏色-字體顏色(字型預設值，不需設定)*/
#yusrintro p {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}

/*回應列表*/

/*回應列表-文章與相片回應轉換按鈕底色與待連結字體顏色(字型預設值，不需設定)*/
#ycmntlist .mbd li a {background:#0000ff;color:#ff00ff;}

/*回應列表-文章與相片回應轉換按鈕底色與已開啟字體顏色(字型預設值，不需設定)*/
#ycmntlist .mbd li strong {background:#0000ff;color:#ffff00;}

/*回應列表-背景圖-預設背景顏色-回應者字體顏色(字型預設值，不需設定)*/
#ycmntlist .listbd {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}

/*回應列表-回應標題-背景顏色-字體顏色(字型預設值，不需設定)*/
#ycmntlist table th {background:#1B006B; color:#FFFF00;}

/*回應列表-板主回覆-背景顏色-字體顏色(字型預設值，不需設定)*/
#ycmntlist .reply {background:#1B006B; color:#00ff80;}

/*回應列表-其它連結字體顏色(字型預設值，不需設定)*/
#ycmntlist .listbd a {color:#ff00ff;}

圖片重複方向 :

repeat-x = 橫向排列，適用垂直條形圖

repeat-y = 縱向排列，適用水平條形圖

repeat = x-y軸同時排列，適用方形圖

no-repeat = 單張圖片不重複，適用與架框同等長寬的圖片

貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定

色碼表應用 :

英文色碼表 數字色碼表

注意 : 其它架框的語法設定值，有可能影響回應板架框的設定值，請謹慎設定

星羽發表在痞客邦留言(9) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 08:11
瑀婈教學~7個步驟讓你學會在信紙圖卡上加字

@.你想將留言版連結到美美的文章版面~做成和格友交流的小天地嗎?

那麼你一定要先學會~如何在信紙圖卡上加字.

信紙加字語法如下:

1.先找一張你喜歡的信紙圖卡..這裡瑀婈貼一張示範-->當然你也可以選更大或者更小的圖片.

2.滑鼠點圖按右鍵選內容-->會出現一條網址-->將它複製起來貼在語法裡的 [ 圖片網址裡 ].

3.調整圖片的寬度和高度--> [滑鼠點圖按右鍵選內容會有圖片的寬度和高度].

4.調整文章內容的位置-->請記得文章內容的寬度和高度都要比原圖尺寸小唷.文章內容的間隔大小視圖片有無框邊來做大小的調整[數值可先調整約30px寬高度..再視情況做調整)

5.接下來要將語法貼到文章裡頭-->這裡很重要唷~必須先將 [觀看HTML原始碼勾選起來]-->再貼上我們調整好的語法.

6.語法貼好後再將觀看HTML原始碼的勾取消掉.就可以看到我們剛才貼好的圖囉.

7.將你想要加上的文字貼在這裡-->[文字內容] ,然後編輯上名字--發表就大功告成囉.

補充:在[ 7 ] 貼好文字時.你可以點圖二下-->會出現粗框的虛線-->就可以輕鬆修改文章裡的內容和文字顏色以及調整位置唷!

@.調整文字顏色時:直接將內容反白然後點選編輯文章上方的色盤選要改變的顏色就可以囉.

本文自~

星羽發表在痞客邦留言(1) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 08:00
Flash8 欄物教學總覽(含源碼)

Flash8 欄物教學總覽(含源碼)

舞動弦音框圖總覽欄物掛件空間總覽軟體總覽

Flash8欄物源碼下載

1. 時鐘電子鐘日期源碼　2. 3合1時計源碼　　4. 跑馬燈+時計+日期源碼

3. 月曆源碼　 5. 公告欄+時計+日期源碼　6. 計日器加時間日期源碼

Flash8 欄物教學列表

不老松教你幾步做成Flash時鐘

時鐘製作2-加入動圖及縮小鐘盤

時鐘製作3-三合一時鐘應用(含源碼)

月曆製作教學(含源碼下載)

跑馬燈加閃框及連結點教學下篇

跑馬燈製作教學(含源碼下載)上篇

公告欄製作教學上篇(含源碼下載)

公告欄製作教學下篇(含swf透明動圖源碼)

計日器製作教學上篇(含源碼下載)

計日器製作教學下篇(含源碼下載)

Flash8 各款欄物分享

欄物分享【01】-時計篇

欄物分享【02】-粉紅玫瑰時計(含源碼)

欄物分享【03】-月曆篇

欄物分享【04】-跑馬燈篇(含源碼)

欄物分享【05】-公告欄篇

欄物分享【06】-計日器篇(含源碼)

部落格各種欄物掛件分享

法品精緻模版時計、日期分享：　0、1、2、3

時の館~時計大集合

Satisfy Desire-FLASH時計素材

有趣的生日時計~不用申請或下載喔

超可愛又特殊的 Flash時計大方送

法品~Horloges aiguilles~淡雅風味時鐘分享

KissDesign~法品可愛小日曆電子鐘

NaturalBreeze~幻麗之翼~Flash時鐘日曆各種素材分享網~

Flaclo ~日制Flash時鐘分享

ClockLink-多種風格特殊造型美式時鐘分享~

一. 日本卡哇伊のきれいな時計大放送~

二. 日本卡哇伊の、きれいなFlash時計又來了~

三. 日本卡哇吚の時計^^~第三波～

四. 日本風花草味のFlash時計~

五. 日本卡哇伊の有聲貓犬Flash時計~出場囉~

引-多款倒數計時造型分享(一)~可自行設定到期目標

引-小水滴倒數計時分享(二)~可自行填入語句的到數時計

引-BLOG成立計數、倒數時計(三)

祝福大家　順心如意　平安快樂

玄音敬祝／2008.07.20

星羽發表在痞客邦留言(0) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 07:58
(語法教學) 部落格語法教學大解說 {很詳細的喔}

定義左右欄頂欄：

/* Nav module header　左右欄頂欄＜可控制的模組頂欄＞*/
.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a,.yc3sec .mhd a:link、.yc3subbd .mhd a:link,.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{ background:#808000; color:#00FF00; text-align:center; }

語法說明：（標題框大小=150*30）

.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a,.yc3sec .mhd a:link、.yc3subbd .mhd a:link,.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{……}
background:#808000; background-image: url(圖址);	底色、底圖（背景圖）。二者可併存。
filter:alpha(opacity:50);	底色度明度。留言板、相簿、月曆…等內設標題字底色無法控制透明度
color:	字色。
text-align:center;	字置中
font-family:標楷體; font-size:17px;	只有留言板、相簿、月曆…等標題字變更大小對左右欄標題字都能牽動

語法範例：

/* Nav module header　左右欄頂欄 */
.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a、.yc3sec .mhd a:link、.yc3subbd .mhd a:link、.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{ background:#808000; filter:alpha(opacity:50); color:#00FF00; text-align:center;}

定義左右欄內容區：

/* Nav module body　左右欄內容區＜可控制的模組主體＞*/
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:#E6EBD5; color:#008080; }

語法說明：

.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{……}
background:#E6EBD5; background-image: url(圖址);	底色、底圖（背景圖）。二者可併存。
zoom:1; filter:alpha(opacity:50);	透明度
color:#D2D1E1	字色。指非連結字串的內容文字。文章分類、最新文章…等連結字串由 /Links　定義連結字串/ 控制。

語法範例：

/* Nav module body　左右欄內容區 */
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:#D2D1E1; zoom:1; filter:alpha(opacity:50); color:#000080; }

連結字串前加圖示

/* Nav module list　連結字串前加圖示＜可控制的模組目錄＞*/
.ycntmod .mbd ul.list li {background:url(圖示位址) no-repeat left 0.1em; padding-left:20px; margin-bottom:7px; line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px; text-align:right; background:url(所有文章和更多回應圖檔位址) 50px center no-repeat;}

說明：

.ycntmod .mbd ul.list li {……}	在左右欄標題目錄串連字前加圖示
background:url(圖址) no-repeat left 0.1em	這個應不用再介紹了當然不重複貼圖，否則會貼滿整欄框應該是指圖與左邊距離，結果字卻下沈。不用設它。（em 約為M一鉛字所佔之面積，為印刷字體之計量單位）
padding-left:20px;	文字與左邊緣的距離，當然要比圖示寬些嘍～＜補白-左：＞
margin-bottom:7px;	行距（與下一段落的距離）＜邊、頁邊的空白-底部：＞
line-height:1.5em	列高（可以不用設）

.ycntmod .mbd ul.list li.more {……}	在所有文章、更多回應前加圖示＜more=另外的、附加的＞
background:url(圖址) 50px no-repeat	這個應不用再介紹了調整與邊緣距離（內設是靠左上）（也可用文字來控制 center=置中）不重複貼圖
margin:-3px 0 0 -3px;	與各邊緣距。不用設它。＜margin=邊、頁邊的空白＞
text-align:right;	不用設它。＜text-align:right=文字-排成一行：右＞

語法範例：

/* Nav module list　連結字串前加圖示 */
.ycntmod .mbd ul.list li {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA04.gif) no-repeat; padding-left:18px; margin-bottom:7px; }
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA02.gif) 50px no-repeat; }

變更個人性別圖：

/* 改變個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:60px; height:75px; background:url(圖檔位址) center no-repeat; }

語法說明：

#ymodprf .horos img{……}	定義原性別圖示（將原性別圖示隱藏，否則會重疊貼圖）
display:none;	＜display:none=展開、顯示：並不＞

#ymodprf .horos{……}
width:60px; height:75px;	定義想放置的圖框寬、高。將原本樣式的 CLASS 重新改寫，寬高改為 60px、75px。也就是設定要放置圖片的框的大小。想單圖放置時，最好是將框調整成與圖同高，看下面 center 及 no-repeat 說明時您會瞭解的。
background:URL(圖址)	將要放置的圖變成背景來呈現，這裡的 URL 要指向您想放的圖檔連結位址。
center	是讓這圖檔在這框為置中（指上下、左右都置中），左右欄放置圖檔的寬經測不要超過 130px。
no-repeat	no-repeat 不重複貼圖。用 repeat=重複，可佈滿框內。用 repeat-x 則於X軸（水平）佈滿。用 repeat-y 則於Y軸（垂直）佈滿。

語法範例：

/* 變更個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px; height:134px; background:url(http://hk.geocities.com/love99_h/Gif/Male/MZ001.gif) center no-repeat; }

改變更新日期前圖示：

/* Module latest upup　改變更新日期前圖示＜模組最近的結束＞*/ #ymodupdate .mbd .date{background:url(圖址) left center no-repeat; padding-left:35px; font-size:115%; }

#ymodupdate .mbd .date{……}
background:url(圖址) no-repeat;	圖示位址，不重複貼圖
padding-left:35px;	日期距離框左側多遠＜補白：左側＞
font-size:115%;	日期字體大小
font-family:verdana;	定義字體＜字－家族：verdana＞
left center 或 right left	這二個左側中央或右邊左邊，測了半天也沒啥作用

語法範例：

/* Module latest upup　改變更新日期前圖示 */
#ymodupdate .mbd .date{background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgFlower004.gif) no-repeat; padding-left:35px; font-size:115%; }

定義月曆上今天日期的字色及大小

/* 定義月曆上今天日期的字色及大小 */ #ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }
#ymodcal .mbd td strong{……}	modcal=形式上、形態上。strong=強壯的、堅固的
color:#FF0000; 及 font-size:120%;	同樣是在定義字色及大小

語法範例：

/* 月曆上今天日期的字色及大小 */
#ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }

音樂語法：（轉貼知識）關於ｙａｈｏｏ背景音樂．． 　

　　　　　【小燕子教學】音樂語法

【小燕子教學】部落格之音樂播放器*語法

影片語法：【小燕子教學】上傳影音檔及貼影片或ＭＶ*語法

　　　　　【小燕子教學】貼youtube影片語法

動畫語法：【小燕子教學】發表動畫文章*語法

滑鼠語法：【小燕子教學】滑鼠游標語法

　　　　　【小燕子語法教學】滑鼠游標教學-第2部

部落格須知：﹝小燕子開講﹞貼語法貼到自訂樣式亂掉了，該怎麼辦？

　　　　　　﹝小燕子關心您﹞〝請做好部落格自訂樣式的備份工作〞

　　　　　　﹝小燕子開講﹞為什麼引用格友的文章，發表文章後，圖檔看不到哩？

　　　　　　 ﹝小燕子開講﹞何謂文章引用？ 　

　　　　　　 ﹝小燕子開講﹞何謂訂閱部落格？

　　　　　　 ﹝小燕子開講﹞怎麼找出部落格裏的搜尋功能呢？

　　　　　　 ﹝小燕子開講﹞如何在發表文章、文章回應、留言板上貼ｇｉｆ動畫圖呢？

上傳教學：【小燕子的教學】製作基本ｌｏｇｏ＆感謝大家的支持～

　　　　　【小燕子教學】上傳圖檔*變成*屬於自己的圖片網址

　　　　　【小燕子教學】上傳音樂檔*變成*音樂網址

佈置部落格語法：【小燕子教學】變更訂閱部落格的圖片*語法

　　　　　　　　【小燕子教學】更改yahoo部落格、會員登入的顏色及背景圖案*語法

　　　　　　　　【小燕子教學】招呼語外觀語法

　　　　　　　　【小燕子教學】左右欄位．置入美美的底圖*語法

　　　　　　　　【小燕子教學】文章底圖置入美美的背景圖* 語法

　　　　　　　　【小燕子教學】滑鼠移至連結時，字變色*語法

　　　　　　　　【小燕子教學】滑鼠移至連結時，字外圍加有顏色的框框*語法

　　　　　　　　【小燕子教學】部落格標題名稱變更顏色*語法

　　　　　　　　【小燕子教學】GIF或JPG背景圖不隨捲軸移動*語法

　　　　　　　　【小燕子教學】捲軸語法

　　　　　　　　【小燕子教學】調整部落格透明度

　　　　　　　　【小燕子教學】文章標題前加入小圖片*語法

　　　　　　　　【小燕子教學】最新文章、最新回應、文章分類前加小圖*語法

　　　　　　　　【小燕子教學】更新日期前加小圖*語法

　　　　　　　　【小燕子教學】更改右邊或左邊欄位標題的字體*語法

　　　　　　　　【小燕子教學】最新文章、最新回應、文章分類等等的標題底圖或插圖*語法

　　　　　　　　【小燕子教學】更改個人資料的性別圖案*教學

自訂欄位語法：【小燕子教學】小燕子自創部落格*投票語法

　　　　　　　【小燕子教學】自訂欄位星座語法《獨家》

　　　　　　　【小燕子教學】自訂欄位小時鐘語法

　　　　　　　【小燕子教學】左右欄位文字加底色*語法

　　　　　　　【小燕子教學】自訂欄位文字部份空行*語法

　　　　　　　 【小燕子教學】天氣語法

　　　　　　　【小燕子教學】製作ＤＩＹ相片聯播＆語法

　　　　　　　【小燕子教學】申請計數器＆語法

　　　　　　　【小燕子教學】申請*線上人數*計數器＆語法

　　　　　　　【小燕子教學】停留時間語法

　　　　　　　【小燕子教學】圖片連結語法

　　　　　　　【小燕子教學】自訂欄位貼圖(含〝心靈享燕音樂會〞的音樂前面加小圖)

*http://tw.myblog.yahoo.com/jw!.FrenJubHhQI9WKmKTrcqw--/article?mid=480&pk=%E8%AA%9E%E6%B3%95%E6%95%99%E5%AD%B8%E9%83%A8%E8%90%BD%E6%A0%BC

星羽發表在痞客邦留言(13) 人氣()

個人分類：部落格教學/css語法

▲top

Aug 16 Sun 2009 07:54
MYHOTPOST - 透過一張圖片，輕鬆統計部落格熱門文章與點閱數

想知道自己的部落格哪篇文章最熱門嗎？你的 BSP 不支援 JavaScript 語法嗎？沒關係，透過 MyHotPost 統計程式，只要將一張圖片貼入部落格，就能輕鬆取得熱門文章 RSS Feed 。MyHotPost 的貼紙長這個樣子：

在貼到部落格任何位置後，MyHotPost 就會開始運作，你可以在熱門文章看到所有加入的部落格文章點擊數前20名。

針對每個部落格，MyHotPost 提供了獨立的頁面，你可以在以下網址看到免費資源網路社群的熱門文章列表，

免費資源網路社群＠MyHotPost: http://myhotpost.kengao.tw/site/0d2d304797a55c4cb1c79b6d5ec9fe02

除此之外，MyHotPost 也有 RSS Feed, JavaScript文章列表和JavaScript點閱數等項目供使用者延伸使用，你可以更方便快速在網站內展示最高點閱數的文章列表。

【網站網址】 MyHotPost

本文的引用網址 http://www.freegroup.org/2009/05/free-blog-parts-myhotpost/trackback/

引用：http://tw.myblog.yahoo.com/jw!0tiJJEabHR7sZ6k.60Cf3PtC5g--/article?mid=135230

星羽發表在痞客邦留言(2) 人氣()

個人分類：部落格教學/css語法

▲top

Jul 28 Tue 2009 21:15
【衛比斯的教學分享時間 -《本周推薦部落&猜猜看幸運兒*//活動貼紙.速成語法】

+ - - - - - -【衛比斯的教學分享時間 -《本周推薦部落&猜猜看幸運兒*//活動貼紙.速成語法】- - - - - - +

很多人都想知道放在自訂欄位上的「本周推薦部落」貼紙是怎麼不上字就能做出連結的，

沒錯，只要修改語法中的字就可以在圖上上字的效果哦！(笑) 很適合給懶人用呢~(像衛比斯) 。

-( 上面這兩個是實際做出來的範例，大家可以參考看看！ )-

★原語法提供者： ★修改語法：

◎----------------------------------------- [ 大家好！我是分隔線 ] ---------------------------------------◎

★這是放置在自訂欄位上的語法(跳出來的連結會以開新視窗的方式開啟)：

<div style="background:url(圖片網址);background-repeat:no-repeat;"><br><br><br><br><br><br><center>
<a target="_blank" href="推薦部落格的網址"><br>
<br>
第一行字
<br><br>
第二行字
<br><br>
第三行字
<br>
<br><br><br><br></a></center></div>