目前分類:部落格教學/css語法 (109)

瀏覽方式: 標題列表 簡短摘要

 


新版 Photobucket 如何上傳不縮圖


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


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


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


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


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


哈 原來魔鬼竟藏在細節裡


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


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


上傳圖片前先按下Customize Upload Options




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


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


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


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


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


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


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


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


希望這個方法是可行的


分享給大家



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

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




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



<p align="left">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

</p>
<br>

<p align="left">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

</p>
<br>

<p align="left">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

</p>
<br>



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



<p align="left">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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 

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


【常用語法區】語法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


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

 



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

款式一

















複製語法:   <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>




本資料來源:
以上由   琳達     整理分享


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

 




【發表感言】


噎噎噎噎!第一次來發表澆水文呢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 創作樂園】


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

 




 



【    + -  -  -  -Cute *  Mong  * Wing-  -  -  - +    】

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

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

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


【 + - - 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>

<td align="left" bgColor="#ffffff">
<p align="center">填上匿名</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">填上名次</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000">填上票數</font></p>
</td></tr>
<tr>
<td align="left" bgColor="#ffffff">
<p align="center">填上匿名</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">填上名次</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000">填上票數</font>
</td></tr>
<tr>
<td align="left" bgColor="#ffffff">
<p align="center">填上匿名</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">填上名次</p>
</td>
<td align="left">
<p align="center"><font color="#ff0000">填上票數</font>
</td></tr>
<tr>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000"> —</font>
</td></tr>
<tr>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000"> —</font>
<tr>
<td align="left" bgColor="#b4b4b4"></td>
<td align="left" bgColor="#b4b4b4">
<p align="center"> </p>
</td>
<td align="left" bgColor="#b4b4b4"></td></tr></tbody></tbody></tbody></table>


[ 自訂單格教學 ]

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


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


<tr>
<td align="left" bgColor="#ffffff">
<p align="center">填上匿名</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">填上名次</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000">填上票數</font></p>
</td></tr>


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


<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000"> —</font>
</td></tr>
<tr>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center">—</p>
</td>
<td align="left" bgColor="#ffffff">
<p align="center"><font color="#ff0000"> —</font>
<tr>
<td align="left" bgColor="#b4b4b4"></td>
<td align="left" bgColor="#b4b4b4">
<p align="center"> </p>
</td>
<td align="left" bgColor="#b4b4b4"></td></tr></tbody></tbody></tbody></table>


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


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

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

複製語法貼在自訂欄位中

+注意事項+

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

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

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


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


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



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


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


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


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



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


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



 


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








 


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


 


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


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








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


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

<style>
<!--
.btntrackback{visibility:hidden;}
-->
</style>












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







/*隱藏文章發表日期*/ 
#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;}



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

 



 





 












 

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

 











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

<div style="OVERFLOW-Y: auto; SCROLLBAR-FACE-COLOR: #cccbd9; FILTER: chroma(color=#cccbd9); OVERFLOW-X: hidden; 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">


文章


這是橫式字+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>


<div style="OVERFLOW-Y: hidden; SCROLLBAR-FACE-COLOR: #cccbd9; FILTER: chroma(color=#cccbd9); OVERFLOW-X: auto; 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>





 


直式字文章


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


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


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


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


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


 





<div style="OVERFLOW-Y: hidden; SCROLLBAR-FACE-COLOR: #cccbd9; FILTER: chroma(color=#cccbd9); OVERFLOW-X: auto; 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>





 


 


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



<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> /*文字大小*/



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











輸入文字



 



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


<div align=center></div>
<div align=center>
<table style="FILTER: Alpha(opacity=90); WIDTH: 450px; HEIGHT: 300px" cellSpacing=0 cellPadding=0 background=http://c-photo.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book9/12618065649216t.gif>
<tbody>
<tr>
<td width="100%">
<div style="SCROLLBAR-ARROW-COLOR: #000000; FILTER: chroma(color=#ffffff); SCROLLBAR-FACE-COLOR: #ffffff; OVERFLOW-X: hidden; OVERFLOW-Y: auto; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 300px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff"><pre><p style="MARGIN-LEFT: 3px"><font style="LINE-HEIGHT: 3px" color=#008000 face=新明細體>
<div align=center><font face=標楷體></font><font color=#ffffff></font></div></font>
<div align=center><div class=msgcontent align=center><div class=msgcontent align=center><font size=4><strong><div align=center><strong><font size=4><font color=#ffffbf><span style="FONT-FAMILY: 新細明體; COLOR: purple">輸入文字</span></font></font></strong></div></strong></font></div></div></div></pre></div>
<div></div></td></tr></tbody></table></div>
<div></div>



 


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


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


~包框參考工具如下~


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


<div style="border: 3px solid #000000; padding: 5px; overflow: auto;
width: 300px; height: 90px; ">


再按下面的 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)即可,但若你的版面中在同一個區塊有一些已設為白色的文字或背景,那麼在加上捲軸透明色時,也會把一些設為白色的文字設定或底色去除!



捲軸的CSS語法要貼在哪裡?

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



另外再補充捲軸的其他語法,可以與上述的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 垂直捲軸出現




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


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


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


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


 


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


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




 

 

 




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



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





 


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


【 +  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


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


《 1 》 標題圖


#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;}


《 2 》訂閱圖


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;}


《 3 》招呼語框(文字置中


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


《 4 》頭貼/頭像/ICON


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


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


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


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


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


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


貼圖語法:


<img src=圖片網址>


《 7 》回應、引用 


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;}


《 8 》 回應欄位上方圖式


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


《 9 》卷軸改色


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


《 9 》背景圖 (置中)
 
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  -- ★



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

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


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


傳說中的解說員:


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


 


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


 


各位請注意瞜!!


 


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


 


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


 


當然不能新增自訂欄位瞜


 


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


 


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


 


這時候只好


 


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


 


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


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

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


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


傳說中的解說員:


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


哎呀呀


那基本上是因為


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


所以跑不過來


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


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


所以


在部落格的時候


盡量放最喜歡的幾個就好


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


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


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


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

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


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








自訂樣式應用



語法應用編輯(二度空間)



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


/*部落格檔案-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#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 = 單張圖片不重複,適用與架框同等長寬的圖片


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


色碼表應用 :


英文色碼表    數字色碼表


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


更多語法參考 :


http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489


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

 



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


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


信紙加字語法如下:


<DIV align=center>
<DIV style="BACKGROUND: url(圖片網址); WIDTH: 圖片寬度px; HEIGHT: 圖片高度px">
<DIV align=left>
<DIV style="MARGIN-TOP: 文章內容距離上方的間隔px; MARGIN-LEFT: 文章內容距離左方的間隔px; OVERFLOW: auto; WIDTH: 文章內容寬度px; HEIGHT: 文章內容高度px">
<P>文字內容</P>




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






 


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


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


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


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


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


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


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


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


 


 


 



 

本文自~

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

 



 




















 


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


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

































































































Flash8 欄物教學列表

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


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


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


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

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

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



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


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

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

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


 
Flash8 各款欄物分享
欄物分享【01-時計篇

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

欄物分享【03-月曆篇

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

欄物分享【05-公告欄篇
欄物分享【06-計日器篇(含源碼)
 
部落格各種欄物掛件分享

法品精緻模版時計、日期分享: 0123


時の館~時計大集合


Satisfy Desire-FLASH時計素材


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


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


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


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


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


Flaclo ~日制Flash時鐘分享


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


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


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


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


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


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



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


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


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

 


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


玄音敬祝/2008.07.20




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

 












 



定義左右欄頂欄:





/* 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%; }


 

















音樂語法(轉貼知識)關於yahoo背景音樂..  


     【小燕子教學】音樂語法


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


影片語法:【小燕子教學】上傳影音檔及貼影片或MV*語法


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


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


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


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


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


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


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


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


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


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


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


上傳教學:【小燕子的教學】製作基本logo&感謝大家的支持~


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


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



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


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


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


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


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


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


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


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


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


        【小燕子教學】捲軸語法


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


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


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


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


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


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

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



 





       【小燕子教學】製作DIY相片聯播&語法


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


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


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


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


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


*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


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

 







 


MyHotPost.gif


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


myhotpost-sample.png


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



myhotpost-01.png


針對每個部落格,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/


 


 



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

 




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


 


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

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




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


 


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


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


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


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

 


 

★步驟一‧「圖片網址」請點擊下方圖片進入素材區領取:
 



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


★步驟二‧對想要使用的顏色貼紙點右鍵→按<內容>,選取圖片網址。





 


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


★步驟三‧再把圖片網址貼到語法當中改成自己想要推薦的部落格和字,就可以囉!
 



 


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


 


大概就是這樣囉!小衛做教學並不是做的很好,


看不懂的地方請你們諒解!(鞠躬) 往後小衛還有想做教學分享的,


還會陸續發表,希望你們能多多支持!謝謝!(笑)


 


小衛:歡迎你來到小衛的部落格!


 


---------------------------------------- [ 感謝引用,我是分格線 ] -------------------------------------------


教學製作者:【衛比斯WabisCatland 的部落格】


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



如果網頁開太慢*按滑鼠右鍵*點內容*會開很快喔





不會引用滴好友請參閱引用及懶人包引用需知教學

 


 

 

<embed src="http://blogimage.roodo.com/oei/947aa3f6.swf" wmode=transparent width="160" height="125" flashvars="upr=第一行文字&amp;mid=第二行文字&amp;udr=第三行文字"></embed>

 

※ 把紅色字部分那三行,改成你要出現的文字。全部的字數在35字以內。

 

 

小玩意來源::web-mono.net

文章引自::聯合網誌













轉載文章請【引 用】連結出處網址or連結LOGO

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




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


★教學者 : 


★麻煩先聽我碎碎念:


最近888越來越氾濫了= =


其實還是有很多人還是不懂怎麼解除


所以用圖解方式讓大家看: )


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


 


步驟一


 


步驟二


當文章成功出現在你的部落格的時候


(PS:文章別忘記改回公開文章唷)  我每次都忘記案 (汗)


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


最後再來個碎碎念:


希望這一篇文章有幫助到大家唷: )


其他教學請看這裡:


【教學--新手教學】


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


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

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



            


轉載:


原創     部落達人瑀婈


                             


                                   



              桜アイコン21-回転回自己格子的語法:


        <p align="center"><a title="此處是通往你家的路,隨時歡迎您的光臨^-^" style="FONT- WEIGHT:700;" href="http://tw.myblog.yahoo.com/"><img src="圖片網址"/></a></p>
記得常來唷






桜アイコン21-回転使用方法:至管理部落格-->管理自訂欄位-->將語法貼在內容裡-->編輯名稱儲存即可.



 


桜アイコン21-回転此篇教學文章為原創所有桜アイコン21-回転


                                        ~~感謝瑀婈熱心教學分享~~


   


                                                                                  


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