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

Jan 06 Tue 2009 19:00
素材應用：公告欄套入文字語法

感謝紫眼框圖提供，還有詢問，把這語法貼出來，讓大家也能多多利用美美的素材。

公告欄套入文字語法：

<div align=center>
<table style="WIDTH: 400px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 388px" cellSpacing=0 cellPadding=0 background=http://i002.radikal.ru/0802/14/dfd70dcf007c.gif border=0>
<tbody>
<tr>
<td>
<div align="center" style="width: 135; height: 153; padding-left: 40px; padding-top: 20px">
<p align=center><strong><font face=標楷體 color=#0000cc size=5>祝福果實</font></strong></p>
<p style="LINE-HEIGHT: 150%" align=left><font color=#008000 size=3>祝福就像小花，開滿了整片的心田，那是喜悅的果實。</font> </p>
</div></td></tr></tbody></table></div>

語法說明：

ps：文字框大小位置是以輸入的文字為主，所以要有耐心測試喔^^

<p align=center(文字置中)><strong><font face=標楷體(字體) color=#0000cc(字色) size=5(字大小)>祝福果實(文標題)

ps：若這段文標題不想用，直接刪除或不輸入文字就可以看不到它。

<p style="LINE-HEIGHT: 150%(文字行距)" align=left(文字靠右)><font color=#008000(字色) size=3(字大小)>祝福就像小花，開滿了整片的心田，那是喜悅的果實。(內文)

ps：文字的設定還有許多，若您知道指令，就將語法加入，都是可以的，若有不想設定的語法，可以直接刪除，若內文字多要分段，就加入 <br> 這個指令，一個是段行，兩個是空一行，以此類推。

作法:

複製上列公告欄+文字語法→貼入文章發表語法區(將文章發表下方的觀看HTML原始碼打勾，顯示的視窗就是文章語法區)，

更改第一段的圖址寬高,第二段文字框寬高位置,第三段文標題位置字體色大小,第四段內文字體色大小行距。

都好之後，點一下預覽鍵，看看文字是否有在公告欄圖的適當位置，若是沒有就調一下文字框的位置及寬高尺寸，一直到文字出現在公告欄適當位置了，就可以發表了。

↑以上就是如何將文字套入公告欄的語法^^

現今韓風起，許多漂亮可愛美麗的韓圖片素材，真的好多好多，若是不想用Flash製作，可以試試這種方法，只要加入語法，就能將圖片變成留言板或公告欄了。

成果展示

祝福果實

祝福就像小花，開滿了整片的心田，那是喜悅的果實。

玄音敬祝好友們
平安快樂
開心天天
97.04.31

成果語法：

<div align=center>
<table style="WIDTH: 400px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 388px" cellSpacing=0 cellPadding=0 background=http://i002.radikal.ru/0802/14/dfd70dcf007c.gif border=0>
<tbody>
<tr>
<td>
<div style="PADDING-LEFT: 40px; WIDTH: 135px; PADDING-TOP: 20px; HEIGHT: 153px" align=center>
<p align=center><strong><font face=標楷體 color=#0000ff size=5>祝福果實</font></strong></p>
<p style="LINE-HEIGHT: 150%" align=left><font color=#008000 size=3>祝福就像小花，開滿了整片的心田，那是喜悅的果實。<br><br>
<p align=center>玄音敬祝好友們<br>平安快樂<br>開心天天<br>97.04.31</p>
</font></div></tr></tbody></table></div>

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

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

▲top

Jan 06 Tue 2009 18:44
自動加框

/*自動加框*/

.ycntmod .mbd ul.list li {BACKGROUND: url(底圖網址 ) 0% 100%; COLOR:white; border:5px; BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double;}

您想要將欄位自動加框嗎？不過使用這個語法之後，欄位前小圖示的語法會失效，請斟酌使用，如果想觀看效果，請前往 → 小精靈去觀看加框之後的效果（此語法是小精靈所分享）

1.選擇自己喜歡的圖片加進去，如果不加底圖只要框線，也可以不加圖片→ url( )

2.選擇外框的樣式→none、dotted、dashed、solid、double、groove、ridge、insert、 outset

3.設定框線顏色 → COLOR: white 　　英文色碼表一英文色碼表二

4.設定框線的粗細→border:5px; （如果你要框線粗些，增加數字就行了...　）

5.【編輯個人檔案】→【面板設定】→【自訂樣式】將修改後的語法貼進去就行了

（如果你是將語法貼在『文章前小圖的語法』上面，系統就是抓到文章前ㄉ小圖。如果你是將語法貼在『文章前小圖的語法』下面，系統就是抓到框線的底圖。）

（如果你要增加框與框的距離，可以在文章前小圖語法中，找到→margin-bottom:20px←這些文字，然後依自己的喜好，修改距離）

/*Nav module list*文章前小圖*/
.ycntmod .mbd ul.list li {background:url(小圖網址) left .1em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:20px;_line-height:20px;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖網址) 40px center no-repeat;}

............................................................................................................

表格框線顏色css語法說明～～

邊框線名稱︰ border-top（上邊框線）、
                         border-right（右邊框線）、
                         border-bottom（下邊框線）
                         boder-left（左邊框線）；

backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方

邊框樣式指令：none(無邊框)
　　　　　　　dotted(點線)
　　　　　　　dashed(虛線)
　　　　　　　solid(實線)
　　　　　　　double(雙線)
　　　　　　　groove(立體凹線)
　　　　　　　ridge(立體凸線)
　　　　　　　inset(立體嵌入線)
　　　　　　　outset(立體隆起線)

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

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

▲top

Jan 06 Tue 2009 18:42
留言板上妝

您想要讓您的留言板加上圖片嗎？

1.將所選用的圖片網址，加到語法中

2.你的大頭貼下方【編輯個人檔案】→ 【面板設定】→【自訂樣式】

3.將語法貼到css語法中，就行了...

/*guestbook留言版加圖片*/

#ymsgboard q a {background:url(留言板按鈕圖網址) ;}
#ymsgboard .mhd {background:url(留言板標題圖網址) ;}
#ymsgboard .mbd {background:url(留言板底圖網址) ;}

如果你還要更改文字顏色，文字大小，文字字體，

/*guestbook留言版加圖片更換文字顏色*/

#ymsgboard q a {background:url(留言板按鈕圖網址) ;}no-repeat;color:#色碼;font-family:標楷體;font-size:文字大小px;font-weight:bold;}
#ymsgboard .mhd {background:url(留言板標題圖網址) ;}
#ymsgboard .mbd {background:url(留言板底圖網址) ;}
#ymsgboard .mbd .text {color:#色碼;font-family:標楷體;font-size:文字大小px;}
#ymsgboard .mbd .text a {color:#色碼;font-family:標楷體;font-size:文字大小px;}

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

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

▲top

Jan 06 Tue 2009 18:21
背景部落格隱藏語法

奶茶要跟大家說的話..在背景中

圖粉大...點圖觀看http://hk.geocities.com/beowolf0906/1220.gif

選一張背景套入即可或是自己再加上幾個字體或不加背景

一旦使用這語法無法從字自己部落格進入管理部落格唷

要從他人部落格點入管理部落格才行..點我的部落格一樣一片空白

整各部落格只剩背景語法隱藏所有欄位語法

語法此段參考柏憲再加入背景"'勇於嘗試"

body {background:url(http://hk.geocities.com/beowolf0906/1220.gif) #ffffff;display:none;}
html{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;}

部落格一片空白隱藏所有欄位語法

語法下段來自柏憲

body {background:url() #ffffff;display:none;}
html{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;}

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

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

▲top

Jan 06 Tue 2009 18:16
不用做圖框,也能讓自訂欄位裡的所有文字連結都排排站好!

格友是否曾經在自訂欄位裡,使用文字做連結工具,但是當要連結的文字分類(例如:"語言翻譯機""色碼錶".........等等)眾多,且分類的文字字數不一時(例:"語言翻譯機"為5個字,"色碼錶"為3個字),所有文字分類會沒辦法整齊劃一的排排站好呢?

請看以下說明:

一般的文字連結語法:

<a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

在文字連結前加入紅色部分語法:

 <a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

在自定欄位裡按空白鍵是沒作用的,必須加入   方才有用;格友想要文字間隔多遠,就自行加入多少  

如此可讓所有文字向中看齊,還可讓所有文字連結顏色有所變化,也不用另外替再文字做圖框,是不是很方便呢?!

文字連結前加入小圖,在小圖跟文字中有所間隔:(請看屁屁[收藏區]部落右上方的文章分類範例)

<img src="小圖網址"> <a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

完成按儲存後,若要修改,會變成下列模式,看不到 只看到空格,

完成後:
<img src="小圖網址"> <a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

此時只需在<a href="連結網址">前,按 Backspace ,或是在<img src="小圖網址">後,按 Delete ,即可將多餘的 (也就是空格)刪除.

雖不是多偉大的發現,可屁屁還是想與格友們分享,希望有機會能與格友們互相來學習囉!

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

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

▲top

Jan 06 Tue 2009 18:11
文章分類--最新回應--最新文章加上瀏覽滑軌

文章分類--最新回應--最新文章加上瀏覽滑軌

喜歡簡化版面嗎?試試看喔~

(二度空間)語法編輯

/*文章分類--最新回應--最新文章--滑軌產生語法--滑軌可控高度--以下滑軌主色與邊色*/
#ymodfolder, #ymodnewcomt, #ymodnewart {OVERFLOW:auto;HEIGHT:250px;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#0000FF;scrollbar-darkshadow-color:#0000FF;}

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

自訂樣式檢圖說明範例→ http://xs320.xs.to/xs320/07421/W6-4.jpg

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

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

▲top

Jan 06 Tue 2009 18:10
俏俏教學 ♥ 在自訂欄位上放即時通

在自訂欄位放上即時通，大家應該看過吧！那就廢話少說啦！！

點！！ http://cdh.idv.tw/cdh/no11.htm

進去之後！！往下看八

2.顯示類型 3.圖示代碼

這個調到自己喜歡就行啦！

很簡單八～

溫馨教學！

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

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

▲top

Jan 06 Tue 2009 17:50
83種語法教學

83種語法教學

1. 最基本貼圖法

2. 停留時間語法

3. 教您改變滑鼠游標使用方法 (CSS語法) (1)

12. 如何更改標題欄位背景(文章欄位+分類欄位)

37. 自製的yahoo blog模版~快來下載吧

52. 自訂欄位~Flash動畫-時鐘分享卡

74. 【部落格教學分享】使用於奇摩部落格【發表文章】

75.【部落格教學分享】使用於奇摩部落格【自訂欄位】

76.【MV影片】使用於奇摩部落格【自訂欄位】

77.【TVBSN電視】使用於奇摩部落格【自訂欄位】

78. 把家庭劇院帶回家

79. 王建民勝投計數器

80. 施放煙火

81. HiNet 廣播電台音樂製作( 1 )

82. HiNet 廣播電台音樂製作( 2 )

83. 鉛筆FLASH音樂播放器

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

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

▲top

Jan 06 Tue 2009 17:34
字體基本語法

1．字體加星星語法：(SIZE:12pt是字體大小數字愈大文字喻大反之喻小)

color="#FF00FF"是顏色

<span style="FONT-SIZE:12pt;"><font Color='#ff00ff'><font style="background:url(http://hk.geocities.com/aaaa666b/gbco.gif);">嘉康利賣場</font>

嘉康利賣場

2．字體放大語法： (數字愈大文字喻大,反之喻小)

輸入文字

3．字體變粗：<b>想輸入的字</b> 字體變成粗體

字體變粗 想輸入的字 字體變成粗體

4．字體變斜： <i>想輸入的字</i> 字體變成斜體

字體變斜 想輸入的字 字體變成斜體

5．打字機字體： <tt>想輸入的字</tt> 字體顯示打字機的字體

打字機字體 想輸入的字 字體顯示打字機的字體

6．上標字：<sup>想輸入的字</sup> 字體顯示成上標字

上標字 ^{想輸入的字} 字體顯示成上標字下標字

7．下標字：<sub>想輸入的字</sub> 字體顯示成下標字

下標字 _{想輸入的字} 字體顯示成下標字

8．字體加底線： <u>想輸入的字</u> 字體加入底線

字體加底線想輸入的字字體加入底線

9．字型設定： <font face="標楷體">想輸入的字</font> 顯示其它字型

字型設定想輸入的字顯示其它字型

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

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

▲top

這邊跟大家說一下，小翼(不是小衛哦=w=+)有注意到，你們使用範本的時候圖會變得怪怪的(請看圖)：

http://wabis.biz/up0009/20090106140935706944708.jpg

原本刻意把各部份分割為圖層是提供各位改圖跟調色，不過這樣蠻麻煩的，

而且用Ulead GIF Animator 5(舊版)之前開啟都會變得很奇怪，為了不讓大家還要重新安裝，

所以在這個地方把範本做了一下修正，把多個圖層合併在一起，並將最後"上傳成功"做出切割。

也提供多款顏色的範本系列，讓大家在改版的時候也可以跟著改^_^。

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法(另製素材)...........................**

<a target="_blank" href="http://www.wabis.biz/"><img src="圖檔網址"></a>

----------------------------------------- [ 我是分格線 ] -------------------------------------------------------

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖多種色系瀏覽...........................**
以下的範例圖是純顏色搭配白色!!

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 黑色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_black01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 藍色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_blue01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 藍綠色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_blue_green01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 咖啡色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_coffee01.uga

----------------------------------------- [ 我是分格線 ] -------------------------------------------------------

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 綠色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_green01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 橘色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_orange01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 粉紅色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_pink02.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 紫色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_purple01.uga

----------------------------------------- [ 我是分格線 ] -------------------------------------------------------

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 紅色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_red01.uga

{ 衛比斯素材系列 } 分享空間站牌 - 自訂欄位連結圖語法( 淡藍色 )...........................**
(請點右鍵‧另存目標(動態圖)
http://www.wabis.biz/html/wabis_uga/wabis_thin_blue01.uga

+++++++++++++++++++++++++++++++++++++++++++++

{ 衛比斯素材系列 } 分享空間站牌 - 簡易教學(老少咸宜++)...........................**

教學請看上一篇文章：
http://tw.myblog.yahoo.com/fujiwara-tsubasa/article?mid=220&prev=-1&next=185

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

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

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

▲top

Jan 06 Tue 2009 17:25
琳達教學：為你的文章穿上新衣

琳達教學：為你的文章穿上新衣
最近琳達所發表的文章裡，大都會有像下列簡單型的文章框
這種框雖沒有閃閃發亮，但只要顏色配的亮眼，其實看起來也不錯看啦~
它會隨著文章長短不一而自行調整框的大小
尤其是貼語法的部份相當好用喔~
接下來琳達教大家如何來改變顏色
綠色底的部份是英文色碼，也就是框的最外層，這裡提供了英文色碼表→ 琳達英文色碼表
黃色底的部份也是色碼，是漸層的部份，這兒也提供色碼表給您參考→ ★琳達的色碼表★
紅色底的部份是文字的顏色，語法不變，更改色碼就可以嚕~
更改語法適合在記事本裡先做修改，語法完成後在新發文裡的下方之處
有個口觀看HTML 原始碼 (說明)的地方打勾→ 語法貼上→ 再將口觀看HTML 原始碼 (說明)取消打勾，你就可以看到你的文章框囉~再將文字或是圖檔貼在框裡，就醬子一篇文章給它穿上新衣服囉~
琳達自己也設計幾款不同的顏色加上配好的捲軸，好方便自己也可以使用，你也可以試試看喲~
希望你會喜歡此次的教學，也請你正確引用喔~
★要如何正確引用請參考★琳達教你如何引用BLOG文章★
★要外連帶走的請註明原出處：★Linda達令★
★想看更多，請至★琳達教學★ 喲~
★本站文章巳申請註作權，請尊重他人正確引用

★請別移除我的LOGO
教學分享

<P align=center>
<TABLE id=table6 style="BORDER-RIGHT: golenrod 1px dashed; BORDER-TOP: golenrod 1px dashed; BORDER-LEFT: golenrod 1px dashed; BORDER-BOTTOM: golenrod 1px dashed" cellSpacing=5 cellPadding=3 width=528 bgColor=golenrod>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #b4fc00 1px dashed; BORDER-TOP: #b4fc00 1px dashed; BORDER-LEFT: #b4fc00 1px dashed; BORDER-BOTTOM: #b4fc00 1px dashed" bgColor=#b4fc00>
<TABLE id=table7>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px" bgColor=white>
<P align=center><FONT color=#006c00 size=2>文字貼在此處</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

文章框架加捲軸(亮綠)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #d8fc90;SCROLLBAR-FACE-COLOR: #6cd800;SCROLLBAR-HIGHLIGHT-COLOR: #d8fc24;SCROLLBAR-SHADOW-COLOR: #d8fc24;SCROLLBAR-3DLIGHT-COLOR: #d8fc24;SCROLLBAR-DARKSHADOW-COLOR: #d8fc24;SCROLLBAR-ARROW-COLOR: #489048;">文章寫入位置<div>

文字貼在此處

文章框架加捲軸(紫色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #ded5ff;SCROLLBAR-FACE-COLOR: #b424fc;SCROLLBAR-HIGHLIGHT-COLOR: #d890fc;SCROLLBAR-SHADOW-COLOR: #d890fc;SCROLLBAR-3DLIGHT-COLOR: #d890fc;SCROLLBAR-DARKSHADOW-COLOR: #d890fc;SCROLLBAR-ARROW-COLOR: #6c0090;">文章寫入位置<div>

文字貼在此處

文章框架加捲軸(黃色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcb4;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fcfc00;SCROLLBAR-SHADOW-COLOR: #fcfc00;SCROLLBAR-3DLIGHT-COLOR: #fcfc00;SCROLLBAR-DARKSHADOW-COLOR: #fcfc00;SCROLLBAR-ARROW-COLOR: #fcfc00;">文章寫入位置<div>

文字貼在此處

文章框架加捲軸(亮藍)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #b4fcfc;SCROLLBAR-FACE-COLOR: #48fcfc;SCROLLBAR-HIGHLIGHT-COLOR: #0090fc;SCROLLBAR-SHADOW-COLOR: #0090fc;SCROLLBAR-3DLIGHT-COLOR: #0090fc;SCROLLBAR-DARKSHADOW-COLOR: #0090fc;SCROLLBAR-ARROW-COLOR: #0090fc;">文章寫入位置<div>

文字貼在此處

文章框架加捲軸(橘黃)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcb400;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;SCROLLBAR-SHADOW-COLOR: #fc0000SCROLLBAR-3DLIGHT-COLOR: #fc0000;SCROLLBAR-DARKSHADOW-COLOR: #fc0000;SCROLLBAR-ARROW-COLOR: #fc0000;">文章寫入位置<div>

文字貼在此處

文章框架加捲軸(粉紅)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #fcb4d8;SCROLLBAR-HIGHLIGHT-COLOR: #d8006c;SCROLLBAR-SHADOW-COLOR: #d8006c;SCROLLBAR-3DLIGHT-COLOR: #d8006c;SCROLLBAR-DARKSHADOW-COLOR: #d8006c;SCROLLBAR-ARROW-COLOR: #d8006c;">文章寫入位置<div>

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

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

▲top

Jan 05 Mon 2009 18:14
♥ 教學/《如何在文章中放小捲軸》(?)

Hi大家好,荒廢不知道幾千年的希妮教學營又重新啟動了,

哎呦,都忘了自我介紹了(*菜)我是希妮,大家好!!《》

今天要教大家的就像標題講的那樣::

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

這是範例:

這是範例

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

教學開始:

①按文章編輯 ②將捲軸拉到最下方

③

④ 將框框裡的語法貼上去

<p> </p>
<div id=FF91C7 style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff">
<p><font color=#000000>在這裡輸入你要的文字</font> </p>
</div>
<p> </p>

⑤ 再點一次打勾的地方

⑥將捲軸點三下就可以輸入文字

♥ 小捲軸的顏色會和部落格設定的大捲軸顏色相同噢 ♥

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

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

▲top

Jan 05 Mon 2009 18:01
『 ★ 字體中間線條語法教學 ,, *。』

* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

婐肆芽比擴音器 :;-

婐縮婐縮 … 這個語法呀 / 得來容易* (?)

因為很多很多種的部落格文章編輯器都有呀 *目-

偏偏就 Y A H O O 沒有 !!! (翻桌囧!!

* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

語法效果示範 :: ~~字體中間線條語法教學 XDD~~

怎麼樣 ? 怎麼樣 ? 很棒吧 XDDD -ˇ-

OAO 字體中間線條語法 :: <strike>要打的字</font></strike></p>

* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

笨蛋小菜鳥 ♥ * * *

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

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

▲top

Jan 05 Mon 2009 17:57
部落格大框線

以下有四種可做選擇唷～

/*部落格大框線（線條）*/
body {border:框的寬度px double #框的顏色;}

/*部落格大框線（點狀）*/
body{border:框的寬度px dotted #框的顏色;}

/*部落格大框線（虛線）*/
body {border:框的寬度 px dashed #框的顏色;}

/*部落格大框線（立體）*/
html{border-top : 上框的寬度px solid #框的顏色; border-bottom : 下框的寬度px solid 框的顏色; border-left : 左框的寬度px solid #框的顏色; border-right : 右框的寬度px solid #框的顏色;}