2004/09/16 重新出發
2004/09/16
十年 in the memoirs — 00.序
2004/09/19

標準語法大整理

▍CSS 標準語法大整理 [ Version:1.1 Power by Andy Liu . ]


█ 事前準備:


文章用色說明:紅字:語法的指令 綠字:指令的參數 紫字:語法註解

昨天將CSS「邊框」的語法整理好之後(已經放在▍留言區域大動工(含表單設計) [ Version 2.0 ]這篇教學裡面 ),今天想一想,乾脆來將CSS的標準語法作一次的整理好囉!也方便大家以後查詢指令方便。(當然我也很需要^^)

整理的CSS語法包括下列幾種:

  • 背景控制
  • 邊框控制
  • 文字控制
  • 文字連結控制
  • 滑鼠樣式控制
  • 方框控制(邊界、欄位間距)

PS 如果你不清楚語法究竟要怎樣加入或設定?請見文章最下面的「實際操作」。


█ 語法說明 — 背景控制:


/* 語法開始 */

body{ /* body 是可以依照需要作改變的,下面的內容才是重要的! */

background-image:url(圖片位址); /* 圖片連結位置 */
background-attachment:fixed; /* 圖片位置是否要固定 */
background-repeat:no-repeat; /* 圖片是否要重複顯示 */
background-position:right; /* 圖片對齊格式 */
width:400px; /* 文字區塊的寬度 */

}

  1. /* XXX */(註解):註解幫助自己看懂,這部分程式不會執行!XXX可以自行填寫!

  2. textarea(文字區塊):這個部分稱作CSS樣式定義類別,一般來說可以自己定義名稱,但是由於這裡我們是要定義HTML語法的標籤,所以是不能更改的!必須使用textarea。當然如果要定義<h1>,就改為h1!(★注意: 不用“<>“)

  3. background-image(背景影像):看你的圖片位址在何處就怎麼寫!只要填在url()的()裡面即可!

  4. background-attachment(背景附著):在這裡你可以決定背景圖片的位置。
    屬性有:scroll:隨著捲軸捲動 inherit:繼承之前的設定 fixed:固定不動

  5. background-repeat(背景重複):看看背景圖片是不是要重複顯示。
    屬性有:repeat:重複顯示 no-repeat:不重複顯示 repeat-x:只在X軸重複顯示 repeat-y:只在Y軸重複顯示

  6. background-position(背景位置):決定背景要置中、靠左、靠右的設定。
    屬性有:left:靠左對齊 center:置中對齊 right:靠右對齊 top:向上對齊 bottom:向下對齊 inherit:傳統繼承(預設)

  7. width(寬):文字區塊的寬度 (可以不設定,系統會自動設定大小)

  8. height(高):文字區塊的高度 (可以不設定,系統會自動設定大小)

PS1 其餘在「textarea」裡面還能夠加上許多設定。例如邊線、文字顏色等等!因為部屬於這部分的討論範圍!暫時就不列出來!

PS2 如果你不使用背景影像的話,只想用純顏色當背景時,可以將background-image(背景影像)background-color(背景顏色)取代!但是儘量避免兩個語法同時使用!

範例:background-color:#FF6600; 綠色的部分就是填上自己喜歡的顏色!


█ 語法說明 — 邊框控制:


/* 語法開始:寫法一 — 分門別類,無微不至 */

/* 分成上下左右(4部分) 寬度樣式顏色(3部分) 總計12(4×3)行 */

body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */

border-XXX-width: 1px; /* 邊框寬度 */
border-XXX-style:
dotted;
/* 邊框樣式 */
border-XXX-color:
#0066FF;
/* 邊框顏色 */

}

  1. XXX:請各位先注意XXX的部分,這裡XXX代表著是邊框的上下左右。
    屬性有:top:上方 bottom:下方 left:左邊 right:右邊
  2. Width(寬):邊框寬度。屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)
  3. Style(樣式):邊框樣式。屬性有:dotted:點狀線 dashed:虛線 solid:實線 double:雙實線 groove溝道狀 ridge山脊狀inset凹陷狀 outset凸起狀
  4. Color(顏色):邊框顏色。屬性為:#XXXXXX (XXXXXX為顏色代碼)

/* 語法開始:寫法二 — 精簡寫法,功用一樣 */

/* 只分成上下左右(4部分) 寬度樣式顏色並列在同一行程式 */

body {

border-XXX: width  style color; /* 邊框 寬度 樣式 顏色 */
}

★注意:相關的語法大致和第一種都像同,只是寫法不一樣!假設我要設定上方邊框為寬度一像素、虛線、紅色,就可以寫成:

border-top: 1px dashed #FF0000; /* 邊框 寬度 樣式 顏色 */

/* 語法開始:寫法三 — 最為精簡、但有限制 */

/* 使用時機:當上下左右、寬度、樣式、顏色都要設定一樣的時候 */

body {

border: width  style color; /* 邊框 寬度 樣式 顏色 */
}

★注意:相關的語法大致和第二種都像同,只是這部分 border-XXX 改為 border 。因為此時我們已經不用在設定上下左右了!


█ 語法說明 — 文字控制:


/* 語法開始 */

body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */

color: #006699; /* 文字顏色 */
font-family:
“Times New Roman”;
/* 文字字型 */
font-size:
14pt;
/* 文字大小 */
font-style:
normal;
/* 文字樣式 */
line-height:
1.5px;
/* 文字行高 */
font-weight:
bold;
/* 文字粗細 */
font-variant:
normal;
/* 文字變形 */
text-transform:
capitalize;
/* 文字大小寫 */
text-decoration:
underline overline line-through blink;
/* 文字裝飾 */

vertical-align: super ; /*文字上、下標字*/

text-align: center; /* 文字對齊方式(水平) */
vertical-align:
top;
/* 文字對齊方式(垂直) */

letter-spacing: 120%; /* 單字間距 */
word-spacing:
120%;
/* 字母間距 */
text-indent: 10px; /* 文字縮排 */
}

  1. color(顏色):設定字體顏色。屬性為:color:#XXXXXX (XXXXXX 為顏色代碼)
  2. font-family(文字字型):設定文字字型。屬性為:font-family:“XXX” (XXX為字體顏色)

例如要用新細明體就是:font-family:新細明體

★注意:你所設定的字型必須對方的電腦也有這樣的字型,當別人在瀏覽網頁時,才能正常顯示喔!

  1. font-size(文字大小):設定文字大小。屬性有:N px:像素   N pt:點 (N必須為正整數)
  2. font-style(文字樣式):設定文字樣式。屬性有:normal:正常 italic:斜體 oblique:偏斜體
  3. line-height(文字行高):設定文字行高。屬性有:N %:百分比 (100為正常值 150 就是1.5倍 依此類推) N px:像素   N pt:點 (N必須為正整數)
  4. font-weight(文字粗細):設定文字粗細。屬性有:normal:正常 bold:粗體 bolder:特粗 細體:lighter 另外你也可以直接設定為:font-weight: N; (N為正整數 起始值為100)
  5. font-variant(文字變形):設定文字變形。屬性有:normal:正常 small-caps:小型大寫字.
  6. text-transform(文字大小寫):設定文字大小寫。屬性有:capitalize:字首大寫 uppercase:全部大寫 lowercase:全部小寫
  7. text-decoration(文字裝飾):設定文字裝飾。屬性有:underline:底線 overline:上端線 line-through:刪除線 blink:文字閃爍 none:無線(亦可刪除連結底線)
  8. vertical-align(上下標字型):設定上下標字型。屬性有:super:上標字 sub:下標字
  9. text-align(文字對齊)決定 文字水平對齊方式。屬性有:left:靠左對齊 center:置中對齊 right:靠右對齊
  10. vertical-align(垂直對齊):決定 垂直對齊方式。屬性有:top:向上對齊 bottom:向下對齊 inherit:傳統繼承(預設)
  11. letter-spacing(單字間距 )設定單字間距。屬性有:N %:百分比 (100為正常值 150 就是1.5倍 依此類推) N px:像素   N pt:點 (N必須為正整數)
  12. word-spacing(字母間距):設定字母間距。屬性有:N %:百分比 (100為正常值 150 就是1.5倍 依此類推) N px:像素   N pt:點 (N必須為正整數)
  13. text-indent(文字縮排):設定文字 縮排距離。屬性有:N px:像素   N pt:點 (N必須為正整數)

★注意:關於第9點中的「閃爍」效果和第10點的「上下標字型」,會依據瀏覽器、網頁語法編寫不同,而決定是否有支援!也就是不一定設定了就會顯示此類效果!


█ 語法說明 — 文字連結控制:


/* 語法開始 */

a              {font-weight:normal; font-size:10pt; color:#298bd3; text-decoration:none;}
a:link      {font-weight:
normal; font-size:10pt; color:#298bd3; text-decoration:none;}
a:visited {font-weight:
normal; font-size:10pt; color:#298bd3; text-decoration:none;}
a:active  {font-weight:
normal; font-size:10pt; color:#0033cc; text-decoration:none;}
a:hover   {font-weight:
normal; font-size:10pt; color:#0033cc; text-decoration:none;}

/* 語法結束 */

★注意:這四行語法分別是獨立的語法,不用在在任何的 { … }當中,注意看,這些語法本身就有 { … }

  1. a:設定所有連結的樣式!

  2. a:link設定連結(正常情況之下)的樣式。

  3. a:visited:設定拜訪過的連結樣式。(也就是點選過的連結)

  4. a:active:設定正在作連結動作時候的樣式。(也就是當你滑鼠按下連結的那時刻)

  5. a:hover:設定當滑鼠移到連結上面時候的連結樣式!

PS3 在大刮號中間 { … },就是我們填寫語法控制的部分,你可以依據你自己想要的樣式,參考前面的「背景、邊框、文字」控制語法來加以設定!

★重要觀念說明:

Question:以上說的連結樣式設定是針對全部的網誌頁面來說,如果我現在只要針對「行事曆」的部分作連結設定,又該如何設定呢?請繼續看下去喔!

Ans:以無名網誌為例:在無名網誌的CSS設定當中,可以找到「.calendar」這個部分,這就是「行事曆」樣式設定的部分。那我們是將語法寫在「.calendar」當中嗎?答案是否定的!很多人以為要修改這部分的連結樣式,只要將上面五行文字寫到「.calendar」當中就可以囉,這是錯誤的觀念。因為在CSS語法當中,在一個相對應的 { … } 當中,不可以在包含有其他的 { … },而在「.calendar」語法當中,它自己本身就已經有一組{ … },所以不能將上面五行的連結語法加入到「.calendar」當中,因為這五行語法本身都包含著 { … }

★注意:在CSS語法當中,在一個相對應的 { … } 當中,不可以在包含有其他的 { … }

我們採取解決的方式,在程式語法當中稱之為「繼承」。在原先的屬性下再加入一個新的屬性。這段文字看不懂,就直接跳到下面吧!(這個對初學者有點難懂!)

/* 語法開始 */

.calendar a              {font-weight:normal; font-size:10pt; color:#298bd3; text-decoration:none;}
.calendar a:link      {font-weight:normal; font-size:10pt; color:#298bd3; text-decoration:none;}
.calendar a:visited {font-weight:normal; font-size:10pt; color:#298bd3; text-decoration:none;}
.calendar a:active  {font-weight:normal; font-size:10pt; color:#0033cc; text-decoration:none;}
.calendar a:hover   {font-weight:normal; font-size:10pt; color:#0033cc; text-decoration:none;}

/* 語法結束 */

我們必須另外定義五行新的樣式,在連結前面加上我們要設定的「.calendar」部分,這樣就可以特定為這個部分「.calendar」設定連結樣式,而不會和網誌的其他部分有所衝突!

同理,如果要修改其他部分,就將「.calendar」改為你要修正部分的名稱即可。例如:要修改「標題Banner」就將「.calendar」改成「#banner」。至於前面是 “.” 、 “#” 還是沒有 “”,就必須根據你CSS樣式表裡面的設定決定囉!不要小看這一個符號喔!設定錯,可是沒有用的喔!


█ 語法說明 — 滑鼠樣式控制:


/* 語法開始 */

body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */

cursor: text;
}

  1. cursor(游標):設定滑鼠游標的樣式。

    屬性有:

    1. default:預設值

    2. hand:連結的手形

    3. crosshair:十字(無箭頭)

    4. move:十字(有箭頭)

    5. text:打字的 I 圖案

    6. wait:漏斗形狀

    7. help:預設值符號加上一個問號

    8. n-resize:箭頭朝上

    9. s-resize:箭頭朝下

    10. w-resize:箭頭朝左

    11. e-resize:箭頭朝右

    12. nw-resize:箭頭朝左上

    13. se-resize:箭頭朝右下

    14. ne-resize:箭頭朝右上

    15. sw-resize:箭頭朝左下

    圖例說明:

另外有些人或許覺得使用這些預設的符號還是不夠特別,想要讓滑鼠符號更為特別,那還可以用下面的語法!

/* 語法開始 */

body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */

cursor: url(“圖檔名.cur”);
}

★注意:圖檔名後面的 “.cur” 為檔案的副檔名,你可以使用兩種格式:一、 “.cur” 靜態游標;二、 “.cur” 動態游標。(所謂動態游標就是,滑鼠游標本身是會動的!)

PS4 如果你需要自行繪製滑鼠游標的圖案,你可以到(凱哥)這邊,他有詳細的說明!

http://www.wretch.cc/blog/ppkeigo&article_id=519816


█ 語法說明 — 方框控制(邊界、欄位間距):


/* 語法開始 */

body { /* body 是可以依照需要作改變的,下面的內容才是重要的! */

margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px;
/* 欄位間距設定 */
}

  1. XXX:請各位先注意XXX的部分,這裡XXX代表著是 邊界、欄位間距的上下左右。
    屬性有:top:上方 bottom:下方 left:左邊 right:右邊

  2. 邊界屬性設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)

  3. 欄位間距設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)

PS5 如果你的邊界、欄位間距四個方向(上下左右)都要設定為一樣,語法可以寫成:

margin: N px;
padding:N px;


█ 實際操作:


為了提供更生動的教學方式,首次採用新的方式!將整個說明過程,製作成動態投影片,希望大家會覺得為方便喔!

(測試中…改天有空在修正更好點!)


|| 歡迎轉載 但請勿盜用|| http://andyliu.24cc.com
Copyright (C) 2004 Andyliu Design . All rights reserved .

276 Comments

  1. ukyo 說:

    好詳細喔^^,超棒
    我會常常來參考的~
    感恩~

  2. tjliu 說:

    Thank!
    如果有發現錯字還是錯誤在告訴我喔!

  3. DIESEL6945 說:

    加油加油..
    寫的很詳細歐~

  4. LION 說:

    哇哇
    猴塞雷

  5. 黃色小鐵人 說:

    你好
    請問一下這語法也可以用在BLOGGER系統裡面嗎?

  6. tjliu 說:

    當然拉!CSS語法是通用的^^

  7. cheepman 說:

    老實講覺得每次來都會學到不少東西。
    雖然有一些是已經會的,但仍然可以學到沒學過的
    可謂是人上有人
    只可惜我的懶人個性告訴我,我的網址這樣就夠了
    否則我也想多花點力氣去搞…
    還是非常感謝你熱心的教學
    看到你的網誌都會覺得心曠神怡…

  8. tjliu 說:

    謝謝你喔!
    其實太過花俏也不好不是嗎?
    重要的還是內容的部分阿!^^

  9. 王同學 說:

    我又來撒尿了

    寫的很好耶…

    看不出來你是個頑皮的小孩

  10. tjliu 說:

    我大概知道你是誰囉~
    不過你怎麼會晃到我這邊阿?

    對囉! 我怎麼不像頑皮的小孩阿?
    哈哈!應該是文藝青年嗎?

  11. jimmylin 說:

    非常有用的教學,多謝分享!

  12. tjliu 說:

    to jimmylin:

    在請多多支持囉!^^

  13. drurumi 說:

    哇我的天阿
    你把網誌改的像網站了
    厲害!

  14. tjliu 說:

    to drurumi:

    怎麼說呢?^^
    難怪有些人都分不清
    我的個人網站和這裡的分別

  15. 水梨 說:

    請問~
    按鈕按下去或滑鼠停在上面的時候
    背景和字型要改變的話
    語法要加在哪邊?
    input的下面嗎?

  16. tjliu 說:

    to 水梨:

    如果是連結字型要改變,就加在

    a {font-weight:normal; font-size:10pt; color:#298bd3; text-
    decoration:none;}
    a:link {font-weight:normal; font-size:10pt; color:#298bd3; text-
    decoration:none;}
    a:visited {font-weight:normal; font-size:10pt; color:#298bd3; text-
    decoration:none;}
    a:active {font-weight:normal; font-size:10pt; color:#0033cc; text-
    decoration:none;}
    a:hover {font-weight:normal; font-size:10pt; color:#0033cc; text-
    decoration:none;}

    這些語法裡面。
    看要那邊變化,就加在那邊!

    Input 使只表單欄位!

  17. 水梨 說:

    噢@@”
    謝謝解說啊>ˇ<

  18. tjliu 說:

    to 水梨:

    希望對你有幫助囉^^

  19. ironhao 說:

    請問大大:
    我的博客的文章內容回應的字體真的好小,也沒有區隔線來分隔上
    下的留言,請問該如何更改這兩個地方呢?
    請指導一下吧!謝謝您。

  20. tjliu 說:

    to ironhao:

    你可以嘗試修改 .comments-body {}
    這個部分,下面我附上我的原始碼,你再參考看看!

    .comments-body {
    font-weight:normal;
    font-size:small;
    background:#fff;
    padding-bottom:10px;
    color:#333333;
    line-height:140%;
    padding-top:10px;
    border-bottom:#999 1px dotted;
    font-family:”Times New Roman”, Times, serif;
    }

  21. ironhao 說:

    謝謝tjliu的熱情指導,已經解決問題了。
    再若若的請教一下:
    日誌如果要用網址連結其他網站,要用哪個語法才會另開一個視
    窗,而不會開在原本那個網頁裡面呢?
    三Q。。。

  22. tjliu 說:

    to ironhao:

    在HTML語法裡面

    連結顯示文字
    你在這個語法當中加上 target=”_blank”
    如下面

    連結顯示文字

    這樣即可以讓連結開在新的視窗!

  23. ironhao 說:

    太感謝你啦
    真是我等文盲的救世主。。。

  24. tjliu 說:

    to ironhao:

    說的太誇張了喔!不用這麼客氣^^

    有空多多留言喔…

  25. dorishu505 說:

    對我這程式白痴來說
    你真是神ㄟ~
    從小布那連過來
    現在正在學作網頁
    有問題的話要請你多多指教喔

  26. tjliu 說:

    to dorishu505:

    OK~歡迎你的到來^^

  27. wing0503 說:

    嗯…
    我想請問一下 如果要讓背景可以整張展開要怎麼用?
    一直沒有人可以給我這個解答…
    拜託告訴我好嗎?
    謝謝!!

  28. tjliu 說:

    to wing0503:

    原則上
    如果你的圖片不夠到整個畫面大小的話
    在CSS背景的語法當中
    是只有提供「重複」、「不重複」的語法
    因為無名的是用CSS控制版面配置
    所以無法支援展開圖片的功能

    所以你的背景圖片一定要本來的大小就
    符合你要使用的…

  29. peggy 說:

    不好意思~~
    我還是看不清楚超連結的底線要怎麼刪
    我已經試過1個多小時還是沒辨法成功>””<(快瘋了)

  30. tjliu 說:

    to :peggy

    你在連結的語法當中,加入「text-decoration:none;」即可
    例如下面所示:

    A {
    font-weight:bold;
    font-size:12pt;
    color:#106BC6;
    text-decoration:none;
    font-family:”Times New Roman”, Times, serif;
    border: none;
    }

  31. p01117momo 說:

    你真的好神ㄟ….ㄏㄏㄏ…
    我想請教一下喔~我整個的背景圖已經改成我自己想要的樣式了
    可是卻沒有辦法改到最新文章的框裡面的底圖還有旁邊包含公佈欄
    那邊的框裡面的底圖…..不知道這些你知道怎麼改ㄇ?麻煩你囉!
    ^_^

  32. tjliu 說:

    to p01117momo:

    你說的那部分
    其實我只是設計一張背景圖片
    當作是標題的背景而已

    你可以參考「留言區域背景(含表單修改)教學」
    這一篇的教學^^
    http://www.wretch.cc/blog/tjliu&article_id=859496

  33. ting76120 說:

    請問我想要讓游標停在照片上面的時候變成十字型要怎麼弄阿!?
    @@

  34. tjliu 說:

    to ting76120:

    在BODY下面的a:hover 做些修正
    例如下面所示:

    a:hover{
    cursor: crosshair;
    }

    將 cursor: crosshair;加上a:hover的大刮號中就行囉!

  35. p01117momo 說:

    嗯~非常感謝你喔~
    不過我現在遇到一個大問題說…
    就是阿~
    我不知道該怎麼把旁邊所有ㄉ字變大ㄟ
    因為我用你上面的文字控制下去做
    做出來的永遠都只有最上面的標題那邊會變大
    可是旁邊一排都還是沒有變ㄟ
    想麻煩你教教我喔!
    感謝你喔!

  36. tjliu 說:

    to p01117momo:

    CSS語法的字體控制大小
    只是用來「控制文字大小」
    實際上你要將「旁邊」的字放大
    必須將語法放在控制的區段語法當中才行

    例如將語法放置在

    .sidetitle {}

    這個大刮號當中才行

    你說的問題可能是你將字體的控制語法放置在
    #banner {}

    or .body{}中

    所以才會只有上面的自己改變

  37. friendz4eva 說:

    對不起喔~~但是我想學習…如何把相簿的…標題~ 改再那個有幾張照
    片的上面…^^ 可以請你tell me嗎?^^

  38. tjliu 說:

    to friendz4eva::

    不太懂你的意思耶
    是不是有哪些相簿是這樣做
    可以POST網址讓我看看呢…

  39. 訪客 說:

    恩…之前我相簿的標題是在相簿的上面… 呃~怎麼講呢~ 他就呈現在照片的底
    部那邊…
    那我就很困擾阿..因為很多人的標題~都是在相框的下面 也就是..顯示每本相簿相
    簿有幾張照片的上面..

    不過^^” 沒關係了… 因為我今天好像找到了要在哪裡改..所以沒關係嚕~^^

    恩…不過..我有件事情想告知就是..有關..游標放在網頁空間的事情^^”
    那個…小叮噹個人空間是否可以放置阿… 因為我試做了一個游標放在那邊..
    (靜態的) 放進語法裡後有顯示出來耶..

  40. tjliu 說:

    to friendz4eva:

    有顯示出來的話,應該就沒有問題阿!
    如果你確定小叮噹是網頁空間而不是郵件空間
    那就沒有問題囉
    網頁空間一定可以放置圖片的!

  41. tkoichi51 說:

    想請問要怎麼把logo貼在連結區呢?
    我一直找不到教學耶!><
    謝謝

  42. tjliu 說:

    to tkoichi51:

    LOGO貼到連結區的語法如下:
    在名稱的欄位填上

    width=”125″ height=”20″ border=”0″ align=”middle>

    SRE 裡面的網址就是你圖片的網址
    width 寬度
    height 長度
    border 邊框大小

  43. 伴點 說:

    嗨`你好唷!我想請教你一個問題,如何設定ccs背景音樂而且ccs語
    法又如何捏.!.麻煩你了唷~謝謝

  44. egg2811 說:

    hidden=”true” loop=”true” autostart=”true”>
    我照妳的語法用但是我放在網秩序數裡面還是沒有音樂ㄝ= =
    大大可不可以跟我講哪裡出了錯>”< ~!

  45. tjliu 說:

    to 伴點:

    語法的部分,你可以參考放置影片教學那篇文章!
    裡面有寫到…
    另外要放置影片或音樂,是使用HTML語法
    並非CSS語法!

    to egg2811:

    你的語法並沒有問題!
    如果真的不行
    你將
    src=http://midi.club.st/midis/tvs/tv10/magic_castle.mid

    這一行改為

    src=”http://midi.club.st/midis/tvs/tv10/magic_castle.mid”

    加上引號試試看

  46. iamuy723 說:

    你好!
    我的問題同egg2811
    可是我早有加引號
    還是沒有反應ㄝ 也沒有聲音

    是因為我沒有申請無民金卡的問題ㄇ 還是…?
    謝謝你喔

  47. sixyou 說:

    請問我網致裡面會有藍色的部分,該怎麼調成我想要的顏色 ?
    我用這個調卻只有一些更動了而已↓
    input, select {
    color :#ffccff;
    font-size : 10pt ;
    background-color :#000000;  
    }

    謝謝

  48. tjliu 說:

    to iamuy723:

    你將語法改換到其他的欄位試試看
    有人這樣就可以囉!

    to sixyou:

    在語法 Color 後面就是顏色的代碼
    你只要調整成你要的顏色即可!

  49. yanniac2 說:

    你好我想在每個文章標題前加上我想要低圖片,要怎麼加ㄋ,要寫在哪

  50. yanniac2 說:

    再請問一下,您的官方連結用圖阿,那個圖要怎ㄇ用在超連結上,我之
    前用一個網站,要把超連結改成向你那樣,可是怎ㄇ用都不行,不知道
    你能不能和我說,就是說我想把網站內的超連結變成有圖案低,按下去
    就會連到我要低網站.,請問那語法要怎ㄇ用,能詳細和我說嗎,謝謝

  51. tjliu 說:

    to yanniac2:

    .title {
    padding-left:30px;
    padding-top:15px;
    padding-bottom:15px;
    background-image:url();
    }

    你看一下這四行語法,padding的意思是可以在頁面上面空出空間
    我的圖放的是一個小正方形LOGO,大小約30pixel
    因此我在padding-left設定30
    如此一來你的標題就會在左邊空出30的大小空間
    這時候你再看一下background-image:url();
    ()中填入你要的圖片連結
    這裡是將他設成背景圖
    由於剛剛已經有空出空間
    因此圖片就不會被文字檔到了!
    你先試試看囉!^^

    至於你的第二個問題你可以參考
    http://163.17.142.202/andyliu/promote/loveagain.htm
    這個網頁中,
    最下面我有放置語法你可以參考
    border=”0″
    src=”http://163.17.142.202/andyliu/promote/loveagainlogo.gif”
    width=”31″ height=”88″>

    href 裡面是要連結的網址
    img 是要顯示的圖片

    如果要在新視窗開啟
    要加上target=”_blank” 在 a 與 href 中間…

  52. tomorrow999 說:

    如果我要將我ㄉ首頁的右邊一整排拉到最右邊.
    請問我要怎ㄇ操作呢??
    不好意思又來麻煩您嚕…

  53. chine1126 說:

    教學很詳細呢!!^^

    不過我想請問一下:
    怎麼修改回覆留言的文字顏色呢?

  54. tjliu 說:

    to tomorrow999:

    這應該是解析度的問題,
    我用1024*768 看是沒有問題的!
    如果你要改善的話就必須將左邊的寬度縮小
    或者改用1024*768的螢幕解析度觀看

    to chine1126:

    在CSS樣式表中應該可以找到
    .comments-post{}
    修改裡面的color:#666666;的部分即可

  55. alin0125 說:

    請問我想在我的css裡面加上鎖滑鼠右鍵的語法
    有辦法嗎?

  56. tjliu 說:

    to alin0125:

    鎖右鍵語法一般是JavaScript寫成的
    通常是加在HTML語法當中
    而不是加在CSS語法中。
    而且無名好像不支援JavaScript喔

  57. ksdmy 說:

    那請問大大圖片(當背景 在相簿區)上面po的語法要擺在css表的哪
    裡呢?
    其實我是想弄圖片區域連結 可是現在連最基本的都做不到
    教教我吧 拜託….

    原本寫的:


    ex89

    href=”http://www.23hq.com/suzumiya/album/list”>

    src=http://home.pchome.com.tw/myhome/ksdmy/29.jpg=”#patinting”>

    要加到這裡面的:
    BODY {
    BACKGROUND: url
    (http://home.pchome.com.tw/myhome/ksdmy/29.jpg) #000 fixed no-
    repeat right bottom; MARGIN: 0px; COLOR: #cfc
    }
    A {
    COLOR: #dd8; TEXT-DECORATION: none
    }
    A:link {
    COLOR: #dd8; TEXT-DECORATION: none
    }
    A:visited {
    COLOR: #dd8; TEXT-DECORATION: none
    }
    A:active {
    COLOR: #ffb; TEXT-DECORATION: underline
    }
    A:hover {
    COLOR: #ffb; TEXT-DECORATION: underline
    }
    #banner {
    BORDER-RIGHT: #565 1px; PADDING-RIGHT: 20px;
    BORDER-TOP: #565 1px; PADDING-LEFT: 20px; FONT-WEIGHT:
    bold; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px;
    MARGIN: 5px; BORDER-LEFT: #565 1px; COLOR: #8f

  58. ksdmy 說:

    還有無名他寫的方式和括弧.引號都跟我看的不一樣…
    到底是…?

  59. tjliu 說:

    to ksdmy:

    BODY {
    BACKGROUND: url
    (http://home.pchome.com.tw/myhome/ksdmy/29.jpg) #000 fixed no-
    repeat right bottom; MARGIN: 0px; COLOR: #cfc
    }

    你只要修改url後面的網址即可
    改成你要的圖片連結

  60. ksdmy 說:

    大大
    是背景圖的區域連結啦…

    指到某個地方的

  61. tjliu 說:

    to ksdmy:

    你說的圖片區域連結指的是什麼呢?
    我不太清楚耶!
    是不是可以再說的清楚一點呢…

  62. yiing135 說:

    謝謝!!
    寫的好詳細呢~~

  63. leomax18 說:

    我的css好像怪怪的
    想請問如何用無名還原王@@

  64. sheryltsai 說:

    各位前輩:
    小妹新手上路.
    因為很想要在網路上有個空間可以讓我和好朋友交流.
    卻不知道該怎麼做.(我知道我是吏前人類..>_< )
    這是我第一次使用部落格.看到大家在更改 ccs
    ccs??(我剛才有試了一下..結果照片都不見了..又急忙把自己打上的語
    法刪除..)
    是不是有些地方是有這樣的教學內容呢…
    因為我真的很想要 “進化” 謝謝大家

  65. tjliu 說:

    to yiing135:

    謝謝你喔!

    to leomax18:

    對不起耶!我沒有用過還原王,
    我記得無名有新手教學
    是不是你再查看看呢?不好意思!

  66. sanxl 說:

    先說聲謝謝!寫的好詳細唷:)
    讓想做出個人風格的人能好好的玩^^/
    因為你的教學都有〝註解〞
    讓人可以了解什麼地方要做些什麼事~~(至少我就是醬XD)
    你的教學會永遠在吧??
    因為我還會再來學習的!!

  67. crazyba 說:

    你寫的很詳細 … 但是我完全不懂耶 !

    超認真的看完一遍後 …

    還是不懂 … > < " 有沒有比較基本的CCS樣本 … 可以給我參考參考阿 !?

  68. 宝儿 說:

    嘻嘻..
    对我这个新手来说太重要拉.先收藏.然后慢慢研究.
    如果小妹有不懂之处.前辈可要教我哦.*_&

  69. pigforever 說:

    那個就是我想問 …
    要怎麼放影片在網誌呢??
    可以教教我嗎!!
    我完全不懂語法
    感謝尼~~~

  70. tjliu 說:

    —————————————————————-
    to 大家:

    大家好,不好意思最近一陣子都在忙
    所以遲遲沒有上線,因此比較晚回覆,抱歉!
    —————————————————————-

    to sanxl:

    很高興你喜歡這邊的教學,
    教學的文章會一直放著的,
    如果你有任何問題都歡迎留言喔!

    to 宝儿:

    歡迎有空常來,
    有任何問題都可以留言的!^^

    to pigforever:

    在另一篇教學當中有寫到,
    你可以參考看看!
    「網誌如何放置影片教學」
    http://www.wretch.cc/blog/tjliu&article_id=875270

  71. tjliu 說:

    to crazyba:

    我沒有設計其他的CSS樣式耶
    我主要是寫自己BLOG的而已
    如果你想要參考我的也可以…
    這部分可能比較抱歉喔!

  72. kant 說:

    請問一下~為什麼我把滑鼠游標的聯結都用上去後,背景就會不見
    呢??

  73. kissakame 說:

    不好意思 我想請問一下喔

    就是無名的網誌阿

    在自己的網誌裡面

    有無名logo的連結

    怎樣才可以把無名logo圖換成自己做的圖呢?

    看到有些人的網誌都可以換 可是不知道要怎麼弄....

    謝謝︿︿

  74. tjliu 說:

    to kant:

    滑鼠游標用上去?
    這句話我不太懂耶
    可以麻煩說詳細一點嗎?

    to kissakame:

    這麼部分我沒有研究耶
    最近都很忙,沒有很多時間再用BLOG
    你要不要嘗試問問看你看到的網誌的主人呢?

  75. firebluetear 說:

    有一個小問題,在這個網址中http://www.wretch.cc/blog/blog.php?
    id=amarylliss&article_id=3126969艾瑪可以把小黑貓擺在右手邊的位
    置,這個要怎麼用??

  76. LittleGrace 說:

    不好意思,打擾了
    想請問一下
    網誌中的播放相簿區
    裡的文字顏色要如何更改?

  77. tjliu 說:

    to firebluetear:

    他只是在文章中插入一段FLASH語法。
    小黑貓本身是FLASH動畫。
    你給我的網頁小黑貓下方就有語法囉
    你可以將他加到你文章中試試看

    to LittleGrace:

    應該是改CSS語法中
    .side {}的這一個部分
    你在試試看囉^^

  78. shannon555 說:

    不好意思~請問一下,如果要把個人資料上的背景換成自己想要
    的,可是照片又不能變大,但是又想要全開的話,該如何去改那個
    照片的大小呢?因為版大你說不能夠用CCS去更改大小,那既然
    這樣,該如何解決呢?謝謝你~><!

  79. ndmc928027 說:

    你好..請問
    我要把我向本李ㄉ照片拿來放在相簿首頁..
    要怎麼把它弄成正面都是我ㄉ相片蔫??
    語法我都不會用..

    是要貼上這ㄍㄇ??
    我ㄉ背景語法目前是這樣
    BODY {BACKGROUND-POSITION: center center; BACKGROUND-
    ATTACHMENT: scroll; BACKGROUND-IMAGE: url
    (http://pic13.pic.wretch.cc/photos/6/n/ndmc928027/3/1131459454.jpg);
    BACKGROUND-REPEAT: no-repeat;
    }
    那我要崇哪裡改ㄋ??謝謝

  80. winder407 說:

    你好呀,不好意思,請問一下唷
    如果要更改行事曆的數字顏色的語法是什麼呢?
    因為本來的行事曆數字顏色是黑色的
    包含當日人次、累積人次等那邊也是黑色的….
    可是不曉得為什麼PO完最新的文章後就變成亮粉紅了
    覺得看上去很不習慣,卻又沒辦法把它變回黑色
    可以請你告訴我嗎?謝謝唷!^^

  81. tjliu 說:

    to winder407:

    一般來說文字的顏色只要改
    color: #006699; 後面的#006699就是代表顏色。

    POST完新文章顏色會改變,
    這應該是連結文字顏色的設定問題,
    要修改

    a {color:#298bd3}
    a:link {color:#298bd3}
    a:visited {color:#298bd3}
    a:active {color:#298bd3}
    a:hover {color:#298bd3}

    這些部分,將顏色修改!(詳細語法請見上面文章說明)

    PS 這些部分都必須在

    .calendar{} or .calendarhead{} 這個部分裡修改喔!

  82. inscott 說:

    你好,我有一個問題想請問,
    就是每篇文章不是有回覆的功能,
    像你每篇每篇留言都有分格的咖啡色虛線,
    這該怎麼設定呢?
    css該怎麼改呢?

  83. inscott 說:

    你好,我想請問一下,關於你網誌的回應留言,
    每一篇每一篇中間有咖啡色的分隔需線,
    這在css該怎麼設定呢?

    可以麻煩你教教我嗎?
    謝謝~~!

  84. tjliu 說:

    to inscott:

    你可以在CSS語法中加入(選擇你要的區域)以下的語法:

    border-right:1px dashed #764D37;
    border-left:1px dashed #764D37;
    border-bottom:1px dashed #764D37;
    border-top:1px dashed #764D37;

    right、left、bottom、top 分別代表右、左、下、上
    1px 代表虛線的寬度
    dashed 代表線條為虛線
    #764D37 為線條顏色,可依照需要修改

  85. hzdoll 說:

    您好,我想請問您…
    要如何在無名網誌貼上”隱藏音樂”呢?
    請問您可以給我語法嗎?
    謝謝您.

  86. tjliu 說:

    to hzdoll:

    你可以參考我另外一篇的教學,
    「放置背景音樂教學」這篇文章,
    若有問題在留言給我囉!
    http://www.wretch.cc/blog/tjliu&article_id=854126

  87. renyoh 說:

    這篇教學其實有個語法不標準喔 XD

    hand:連結的手形

    這個hand其實應該是pointer
    不過舊版的IE只認得hand

  88. tjliu 說:

    to renyoh:

    謝謝你的指教喔!

    因為這篇教學是以前寫的,所以沒有在修正過囉!
    至於那個是標準,我這方面的資訊便不是很清楚。
    我查了一下在新版Dreamweaver 8裡面的CSS設定
    其實已經拿掉這一項設定。
    在舊版的MX 2004裡面則還是Hand.
    可能你說的是比較新的資訊。
    PS Dreamweaver通常會將比不常用或標準不一的項目拿掉。例如:
    iFream就不支援。

  89. renyoh 說:

    這是有關CSS 2.1標準的文件 ^^
    http://www.w3.org/TR/CSS21/

  90. tjliu 說:

    to renyoh:

    謝謝你喔^^

  91. kathy 說:

    請問要如何作網站連結呢
    比如說我想將你的網站連結在我的網站上
    要用語法嗎
    貼在哪

    多謝回復

  92. HAN 說:

    請問一下,要改文章底下的那排字顏色,要哪改...
    就是 [回應] 這些可以連結的字,要如何改顏色呢@@?

  93. tjliu 說:

    to kathy:

    要增加網站連結,你可以在「資料夾管理」中「新增連結」
    語法的話是採用HTML…

    在「名稱」一覽填上語法

    範例: src=”http://pic13.pic.wretch.cc/photos/7/t/tjliu/1/1135080944.jpg”
    width=”125″ height=”20″ border=”0″>

    此為貼上圖片的語法

    「描述」與「網址」就看你要連結到那邊而填寫囉!

    to HAN:

    .posted {} < -- 應該是修改CSS語法中的這個部分 PS 注意posted 前面有一點「.」

  94. l062681128 說:

    請問一下..
    我找了好久都找不到
    怎麼把收尋跟收尋網志文章
    弄掉呢??

  95. renyoh 說:

    剛才突然發現…
    您誤把動態游標寫成cur了喔 ^^

  96. 小Hoo 說:

    我~>< 電腦白痴
    就是我弄了好久就是沒辦法把灰色的背景
    變成別的
    @@找不到是哪個語法
    我的無名–>http://www.wretch.cc/user/hi09112
    謝謝阿!!

  97. hi09112 說:

    我是上面的小Hoo
    拍謝我補充一下~
    那個CSS我是從個人資料裡的–>套用背景主題(第一頁)
    修改過來的~

  98. tjliu 說:

    to l062681128:

    這個部分我沒有用過耶!
    不過好像是不能刪除的樣子!

    to renyoh:

    謝謝你耶!^^
    稍後有空我會修正的!感謝喔!

    to 小Hoo:

    你在CSS語法中的 body{}裡面加上
    background-color: #009966; 這一行文字就可以囉!
    #009966 這是顏色的代碼,看你要用什麼顏色,就改怎樣囉!

  99. et761030 說:

    你好!請問一下..
    回應文章那邊字的顏色要去哪裡改可以跟我說一下嗎?
    我曾試著去找但是找不到..
    就是回應部份那邊..我不想要黑色..想改其他顏色
    謝謝

  100. hi09112 說:

    我是小Hoo>< 感動耶!!!我成功喽!!!
    謝謝你~超神@@

  101. lynn3790346 說:

    請問一下
    如果顏色要用半透明的
    色碼代號是多少!?

  102. macaca0328 說:

    請問一下喔!
    要怎麼放版面或文章裡放MV?

  103. mickey 說:

    請問鎖左右鍵的CCS語法可以給我嗎?

  104. eileen0626 說:

    你好
    我想請問一下
    我的留言版不管是別人留言或者是版主回覆都沒有辦法分段
    就算打的時候有隔一行 送出去之後還是一樣每段連在一起
    請問要在哪邊改呢?

  105. blueincross 說:

    詳盡的教學

    感謝分享

  106. Hebe 說:

    請問 無名背景音樂 要去哪弄阿??是CSSㄇ??

  107. tjliu 說:

    to et761030:

    .comments-head{}
    你可以在上面的刮號中修改文字顏色!

    to hi09112:

    有空歡迎常來喔!

    to lynn3790346:

    filter:alpha(opacity=60);
    這段文字是設定透明度,他是針對區域來設定
    並不是直接針對文字的顏色作改變喔。

    to macaca0328:

    請參考「網誌如何放置影片教學」這篇文章
    http://www.wretch.cc/blog/tjliu&article_id=875270

    to mickey:

    那種語法並不適合直接在BLOG中使用,除非你是無名的VIP會員才行。
    另外在無名的網誌設定中,就有此項功能,你可以直接點選開啟即可。

    to eileen0626:

    你可以在CSS語法中找到.replyside{}
    在這個部分中調整文字的行距即可。
    相關語法可以參考「CSS 標準語法大整理」這篇文章
    http://www.wretch.cc/blog/tjliu&article_id=889860

    to blueincross:

    謝謝你喔!有空歡迎常來!^^

    to Hebe:

    你可以參考「放置背景音樂教學」這篇文章^^
    http://www.wretch.cc/blog/tjliu&article_id=854126
    有問題歡迎在留言問我喔!

  108. eileen0626 說:

    不好意思我還是有點疑惑
    現在在留言or回應ㄉ時候按兩下enter(空兩行)
    完成之後就會顯示出”空一行”ㄉ樣子

    我也看過有些人ㄉ留言版
    在留言的時候只按了一下enter
    但是完成之後分段的那行卻比段落之中每行字的行距要大上許多

    (覺得自己好像講ㄉ有點不清不楚, 希望你看得懂)

    為什麼會這樣呢?
    該怎麼改才會讓回應時跟完成後的樣式是一樣的?

  109. eileen0626 說:

    對不起更正上面的
    按三下enter才是空兩行

    嗯..簡單的說就像你網誌的回應一樣

    我在回應ㄉ時候看到自己分段ㄉ兩行中間有很明顯的差距
    按了確定之後顯示出來的跟我回應時看到的一樣
    而不是像我的留言版一樣
    回應時必須要空兩行確定之後才能顯示出空一行的樣子

  110. start2440 說:

    謝謝你:

    好清楚唷!試了一下就解決我的疑問了!

    我有給你引用唷~

  111. kelly1215 說:

    hi~你好:
    我想請問一下,
    無名網誌文章插入圖片時不是會有一串網址嗎?
    文章確定新增發表後,我瀏覽了一下文章內容中的圖片,
    為何滑鼠碰到圖片時,圖片就會變成一隻手指的連結樣子呢?
    要如何修改不要讓滑鼠移到圖片時,就會變成一隻手指呢???
    就是要正常的樣子”箭頭”就好???
    請問是要在網誌CSS裡做修改嗎??
    修改哪個部份??
    謝謝!!

  112. tjliu 說:

    to kelly1215:

    這個問題是因為你將圖片設定為「可連結」
    才會出現「手指」。
    你檢查一下你的語法中是否有「….」這樣的語法
    將他刪除。

    如果你不確定怎樣做,你可以將語法貼上來,我在告訴你。

  113. kelly1215 說:

    謝謝你唷~^^
    我用好嚕~
    雖然只是簡單的刪了一段網址,
    但卻讓我受益良多,
    又讓我多學會一種語法了~
    再次感謝哦~~~

  114. tjliu 說:

    to kelly1215:

    不用這麼客氣,有空常來逛逛喔!^^

  115. padi37kg 說:

    我在個人資料中用了這個語法
    #banner,.sidetitle,.powered,.small-c{display:none}
    結果留下了 [ ]
    我背景是白色
    我把它色碼用白色
    可是還是看的到它
    請問如果我要讓 [ ] 消去
    那我該怎麼用呢??
    有辦法消掉嗎?

    謝謝~

  116. tjliu 說:

    to padi37kg:

    方便直接傳CSS原始碼給我看看嗎?
    我有去你那邊看過。
    但是這樣並不是很清楚問題出在那邊?

  117. padi37kg 說:

    就是在個人資料裡
    用了這個語法後#banner,.sidetitle,.powered,.small-c{display:none}

    個人資料裡的東西都會不見
    但是還是留下了 [ ]

    我是想問要怎麼樣才能讓 [ ] 消失

    原始碼要怎麼傳給你

  118. padi37kg 說:

    我的問題解決了~

  119. king7535 說:

    不好意思 請問有人可以告訴我
    為什麼我的無名
    別人在瀏覽時,可以調整字型的大小呢
    這樣我的語法 根本沒有用…

  120. king7535 說:

    我想問的是
    請問該如何所定我的字型?

  121. kelly1215 說:

    hi~你好:
      我又來了,又要麻煩你啦~~
      問1.想請問一下,我要修改文章裡的顏色,
      通常是用”一般編輯器”編輯,顏色無法更換,
      它顯示的顏色是”咖啡色”的??
      但,我現在想改成黑色的顏色...
      我有試著看教學修改,但改不過來耶= =
      怎會醬呀...??
      問2.為何我要更換新樣式,預覽樣式後怪怪的,
      如網址:http://www.wretch.cc/blog/kelly1215&preview=1&style_id=48
      想要麻煩你幫我看看這2個問題唷~~
      感謝哦~^^

  122. kelly1215 說:

    hi~~
      怎麼辦我把網誌整個搞壞了= =
      原本好好的,結果因為css一直修改不好,
      我想說用”還原”,之後它的背景整個變成空白耶...
      然後我要去更換樣式,預覽後比原來的更糟,
      它的行事歷整個往下偏中間移...
      我快瘋了...可以幫我嗎..
      我現在網誌設定”隱藏”,
      希望你能幫幫我唷...
      麻煩你了...

  123. kelly1215 說:

    hi~
    我把你的帳號設定可以瀏覽我的blog,
    你有空可以去幫我看看嗎…??
    謝謝~~~
    不好意思,一直打擾你…

  124. kelly1215 說:

    hi~
    我的問題已經解決了…不用麻煩嚕^^

  125. dreamvanishe 說:

    請問還有其他的編框設定嗎???

  126. tjliu 說:

    to dreamvanishe:

    上面的語法中已經是將邊框的情形都列出了喔!

  127. padi30kg 說:

    請問網誌的資料夾區塊
    新增的資料夾的內容語法
    是否每個新增的都相同呢

    例如我新增了兩個資料夾
    有辦法讓兩個的背景圖或長寬不一樣嗎?

  128. kelly1215 說:

    hi~你好
    我想請問一下,在文章的”進階編輯器”裡,
    要連結可以”另開一個室窗”的語法要怎麼寫入呢???
      我的按連結只能在自己的網頁換到新網頁...
      我想問是否能連結到另一室窗開啟網頁呢??
      謝謝~~~麻煩你了....

  129. tjliu 說:

    to padi30kg:

    理論上在部落格當中,是沒有辦法的!
    因為資料夾同屬於一個「CSS類別」
    所以在設定上都會是相同的喔!

    (若是一般網頁就能夠隨意設定)

    to kelly1215:

    你在連結的語法中加入「target=”_blank”」即可在新視窗中開啟網頁。
    如下語法:
    欲顯示的名稱

  130. kelly1215 說:

    我試過了…不行耶~~~
    加入語法,它會出現語法,不會有連結,
    我是要直接連結相簿的網址,不知這樣會不會有差…
    我是用”進階編輯器”編輯的哦~~~~

    還有想再問你一下,你知不知道在我blog右下方的”blog pet”,
    為啥無法顯示照片呢???

    謝謝~~麻煩你了….

  131. tjliu 說:

    to kelly1215:

    對了!我昨天回完留言才發現,
    這個問題。
    在進階編輯器當中是不能這樣做的(我找過沒有選項)
    你要從原始碼中改

    (因為等回有事先去忙,晚點再回來繼續回覆,Sorry)

  132. 訪客 說:

    >~<  我剛學語法可以麻煩你交我怎ㄇ看ㄇ~~?
           因為我都沒有碰過語法,不過最近要做班上ㄉ網頁,所以稍微想學醫
    下。。。。。。。。麻煩你交我依下嘿。。。。。

  133. tjliu 說:

    to ???:

    請問你是…

  134. jesse 說:

    新手不懂禮節
    複製您的教學文章純為慢慢學習
    請見諒
    多謝

  135. 呆貓〃 說:

    你好..

    我的連結欄檔到我的BANNER,要怎麼把他往下移呢?

    問題網址:http://www.wretch.cc/blog/happyday83

    謝謝大大< (__ __)>

  136. tjliu 說:

    to 呆貓〃:

    你可以在「網誌管理」中的網誌名稱或網誌敘述當中
    加入
    的語法,這是換行的指令,
    能夠為你的網誌上方增加空白的區域,
    這樣連結欄就會移到下方囉!
    (我的網誌也是這樣使用)

  137. sherran 說:

    HI,你的網站很棒捏!
    有個問題請教,就是你網站中的:▍CSS 標準語法大整

    這條「 ▍」直線要怎麼呈現在BLOG的選單文字前面
    呢?(就像你的『▍CSS 標準語法大整理』這樣)。可
    以請你幫我看一下我的可以改嗎?
    http://www.wretch.cc/blog/sherran

    我想把「最新的文章、文章分類」等這些改成像「 ▍」
    就好可以改嗎?cc
    感激不盡!!

  138. sherran 說:

    hi,你的網頁很棒捏!!
    想請教你,我想把我網誌主選單改成如: ▍最新的文
    章、▍文章分類、▍文章彙集……。

    可以改嗎?若可以改的話能請你教我要從那要裡改嗎?
    還有啊,『▍』這個符號要怎麼打呢?
    感激不盡囉!!cc

  139. tjliu 說:

    to sherran:

    你說的「▍」符號,我是使用自然輸入法,
    他內建就有的符號表。別的輸入法我就不清楚囉。
    建議你可以用複製的就好!

    另外如果要改成▍最新的文章、▍文章分類、▍文章彙集……。
    必須使用圖片的方式才可以喔!
    詳細的情況你可以加入我的MSN,
    這樣比較講的清楚。因為步驟算是有點小麻煩。

  140. 訪客 說:

    讚讚讚
    簡潔易懂的說明
    粉好用耶

  141. kelly1215 說:

    hi~你好
    我又有問題想請教你,
    關於我申請的hinet網頁空間,已申請ok,
    並上傳影音,但不知怎麼觀看影音連結的網址,
    這是我網頁空間的首頁網址:
    http://kelly5477c.myweb.hinet.net/
    可以麻煩你有空幫我看一下嗎???
    謝謝,麻煩你了!!

  142. applewine98 說:

    我很努力在學了~可是有個地方都研究不出來!!o(>_< )o 救救我啦~ 請問
    怎麼把相簿全都挪到靠右側呢?
    就像是無名套用主題裡面的首頁樣式”囍”那樣
    往右靠

    謝謝^_^拜託了~

  143. tjliu 說:

    to kelly1215:

    假如你的檔名為 aa.wma
    那你的檔案網址便是
    http://kelly5477c.myweb.hinet.net/aa.wma

    如果你有將檔案放入某個資料夾,例如kk
    那檔案網址就是
    http://kelly5477c.myweb.hinet.net/kk/aa.wma

  144. tjliu 說:

    to applewine98:

    在相簿的CSS語法中有一個部分是
    boby
    你在裡面加上margin-left:50px;
    數字的部分是看你要讓相簿的部分「離開」左邊多大
    越大,當然你的相簿就會越往右邊

  145. kelly1215 說:

    Dear~tjliu
    謝謝你的說明唷~~~
    我已經成功放置影片了…^^
    還有,想再問你另一個問題…
    就是在這個網誌上的影音,它的播放語法是什麼?
    我蠻想放這種影音的介面!!
    謝謝!!
    http://www.im.tv/vlog/personal.asp?memid=259412

  146. tjliu 說:

    to kelly1215:

    這是FLASH。
    語法你可以參考我網站首頁的標題。
    可以看到

    語法其實和影片教學中說的一樣
    只是在於檔案格式不一樣。

    那種影片是屬於Flash Vedio的一種。
    你可以參考我另一篇教學
    「 ▍Flash Viedo 教學 」
    http://www.wretch.cc/blog/tjliu&article_id=1901582

  147. hes020574 說:

    你好~~
    認真的爬完本文~~還是有問題要問~關於無名
    請問~我要如何把網頁的連結或資料夾等東西~
    分在兩邊呢??因為我的網誌通通都放在右邊~~
    我想讓它分成兩邊~可是我看了半天~還是給他不懂>”<
    麻煩您幫我看看吧!!
    (看您都不厭其煩的回答~您真大愛ㄚ)

  148. tjliu 說:

    to hes020574:

    如果你是CSS新手,或是對CSS不熟悉的話!
    我建議你套用一個有三欄式的樣式
    (也就是你說分成左右兩邊)
    然後再和兩欄的樣式互相做比較這樣會比較清楚。
    或者直接以三欄的樣式作修改。

    如果你原本是用兩欄的話
    要改成三欄的樣式,工程就會比較浩大
    比較不建議這樣做!

  149. goldenmean 說:

    好詳細說@@
    本篇文章引用自此
    我引用了喲。

  150. chixitianwu 說:

    你好啊,你的语法写的很棒内,我今天是第一次整理我的bo,但是
    我发现我的文章在被别人回复的时候,出来的字全部都是黑的,根
    本就看不清楚,请问在哪里能改变回复字体的颜色呢?谢谢~~

  151. tjliu 說:

    to chixitianwu:

    我已經在留言版回覆囉!^^

  152. heandshe 說:

    請問、、、、、、
    那個好友連結的部份
    是要去哪邊修改呢???????
    好友連結的字體大小、那些

  153. tjliu 說:

    to heandshe:

    好友連結是屬於「下拉選單」
    請在CSS語法中新增

    select {}

    在{}加入字型的語法等即可

  154. sulumio 說:

    請問一下你知道怎麼讓個人資料跟留言板顯示當日人氣跟累積人氣嗎?
    謝謝

  155. tjliu 說:

    to sulumio:

    印象中,個人資料和留言版,沒有提供當日人氣和累積人氣喔!
    如果確定有,可能要到無名的討論版再問問看喔!
    抱歉!

  156. mornfa1025 說:

    我想改< 留言版 > 的CSS…
    CSS裡頭怎樣可以改side.replyside.sidetitle寬度呢??
    我有看到你說的框的寬度 我用了這樣…
    Body{ border-left-width: 1px; border-right-width: 1px }
    結果他沒有變耶…>”< 好失望......
    因為內容的框太長…都遮到小女生的腳了…
    不曉得該怎麼處理… 麻煩你了ˊˋ
    可以列CSS給我嘛?? > 3 < ~ CHU**

  157. tjliu 說:

    to mornfa1025:

    border-left-width: 1px; border-right-width: 1px
    這是改變表格框框的邊界「寬度」(也就是邊界寬度)
    不是改變框的匡度喔。

    如果要改寬度,語法只要用width:400px; or width:80%;
    一個是指定像素大小的方式改變寬度
    另一個是用百分比的方式
    你在試試看囉!

  158. miniguo 說:

    想問一下~
    我想在背景設定固定不動是這個語法吧
    body{background-attachment: fixed;}
    可是為什麼他還是一直重複拼貼勒~
    我是設定1024*768
    還有可能是什麼問題嗎??

  159. shan37 說:

    謝謝你的整理噢^o^
    我也再努力學習中~

  160. tjliu 說:

    to miniguo:

    你說的那是「固定」的語法,
    固定的語法是指圖片的「位置」喔!
    如果要讓圖片不重複,則必須使用「repeat」語法

    background: no-repeat // 代表不重複
    background: repeat-x // 水平重複
    background: repeat-y // 垂直重複

    預設是重複,所以不用設定

    to shan37:

    不客氣^^
    加油喔!

  161. miniguo 說:

    嗯嗯~了解了
    感謝唷^^~

  162. mornfa1025 說:

    噢,我不懂耶
    所以是把他放在BODY裡頭嗎?
    還是???
    因為我改了,他寬度好像沒變耶@@”
    又要再次麻煩你了…

  163. mornfa1025 說:

    BODY {
    SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND: url
    (http://pic23.pic.wretch.cc/photos/10/m/mornfa1025/4/1142094852.jpg) white fixed no-repeat
    right bottom; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR:
    #ffffff; COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-
    COLOR: pink; SCROLLBAR-TRACK-COLOR: pink; SCROLLBAR-DARKSHADOW-COLOR:
    #ffffff
    }
    BODY {
    COLOR: #ff99cc
    WIDTH: 100px
    }
    SELECT {
    COLOR: #ff99cc
    }
    .description {
    FONT-SIZE: x-small
    }
    這是我CSS後面…
    因為全部頗多~
    所以… 有需要我放上來在告訴我
    因為我不曉得我哪兒出錯了@”@
    謝你囉:)

  164. tjliu 說:

    to mornfa1025:

    你的「Body」重複兩次喔!
    另外便是 WIDTH: 100px設定的太小囉~!
    PX是像素的意思,也就是螢幕上的「一個點」
    你常試看看把數字設定大一點…

  165. js20010 說:

    請問按鈕邊框會有虛線是怎麼用的@ @?

  166. tjliu 說:

    to js20010:

    在CSS樣式表當中新增
    button {}的選項
    在{}當中加入虛線的控制碼(文章中有提到)

  167. js20010 說:

    嗯嗯 我了解了...謝謝你唷!︿ ︿

  168. mornfa1025 說:

    天阿! 我還是不懂怎麼改囧RZ…
    兩個body就不能顯示了@@?
    因為我有用小幫手用過…
    他之前本來也有body…所以刪過一個後還是會有兩個
    這樣的話是他只會顯示後者嘛??

    噢對我之前不小心改到一個table的像素…
    結果有變耶@@!!! 那是什麼??
    誣… 麻煩你了>”<

  169. shiehkitty 說:

    寫的好詳細唷!! 我最近才開始在學網誌編輯(xuite),正煩惱不會設計,就被我挖到這塊
    好地方!^^ 有個問題想請教,關於背景部分,如果我想要擺兩種圖片—也就是會放到兩
    個連結,(我是想要在網誌文章的背景,左邊用成”書環”,其他的地方有顏色”書面”,感
    覺像”筆記本”一樣)目前我只會放上書環的部分,可是如果加入另一個連結(書面的顏
    色),就會把書環蓋掉,我該如何運用呢? 謝謝你唷!!! (我最盡很努力想把網誌弄得漂
    亮一點,可是真的好難..我看很多人設計的很活潑,我不想指運用一些很基本的樣式,
    怕看起來太制式化….) 請多多指教唷!!http://blog.xuite.net/shiehkitty/mood

  170. tjliu 說:

    to mornfa1025:

    有關BODY的問題,你只要將其中一個BODY內的語法,
    剪下貼上到另一個就行囉!
    而你說改到像素,是怎樣一回事呢?
    可以說的清楚一點嗎?
    (如果還有問題,在留言囉!)

    to shiehkitty:

    原則上,在一個區域中(例如:Body)
    你只可以指定一個背景,
    如果要照你說的方式,可能是有難度的!
    建議你將書環、書背設計於同一張圖片中,
    這樣會容易的多喔!
    (如果還有問題,在留言囉!)

  171. regalue 說:

    MARGIN不是可以設定負值嗎??

  172. kiwikid 說:

    你好
    我是新手
    所以看的不大懂
    請問噢
    我現在是套用 佈景主題–人物/動物–悠閒 那ㄧ個
    請問文章區塊旁邊的四條虛線(分別是藍綠橘紅四條)
    要怎麼用掉呢?
    謝謝幫忙!!!!!

  173. kiwikid 說:

    不好意思
    在請問一下
    為什麼網誌文章的每一行字
    都上下黏在一起?
    需要怎麼改呢?
    謝謝

  174. bunnyoun 說:

    歐…god…嗯…我有照你教的寫了…
    但是….出來是亂七八糟的耶…
    還是不會寫…= =”

  175. tjliu 說:

    to regalue:

    是可以為負值,沒錯!
    但是要看實際運用狀況而定。

    to kiwikid:

    可以直接附上你網誌的網址嗎?
    這樣會比較清楚一點。

    to bunnyoun:

    看是那邊有問題,你都可以留言喔~

  176. sincere 說:

    您好:想請教一個問題,最近網誌改版,但是不知道怎麼的文章的文字總是黏在紋張區
    塊的邊邊,想要讓文章和區塊邊有點距離卻不知道要如何寫語法,希望高人能指點,感
    激不盡~~~

  177. billymaru 說:

    哇…真的太厲害了啦!!!我看過的CSS教學就屬你做的最清楚~>W< 不好意思,我想請問一下,
    我的BLOG是用三聯式的,但是中間那一個格式我想把他調中間一點,
    (字都跟卷軸幾乎貼在一起)
    還有那個”回覆給朋友”那個連結我想要一行完整的顯示,
    不要分段,
    請問要如何做才好呢??

  178. billymaru 說:

    哈哈~
    我自己今天亂調把他調好了XD
    謝謝囉~
    最近看到你要準備論文的東西阿?
    真是辛苦了>”<
    雖然這麼說有點晚,不過還是祝你成功喔~~^^

    對了,我還有兩個問題,第一個是能不能讓BLOG首頁的最外面
    水平和垂直的捲軸變不見呢?我覺得好醜…>~<
    第二個就是能不能讓回應區塊的背景固定呢??

  179. tjliu 說:

    to sincere:

    你可以參考一下文章中
    padding-XXX: 1px; /* 欄位間距設定 */
    的語法說明。
    這是可以讓你文章文字與邊邊有距離的語法。

    to billymaru:

    我的電腦看是正常的,哈哈!
    其實最簡單的方式,不用改語法,
    只要將螢幕解析度調整為1024*768即可

    如果真的要修改,應該是修改 .blogbody
    這個區域中的寬度設定(width)
    你可以試試看,若有問題在問我囉!

  180. kiwikid 說:

    喔喔
    謝謝謝謝
    問題還是一樣
    http://www.wretch.cc/blog/kiwikid

  181. ann00934 說:

    我還是找不到滑鼠的法語那個在哪

    還有MTV那個我也不會用

    可以說的更明白更詳細ㄇ?

  182. tjliu 說:

    to kiwikid:

    這個你必須修改文章中文字的上下間距。
    在文章中的「文字控制」裡,
    有提到 line-height: 1.5px;
    /* 文字行高 */
    的部分,你可以嘗試修改試試看。

    to ann00934:

    你所謂找不到滑鼠的語法指的是?
    在此篇文章中,有說明怎麼設定滑鼠的指標圖案。
    另外你所謂的MTV又是要呈現怎樣的效果呢?
    是要在文章中放入影片嗎?
    如果是,請參考「網誌如何放置影片教學」這篇文章。

  183. kiwikid 說:

    那那個四條彩色的線呢?
    可以弄掉媽?

  184. tjliu 說:

    to kiwikid:

    我現在連去你的網誌,好像有問題,
    如果是線條的話,
    你可以參考「邊框控制」的部分

  185. g5678956789 說:

    那個我想起問一下~

    我的網誌背景圖案是黑色,我回應的顏色不會改 QˇQ

    我有照你上面所說的找 comments{} 的顏色ˇ

    可是我找不到 Q//////Q

    我的只有這個:

    .comments-post IMG {
    VISIBILITY: hidden

  186. tjliu 說:

    to g5678956789:

    沒錯,commets代表回應區域
    post則是發表的意思。
    所以comments-post為設定回覆留言的區域
    但是你這邊有IMG,所以區域中是設定留言區域的圖片屬性
    你可以自行新增一個
    .comments-post{} or .comments{}
    然後在{}中加上字型顏色的語法

  187. 訪客 說:

    哈囉‵‵ 我想問。。我想把留言板上的"我要留言"的地方。。

    連結到另外1個留言版網址。。可以嗎?!

  188. tjliu 說:

    to ???:

    這樣是不行的喔!
    理論是CSS語法中,沒有辦法製作連結喔!

  189. 訪客 說:

    你好
    我想請教一下,我把游標上傳至 http://hk.geocities.yahoo.com/
    例如打這個在css裡http://hk.geocities.com/shlu731/mero16.ani 這樣是對的嗎?

    在css裡想要修改 有看到body{cursor:url(“cur檔圖片網址1”)}
    和a:hover {cursor:url(“cur檔圖片網址2”)}

    但都少了{cursor:url ,而且我輸入上傳的網址後,還是變不出
    任何游標來,可以教教我嗎?謝謝你。

  190. tjliu 說:

    to ??

    空間方面是沒有錯,
    但是圖檔的副檔名應該為 cur 而不是你用的 ani 副檔名喔!

  191. janwoei 說:

    CSS真的也是一門學問呢。
    利用CSS真的可以做很多事情,定位 顏色 動態 大小…等等。

  192. tjliu 說:

    to janwoei:

    沒錯!尤其是為設計師增添了更多創意的可能性^^

  193. luckybear335 說:

    問一下唷!我是過哩如何去修改css但我都失敗==”

    你能教我如何把留言板的背景修改成全黑色的ㄇ
    都不要有留言的框框.那種整片黑….只看得到背景圖&文字的樣式

    我還想要學會如何把背景圖片修改成我要的圖…..

    文字也要修改成自己要配的顏色…….

    你能教我ㄇ??
    我看哩你上面的語法….but 我不會@@”(抱歉唷!)

    我幾乎都找不到你上面所有的東西&文字????

    你能幫我ㄇ

    p.s.我不是所謂的VIP,我只是普通小窮人唷!!
    有些是用VIP的語法我幾乎無法用喔!!

    麻煩你哩……………….你能幫幫我ㄇ!!(成心請教你)
    謝~

  194. scling 說:

    真的很不好意思QQ
    有個問題希望能夠幫我解決@@

    這是我的網誌:http://www.wretch.cc/blog/scling

    我是套用「Pink Flower」這個樣式,再用無名的網誌設計的小幫手去改的QQ
    但是文章區塊上面的粉紅色弄不掉…。
    此外還有一個是文章標題下面的褐色點線也不知道該怎弄掉
    而文章尾巴還有那褐色的超連結,褐色的字體Orz
    在於左邊的那些連結列的各各選項的說明,褐色的字也弄不掉@@

    正在努力研究中Orz

  195. tjliu 說:

    to

    我看了一下,粉紅色部分應該是修正
    .blogbody{} 將裡面的 color顏色改成你要的!

    這於線條部分應該是.articletext這個部分要修正
    語法你參考一下「框線」的部分

    文章尾巴部分是.posted 一樣修改顏色部分
    左邊選項部分則是 #links 一樣修改顏色部分

    你在試試看喔!

  196. scling 說:

    真的是非常謝謝大大熱心的幫我看QQ
    剛剛稍微了研究了一下
    終於改好了XDDD

    真的是超高興的拉~
    非常謝謝你的指導Q”Q!

  197. tjliu 說:

    to scling:

    恩嗯!不用客氣^^
    有興趣也歡迎加入我們的家族喔

  198. babymonste 說:

    你好。
    第一次上來這里。
    雖然大家都說你的教學很管用,
    可是對于我這個電腦白癡來說,
    就真的不行啦。
    已經研究了好久,
    都不曉得要怎么改散我無名的問題。

    只要連接到我的無名,就可以發覺很多的空洞。
    那些空洞的地方,原本都是花朵的圖形。
    還有recent comments, categories的等等的框框里頭,也都是。
    不曉得為什么,兩天前突然間的消失了。

    因為網頁是很久以前的一個網友替我設計的,
    所以,現在我也不曉得要怎么辦才好。

    不曉得,你可以替我看看嗎?
    真的不好意思了。

  199. padi30kg 說:

    忙煩你~有個問題幫我解決一下

    我的相簿一開始沒有顯示相簿分類
    可是當我點相簿近去看照片時
    相簿分類卻有顯示~而且很多字都重疊在一起
    變成黑黑的一排~請問有辦法讓它消失嗎
    那排真的超礙眼!!

    感謝~~~

  200. tjliu 說:

    to babymonste:

    圖片消失的原因,有幾個原因,
    一、無名,常常不穩、連線出問題,
    二、原先放置圖片的空間出問題,

    你可以跟原先幫你設計的網友在確認一下
    圖片連結是不是出問題
    CSS語法應該沒有出錯才對。
    (或者也可以套用我設計的樣版喔^^)

    to padi30kg:

    這部分說真的我沒有太多研究耶!
    相簿我自己的樣式我也都沒有在修改的!
    不好意思,你可能要在問問其他人喔!
    下面網址應該可以幫助你找到答案
    1. http://www.wretch.cc/hala/index.php?c=1
    2.
    http://www.wretch.cc/hala/viewforum.php?f=2&sid=d861587cc0facb690ef85090eafe0c0d

  201. padi30kg 說:

    恩恩!!謝謝囉!!另外再問個問題

    就是我文章區塊上那圖片本來是和文章區塊連在一起
    可是當我點文章分類在看分類文章時
    圖片就和文章分離了~請問要怎麼解決呢??
    麻煩你了

  202. padi30kg 說:

    請問回應欄打字的那區塊語法是啥啊!!
    我想用背景圖片~可是語法好像一直用錯~
    麻煩你囉!!

  203. tjliu 說:

    to padi30kg:

    你說第一個問題
    應該是修正 #content{} 文章區(顯示文章的那一大塊)
    的部分,邊界的範圍可能要設定為零。
    我自己沒有遇過,所以只是猜測,你可能要再試試看

    另外第二個問題請見我另一篇教學
    留言區域背景(含表單修改)教學
    http://www.wretch.cc/blog/tjliu&article_id=859496

  204. linda781113 說:

    謝謝(感動)找了好久,就是要這樣清楚的!
    非常謝謝你!:D"好人

  205. 路人 說:

    這邊補充一下關於Calendar那部份有一段文字提到說前面加上”#” “.” 或””決定於你在CSS
    樣式表裡的設定,這段Andy不知是不清楚觀念還是沒說清楚,
    其實CSS中每個類別名稱前頭是要加”#” or “.” or 都不加跟HTML原始碼設定才有關,
    若該HTML標籤定義給CSS的類別名是寫這樣:
    id=”XXX”的話,在CSS樣式表就要用”#”,
    若該HTML標籤定義給CSS的類別名是:
    class=”XXX”的話,在CSS樣式表就必須用”.”,
    若是要直接設定全域的某種HTML標籤則在CSS樣式表中直接以該HTML標籤為類別名。

    至於很多人都不是很清楚”#”跟”.”有何差別?為何要分兩種定義方式?

    其實最簡單的理由就是每個id(“#”)在HTML中只能用一次,
    而class(“.”)則能一次控制多個標籤,

    通常id是給大範圍或父層別使用,
    class則給子層別使用,

    這是比較專業也是正確的寫法跟觀念。
    謝謝指教。:)

  206. tjliu 說:

    to 路人:

    謝謝你的補充,希望下次可以留下姓名和網址,謝謝!

  207. Chris 說:

    你好!
    我想問一下關於留言位置語法的問題
    以下是我目前的語法
    **********
    TEXTAREA
    {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; SCROLLBAR-FACE-COLOR: #ffffff;
    FONT-SIZE: 11px; BACKGROUND: #ffccff; PADDING-BOTTOM: 2px; SCROLLBAR-
    HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #808080; COLOR: #000;
    SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; BORDER-TOP-STYLE: none; SCROLLBAR-
    ARROW-COLOR: #ffffff; PADDING-TOP: 2px; SCROLLBAR-TRACK-COLOR:
    #e0e0e0; FONT-FAMILY: Georgia, Verdana, Arial, serif; BORDER-RIGHT-STYLE:
    none; SCROLLBAR-DARKSHADOW-COLOR: #000000; BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none;
    }
    **************
    如果我想改變客人打字時的顏色(像你的就是金色)
    我該改哪裡?
    如果要改background-image
    url要怎麼加上去,要改哪裡呢?
    謝謝 麻煩你了 : )

  208. tjliu 說:

    to Chris:

    客人打字的部份是在 .textarea{}中修改文字顏色的部份,
    如果你的CSS當中沒有.textarea{}這部份,你可以手動增加上去的!

    background-image
    是在.body{}當中加上圖片的語法。例如:
    .body{
    background: url(http://XXX.jpg);
    }
    這是整篇文章的部份,如果你只是要修改打字的部份,
    一樣在.textarea中增加即可。

    可參閱[留言區域背景(含表單修改)教學]我寫的教學文章
    http://www.wretch.cc/blog/tjliu&article_id=859496

  209. joycefairy 說:

    那個,可以順便問一下嗎?
    關於最新文章和引用也可以加上捲軸嗎?
    ^_^

  210. eeevaiove 說:

    嗨  妳的CSS教學真是讓我受益良多^^

    有個問題很想請教你

    就是妳的網誌旁邊除了你的[行事曆]、[個人地盤]、[最新的回應]、[最新的文章]…..

    還有【Andyliu‧Design】會員招募、【Andyliu‧Design】連結用圖 …..那些的

    請問那種怎麼弄呢?
    我也好想用XD

    研究好久都研究不出來

    還是此功能只限無名VIP用呢?

    請你解答我 感激不盡=)

  211. tjliu 說:

    to joycefairy,

    最新文章部分:

    #boxNewArticle{
    height: 140px;
    overflow: auto;
    }

    最新引用部分:

    #boxNewTrackback{
    height: 140px;
    overflow: auto;
    }

    其他還有:

    最新回應部份:

    .boxNewComment1{
    height: 140px;
    overflow: auto;
    }

    height: 140px; 此為高度,可以自己調整^^

  212. tjliu 說:

    to eeevaiove,

    你指的是圖片嗎?
    我有寫相關怎麼將圖片貼上的教學,
    你可以參考下面的網址(那是我另一個部落格,也歡迎你加入我們家族)

    http://www.my3in.com/blog/index.php?load=read&id=7#pp=2

    你可以在試試看~^^

  213. joycefairy 說:

    啊!太感謝您了!
    140的高度對我很適合!
    我這就去改~
    ^_^

  214. eeevaiove 說:

    tjliu大大~不是呢^^”
    我指的不是圖片
    就是你那個框框是怎麼弄的@_@?
    我那裡就只有我的地盤、最新文章、回應、引用那些的
    請問你那個是表格嗎?(ex:【Andyliu‧Design】創意企劃
    、達人徵選那些的)還是什麼東西

    不好意思 本人才學疏淺 還請tjliu大大多指點一二XD

    (你的家族我一定會加入的=D”)

  215. tjliu 說:

    to eeevaiove,

    你是說這些阿,那是在資料夾管理中新增的。
    你登入後應該可以在側邊找到[資料夾管理],

    點進去後就可以自由新增[達人甄選]這些,
    名稱當然可以自己命名,例如我的貼紙,等等。

    至於貼紙方面的語法教學,我在家族那邊的網站有
    寫個簡單的教學,你可以參考看看,
    順便就將那個串聯活動貼到你網誌中吧^^

    http://www.my3in.com/blog/rewrite.php/read-7.html
    進去要往下捲動喔~找到:【貼紙使用語法教學】

  216. eeevaiove 說:

    非常謝謝你^^
    我懂了
    也把串聯貼紙給加進去囉=DD
    謝謝謝謝啦^^

  217. tjliu 說:

    to eeevaiove,

    謝謝你響應活動喔~^^

  218. eeevaiove 說:

    不好意思又來打攪你了Orz…
    問一下噢
    那個,如果我想隱藏我的文章匯集、最新的引用怎麼弄呢>口<?

    可以告訴我嗎? THX=)

    我是BIOG苦手阿囧

  219. tjliu 說:

    to eeevaiove,

    //隱藏文章匯集
    #boxDate{
    display: none;
    }

    //隱藏最新引用
    #boxNewTrackback{
    display: none;
    }

  220. eeevaiove 說:

    再次感謝~~^^
    把你加好友囉=)

  221. cc0635578 說:

    請問:滑鼠要貼在哪裡ㄚ?
    貼在CCS(那裡有CSS)

    原諒我問很白痴ㄉ問題
    我什麼都不懂

    哪裡可以提供可愛滑鼠圖片呢?
    http://www.wretch.cc/blog/cc0635578

  222. cc0635578 說:

    請問一下:
    滑鼠語法要貼在哪裡ㄚ?
    貼在CCS嗎?(CCS在哪裡ㄚ?

    原諒我問很白痴ㄉ問題

    我ㄉ網誌雖然已經有進步(至少有動畫>< )
    但還是很多不懂

    這次想弄滑鼠
    但一直摸索很久了~
    還是不知
    該貼在哪?

    還有哪裡可找到可愛ㄉ滑鼠圖片(語法)呢?

    h我ㄉ網誌http://www.wretch.cc/blog/cc0635578

  223. tjliu 說:

    to eeevaiove,

    謝謝喔~有空常來喔,也歡迎加入我們的家族。

    to cc0635578,

    CSS滑鼠的語法是貼上 .body{}的括號中即可。
    語法可以參考文章中所寫的。

    圖示的話,我其實很少用(應該說幾乎不用)
    你可以搜尋看看[網頁素材]可能可以找到不錯的喔。

  224. 說:

    我想問你
    請問
    要怎麼把圖片放在留言板的背景右邊?
    我有試過
    可是不行
    可以告訴我為什麼嗎??
    我也有無名
    chiufeb0412
    可以到我的無名去跟我說

  225. TVV22001 說:

    只要把放背景的CSS設定值 “LEFT”
    改成RIGHT就可以了呢 :”)
    他後面通常會有TOP;CENTER等東西
    那是他的置頂,或是中間的位子
    希望對你有幫助 :)

  226. tjliu 說:

    to 廢,

    相信TVV22001已經回答了你的問題囉,
    這幾天都有事情外出,沒能上網,抱歉喔!

    也謝謝TVV的熱心幫忙^^

  227. Sally 說:

    Good!_!

  228. tjliu 說:

    to Sally,

    Thanks~^^

  229. XingBerry 說:

    請問一下

    這是我的BLOG
    http://www.wretch.cc/blog/XingBerry

    要怎麼把捲軸拿掉v_v

    還有我中間文章框框一用大
    右邊的框框就會被蓋過去
    為什麼XD
    這樣左邊一大片空間很浪費

    救命啊~~~

  230. stanley12346 說:

    借我引用囉~
    謝謝^^

  231. Ryzxj 說:

    怎么在側麵加鏈接的地阯啊~~~~就像日歷下麵加的官網一樣,怎么開闢一個空隙啊?一
    點也不懂…..

  232. tjliu 說:

    to XingBerry,

    我看捲軸好像已經拿掉了喔。
    至於框框的問題,應該是邊界的大小,方便的話你將CSS存成文字檔(*.txt)
    我再幫你檢查看看。

    to Ryzxj,

    http://www.my3in.com/blog/rewrite.php/read-7.html
    上面這篇是我寫的串連貼紙的教學,你可以參考看看。
    可以幫助你找到答案。

    to stanley12346,

    不客氣喔~有空常來喔^^

  233. 小妍 說:

    請問CSS能與JavaScript共同使用在JSP嗎?

  234. tjliu 說:

    to 小妍,

    可以的,用Javascript產生CSS CODE的方式

    document.write(“………”);
    這樣的方式應該可以。

  235. 烏鴉 說:

    太棒了…謝謝你的詳解…
    我是程式笨蛋!
    你真是太利害哩!
    酷…

  236. penguin.. 說:

    ㄧ開始怎麼用 css
    看不懂..↓<一開始的>
    /*
    Theme Name: My Place
    Author: Amanda kuo
    Author URI: http://blog.webs-tv.net/avrilpower
    Best View: 1024*768
    */
    。。。。整個

  237. tjliu 說:

    to penguin.,

    那只是註解,說明一些作者資訊等等,
    那個不用管他,是不會顯示的。

    PS /* */ 這個之間都是註解,參考說明罷囉

  238. RICKY 說:

    請教幾個問題:
    問題1:網站首頁要設計成三個區塊,分為上左右,在css與html 分別應該怎麼寫,才能
    達到此目地??

    問題2:假設上左區塊中,若有超連結時,去改變右區塊內容或是同時改變二個區塊內
    容,有辦法達到嗎? 若不能,是否有其他方法?

  239. rentasy70367 說:

    嗯~~~
    可不可以請你
    就是啊,寫一篇你實際在做的樣
    就是把你在寫css的模樣照下來讓我們對照啊!!!'
    因為我還是看不太懂~~●///●
    ]不好意思 麻煩你了~~
     PS  如果你不清楚語法究竟要怎樣加入或設定?請見文章最下面的「實際操作」。
    ↑↑↑ 還有啊~我找不到你說的實際操作在那裡 ↑↑↑
    所以我才會請你用照片對照教學教^^”
    謝謝

  240. tjliu 說:

    to Ricky,

    html 用三個div標籤是架構區塊

    用來包含左右兩邊

    css 分別將mainleft right 用float標籤控制浮動在左右兩邊,
    這樣就可以完成最簡單的上左右版型。

    至於你說的第一版面控制第二版面的問題是可以的
    只要在 a:hover 連結上控制增加語法即可
    不過作法其實是用障眼法
    還是要控制第一個區塊顯示的位置,當滑鼠移上,就顯示在第二版面的位
    子,而不是直接去控制第二版面的內容。
    (若要直接控制可能要用JAVASCRIPT語法,CSS目前我不知道可不可以)

  241. tjliu 說:

    to rentasy70367,

    那個檔案很久之前就刪除囉。
    其實要修改CSS語法,就和打字一樣,直接改CSS就可以囉。
    主要就是修改{}中的內容即可,如果真的不懂再加入我MSN好囉。

  242. afm8036 說:

    請問..
    要如何加入 “輪軸” 阿?

    不知道您懂我的意思嘛!
    就是..
    滑動畫面旁邊的那個”軸”
    可以滾的那個..

    要如何加入在 #content 和 #links 裡面?

  243. tjliu 說:

    to afm8036,

    在語法中加入這兩行,第一行是限制區域的大小(高度部分),而
    overflow:auto 是指高度太高時,要自動顯示出捲軸,所以將LINK的高度
    設定小一點,比顯示的內容小時,自動就會跑出捲軸囉。

    height: 140px;
    overflow: auto;

  244. redteasmallb 說:

    請問一下
    如果不想出現文章彙集的話
    要怎麼修改網誌呢??

  245. Ryzxj 說:

    不好意思,打擾暸
    請問象這個部落格中http://www.wretch.cc/blog/tsuba 那個”隻有惡魔會飛嚮我……”的拿
    排字是怎么弄在那的?還有那排左邊的部落格的名字是怎么改的?
    謝謝

  246. tjliu 說:

    to redteasmallb,

    在CSS語法中加入
    #boxDate{
    display: none;
    }
    即可

    to Ryzxj,

    你說的那排字是網誌描述的部份,
    你登入你自己的部落格後,在[網誌管理]的選項中就可以修改囉。

  247. Ryzxj 說:

    謝謝,再問一下.網誌描述部分和名稱怎么移動啊~~~~~~

  248. tjliu 說:

    to Ryzxj,

    以下是網誌描述和名稱中的CSS對照,你可以參考看看

    # #banner|頂端橫幅

    * #pageheader|頂端橫幅
    o h1|網誌名稱、網誌描述、目前動態
    + h1 a|網誌名稱
    + h1 .description|目前動態(進入文章時出現在頂
    端的文章標題)
    o #description2|網誌描述
    + #description2 .description|網誌描述
    + #description2 img或#description2 a|表示「正在
    舉辦投票」的標誌(VIP才有)

  249. eeevaiove 說:

    不好意思又來打擾你了XD

    就是我想在相簿的框框外面加一層顏色

    該怎麼加呢?

    http://www.wretch.cc/album/sweet79119

    類似他這種的

    就是相簿外面有一層粉橘色的框框

    謝謝你囉^^

  250. bubu8252 說:

    真的是很詳細阿!!
    但是我研究了兩個小時。。
    我完全看不懂。。
    果然是個電腦白吃耶我。。
    我想請問一下,如果我要修改我的CSS的話
    是不是要先去套用樣式簡單的呢?

  251. tjliu 說:

    to eeevaiove,

    這其實就是將相簿的部分加上邊框的語法,

    border: 1px double #993366;

    bouble 是雙重線,1px是粗細,後面的數字是顏色,
    相關你可以參考我寫的CSS語法教學那篇文章。

    至於語法要加在那個{}中,你要查一下相簿區域的CSS名稱,這個我就不
    太熟囉(我自己相簿都懶得改=.=)

    to bubu8252,

    基本上你的部落格一定都會套用樣式的,當然從最簡單基本的開始改起、
    學起是比較好的,有些樣式都改得太複雜囉。

  252. 呆弟 說:

    你好,
    我想在我的部落格中增加一塊區域(像是你Blog中的”純廣告”)
    可是怎麼都加不進去, 請問有類型的文章可供參考嗎?
    感謝…

  253. 小傅 說:

    請問

    怎麼改網誌的背景?

    可以交一下嗎?

    謝謝^^

  254. debby77621 說:

    不好意思請問一 下

    網誌 別人回覆我的 字體顏色要怎麼改

    我背景是黑色,回復的字體顏色也是黑色

    我都看不見

    可以幫幫我嗎

    謝謝你了

  255. tjliu 說:

    to et761030,

    .posted|文章作者資訊、「回應」「引用」字樣
    .total-comments-div|整個回應、引用(按下繼續閱讀才出現)

    .trackback-url|本篇文章引用網址區塊
    #trackback_url|本篇文章引用網址欄位(本身也是input)
    .comments-head|「給個回應」及「回應」字樣
    .comments-bottom|「給個回應」字樣
    .comments-bottom .comments-head|「給個回應」字樣
    .comments-body|回應以及引用內文、填回應的欄位

    詳細請參考下列網址:
    http://hit1205.blogdns.org/teach/css/wretchCSS/index.php

  256. ilovecmgsh 說:

    我今天才發現你的網誌˙˙˙
    我早就想學語法很久了!!
    為什麼我現在才發現呢?!>”< ((飲恨))
    你真的好厲害好厲害唷!!
    而且你跟別的部落客達人不一樣
    你都會很親切的回答我們的疑難雜症
    我真的好感動唷((鼻酸))
    謝謝你無私的付出!!
    你好棒!! 我好尊敬你!!
    以後我會常來的:)

  257. tjliu 說:

    to ilovecmgsh,

    我沒有你講的這麼神吧~
    不過歡迎有空常來逛逛和留言喔。

  258. melody89824 說:

    謝謝唷

    雖然有些還不懂
    我會慢慢試試的
    很好用呢

  259. hiyawu321 說:

    謝謝教學!!

  260. eeevaiove 說:

    謝謝妳
    這麼久才來答謝你真不好意思XD

    我用成功哩。

    P.s  達人你是華仔的Fans噢? : )

  261. tjliu 說:

    to eeevaiove,

    謝謝你來喔,也很高興你用成功囉^^

  262. 藏鏡咪咪 說:

    謝謝你的教學~非常棒!對於css初學來說~有很大的幫助~
    我將此文轉貼在我的部落格~也註明出處連結於此~
    謝謝你無私的分享^^

  263. tjliu 說:

    to 藏鏡咪咪,

    謝謝你喔~可惜你沒有附上網址,
    不然我就可以去逛逛,交流一下^^

  264. 腳滑的佛 說:

    用ㄚ多筆繁中省的背那麼多.

  265. Andy Liu 說:

    to 腳滑的佛,

    不是很懂你的意思耶?CSS和Adobe有關係?

  266. 情天 說:

    請問如果背景想放很多圖片
    有辦法這樣設計嗎?
    還是一定要一張圖片?

  267. Andy Liu 說:

    to 情天,

    CSS部分,背景只能放置一張圖片,
    如果要多張,就要利用Java script語法去控制變更,
    不過難度也提高許多!

  268. 情天 說:

    謝謝您的告知
    我有試著把所有的圖片合成為一張
    但我把他設定成背景後
    卻整個縮的好小
    所以說
    想要背景照片不ㄧ樣就得靠其他系統囉!?

  269. new 說:

    大大的教學真是淺顯易懂
    想請問一下
    教學怎麼只有到”文字控制”?
    那剩下的”文字連結控制
    滑鼠樣式控制
    方框控制”咧?
    有點找不到
    想請問一下
    謝謝

  270. Andy Liu 說:

    to new,

    話說,這應該是之前無名因為文章過長,將他截斷,我在嘗試找看看原來的文章,有的話再寄給你。

    但是年代有點久遠,不見得能找到完整的文章囉!

  271. 猫读者 說:

    想问一下呀。。。为什么我加了图片地址,可是背景却没有呢?

  272. Andy Liu 說:

    to 貓讀者,

    請問你的語法是怎樣寫呢?

  273. o呆銘o 說:

    請問
    這些與法是全部的CSS嗎?
    設定完就能用了嗎?

  274. str5665 說:

    我想請問 就是 我想改無名網誌 人家流言的文字 是要找哪一段語法押 是關於流言文字的 哪一段英文…謝謝

  275. BruceZhao 說:

    為什麼自己做好的背景圖片,上傳到別的圖片空間裏,然後用background-image:url(圖片位址); /* 圖片連結位置 */,卻無法顯示?

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *