有誰可以提供我無名小站的相簿.個人資料.留言板.網誌的CCS樣式
就是裡面的語法是代表什麼...嗯~就是中文的意思!!
例如:font-style(字型樣式) : normal(正常體)、 italic(斜體)
2005-11-25 16:06:57 · 3 個解答 · 發問者 Anonymous in 電腦與網際網路 ➔ 程式設計
blog_main|即body
#container1|從#banner一直包到#extraDiv4
#container2|從#banner一直包到#footer之前的#extraDiv2
#banner|上面那一塊
#pageheader| 上面那一塊
h1|網誌名稱、 「首頁」及「單篇文章」字樣
h1 a|網誌名稱
h1 .description|「首頁」及「單篇文章」字樣
.description2|網誌描述與「首頁」及「單篇文章」字樣
.description2 .description|網誌描述
#main2|包住#content和#links
#content|網誌文章那一大塊
.blog|包住所有文章的東西
.date|單篇文章日期
.datediv|單篇文章日期
.blogbody|整個單篇文章
.blogbody2|整個單篇文章
.articletext|整個單篇文章
.title|文章標題(本身也是h3)
.innertext|文章內文
.extended|「分類」和「繼續閱讀」
.posted|文章作者資訊與「回應」「引用」字樣
.total-comments-div|整個回應
.trackback-url|本篇文章引用網址
.comments-bottom|「給個回應」
.comments-head|「給個回應」
.comments-body|回應以及引用內文、填回應的欄位
#name_id|填姓名或ID的欄位(本身也是input)
#email|填e-mail的欄位(本身也是input)
#url|填網址的欄位(本身也是input)
#rem|選擇是否用cookie記得自己資料的欄位(本身也是input)
#magic|填通關密語的欄位(本身也是input)
.comments-post|回應以及引用作者資訊
.postuser|有登入的回應發表人ID(本身也是a)
.postisAuth|表示有登入的回應發表人的圖案,藍色打勾圓圈/幸運草/皇冠(本身也是img)
.postisAuth[src="http://pic.wretch.cc/photos/icon/blog/isAuth.gif"]|藍色打勾圓圈(IE不支援)
.postisAuth[src="http://pic.wretch.cc/photos/icon/blog/isAuth_gold.gif"]|幸運草圖案(IE不支援)
.postisAuth[src="http://pic.wretch.cc/photos/icon/blog/isAuth_platinum.gif"]|皇冠圖案(IE不支援)
.postemail|郵件圖案(本身也是img)
.postweb|小房屋(本身也是img)
#links|行事曆與資料夾、連結那一大塊
.calendar|行事曆
span.calendar|日期
span.calendar a|有文章的日期
.calendarhead|年月
.sidetitle|「○○的地盤」等標題、資料夾名稱
.side|資料夾下的各個連結,包括計數器部分,千萬不可隱藏
#boxProfile|○○的地盤
.boxProfile0|「○○的地盤」字樣(也在.sidetitle裡)
.boxProfile1|○○的地盤內容(也在.side裡)
.boxAddFriendLink|加入好友連結(也在.boxProfileLink裡)
.boxGiftLink |給禮物連結(也在.boxProfileLink裡)
.boxProfileImg|包著地盤裡的照片
.boxProfileImg img|地盤裡的照片
.boxProfileLink|地盤裡的連結
#boxSlideShow|播放相簿區塊
.boxSlideShow0|「播放中相簿」字樣(也在.sidetitle裡)
.boxSlideShow1|播放相簿內容(也在.side裡)
#SlidePicLink|相片連結(本身也是a)
#SlidePicLink img|正在播放的相片
請參考 http://hit1205.ispaz.blogdns.org/css/wretchCSS/
2005-11-25 16:15:05 · answer #1 · answered by Anonymous · 0⤊ 0⤋
http://www.wretch.cc/blog/ronan117← 參考看看;有問題可以留言問我
2007-07-30 15:59:55 · answer #2 · answered by Buh* 1 · 0⤊ 0⤋
一.背景相關
background-image : url('背景網址');
background-repeat : repeat; <背景重覆>
background-attachment: fixed; <背景固定>
background-repeat:no-repeat <背景不重覆>
background-repeat:repeat-x <背景在X軸方向重覆>
background-repeat:repeat-y <背景在Y軸方向重覆>
background-position:90% 90% <背景圖片在平面的座標位置上出現(ex:在右下角.數字可以自己設定)>
二.文字&連結部分
. a: 「代表所有的超連結」
a:active 「執行中的連結」
a:link 「正常的連結」
a:visited 「 參觀過的連結」
a:hover 「當滑鼠移到連結上的時候」
1.font-family(字型種類) : 細明體, 標楷體, Time new roman, arial, serif, san-serif
2.font-style(字型樣式) : normal(正常體)、 italic(斜體)
3.font-weight(字型份量) : normal(正常體) 、bold(粗體)
4.font-size(字型大小) : xx-small、x-small、small、medium、large、x-large、xx-large、larger、smaller、
5.text-decoration(文字裝飾) : none(連結無底線)、underline(連結加底線)、overline(連結加刪除線)、linethrough(連結加頂線)、blink(連結閃爍)
6.text-transform(文字轉換) : none(不做任何轉換)、capitalize(將每個字的第一個字母轉換成大寫)、uppercase(將所有字母轉換成大寫)、lowercase(將所有字母轉換成小寫)
7.text-align(文字對齊) : left(靠左對齊)、right(靠右對齊)、justify(左右對齊)、center(置中)
8.line-height(設定行距) : 用百分比值表示,舉例: {line-height:120%;}
三.邊框設定
上面的框框 border-top
左邊的框框 border-left
右邊的框框 border-right
下邊的框框 border-bottom
把框框線弄掉border: 0px
全部框框可以統一設定--> border: 1px solid 色碼
border-style(邊框樣式)改法
一般常用線條 solid(實心線) dotted(點) dashed(短線) double(雙實線)
立體效果線條 groove(立體內凸框) ridge(立體浮凸框) inset(凹框) outset(凸框)
好用的範例:(立體感的框框改法)
border : 3px groove 立體內凸框
border : 3px ridge 立體浮凸框
border : 3px inset 凹框
border : 3px outset 凸框
四.捲軸
■ SCROLLBAR-FACE-COLOR 軸面顏色
■ SCROLLBAR-HIGHLIGHT-COLOR 軸面三角左邊顏色
■ SCROLLBAR-SHADOW-COLOR 軸面三角右邊顏色
■ SCROLLBAR-3DLIGHT-COLOR 左立體邊顏色(軸面的旁左邊)
■ SCROLLBAR-ARROW-COLOR 箭頭的顏色
■ SCROLLBAR-TRACK-COLOR 軸軌顏色
■ SCROLLBAR-DARKSHADOW-COLOR 右立體邊顏色(軸面的旁右邊)
http://benz.nchu.edu.tw/~s9163030/wretch/index.htm
推薦你凱哥的教學網站,
用過的都說讚喔 ^6^
呵呵
2005-11-25 19:43:28 · answer #3 · answered by Metis 2 · 0⤊ 0⤋