close

update:

#banner a:visited Blog名稱

#banner a:hover    Blog名稱游標移上去的顯示方式

#banner h1   Blog名稱那一塊

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

調色的http好幫手:MyChat調色盤 色碼表

網誌部份:

html  這地方加入語法就可以使右邊的捲軸變色了 
捲軸顏色生成器

body  整個網誌的部份
A      超連結設定
A:link   尚未連結的超連結
A:visited  連結過的超連結
A:active  按下後的超連結
A:hover   游標在連結上方時的超連結
select   下拉選單的設定(每月文章匯集、好友名單)
td select 下拉選單的分類(設定於發文時)
input    按鈕(搜尋、發表新文章、網誌設定、樣式設定)
textarea  文字區塊(發表新文章、回覆或修改CSS的小視窗)

#banner   網誌最上面的部份
.description   網誌描述的部份
h1 .description 顯示首頁及單篇文章的部分

#content  網誌文章整體
.blog   一整篇文章的整體
.date       文章的日期
.blogbody     文章內容部份
.title        文章的標題
.extended     繼續閱讀、文章分類、此分類下一篇
.innertext      文章內文
.posted       文章作者資訊
.comments-head  "給個回應"那一塊
.comments-body  填寫個人資料和輸入回應的那一塊
.comments-post  文章回應及引用的作者資訊

#links  行事曆、框架、連結那一大塊
.calendar  行事曆
.calendarhead  行事曆的年月
span.calendar  行事曆的日期
.side     這是在左邊或右邊框架的內容部份
.sidetitle  這是在左邊或右邊框架的標題部份

#boxProfile  "XXX的地盤"區塊
.boxProfile0   "XXX的地盤"的標題(在.sidetitle中)
.boxProfile1   "XXX的地盤"的內容
.boxProfileImg  "XXX的地盤"中圖片那一塊
.boxProfileLink  "XXX的地盤"裡的連結

#boxNewArticle  "最新的文章"區塊
.boxNewArticle0  "最新的文章"的標題(在.side中)
.boxNewArticle1  "最新的文章"的內容

#boxCategory   "文章分類"區塊
.boxCategory0   "文章分類"的標題{在.sidetitle中)
.boxCategory1   "文章分類"的內容

#boxDate     "文章彙集"區塊
.boxDate0     "文章彙集"的標題{在.sidetitle中)
.boxDate1     "文章彙集"中的內容
.boxDate1 select 設定"文章彙集"裡的每月文章下拉選單

#boxSearch    "搜尋這個網誌的文章"區塊
.boxSearch0    "搜尋這個網誌的文章"的標題(在.sidetitle中)
.boxSearch1    文章搜尋欄位

#scupioSearch  酷比文章"搜尋"區塊
. scupioSearch0  酷比文章"搜尋"的標題(在.sidetitle中)
.scupioSearch1   酷比文章"搜尋"欄位

#boxNewComment "最新的回應"區塊
.boxNewComment0  "最新的回應"的標題(在.sidetitle中)
.boxNewComment1  "最新的回應"的內容

# boxFolder   自定的每個資料夾
.boxFolder0    自訂的每個資料夾的標題(在.sidetitle中)
.boxFolder1    自訂的每個資料夾的內容
.syndicate    RSS那一塊
.powered     無名Logo及登入的地方


其實留言板、相簿、個人資料的CSS和網誌是大同小異的
接下來就列出不同的地方就好了 :P



相簿部分:
small.c    設定[留言板管理]、[樣式管理]、[我要留言...]中的[ ]符號及搜尋輸入方塊與按鈕
.description 相簿描述
.side     相簿首頁每本相本的區塊
.sidetitle   XXX的個人資料、XXX的網誌、XXX的留言板
td      幾張相片、相簿容量、相簿空間使用狀況、單本相簿名稱、[相簿管理][樣式管理]的[ ]符號


留言板部分:

.description 留言板描述與留言數
small.c    設定[留言板管理]、[樣式管理]、[我要留言...]中的[ ]符號及搜尋輸入方塊與按鈕
.small-c select  只設定好友名單
select.small-c   只設定搜尋工具的下拉選單
input.small-c   只設定搜尋工具的文字輸入方塊和按鈕

.sidetitle   留言左邊的標題
.side      留言右邊的內容
.replyside   板主的回覆


個人資料部分:

small.c    設定[留言板管理]、[樣式管理]、[我要留言...]中的[ ]符號及搜尋輸入方塊與按鈕
.sidetitle  個人資料左邊的標題
.side     個人資料右邊內容



{ }中可加入的語法整理:


背景部份:
background-color:#FFF; 設定背景的顏色
background-image:url("Image URL"); 設定背景圖片
background-attachment:no-fixed; 背景圖片是否鎖定位置
background-position: 0% 0%; 設定背景圖片X與Y的位置(0%~100%,50%可輸入center)
background-repeat:no-repeat; 背景圖片是否要重複

框線:
border:1px solid #FFF; 四周都有框線,粗細、樣式、色彩需同時存在

border-top:1px solid #FFF; 上邊框線
border-bottom:1px solid #FFF; 下邊框線
border-left:1px solid #FFF; 左邊框線
border-right:1px solid #FFF; 右邊框線
線條樣式整理:
none  無
dotted 點
dashed 虛線
solid 實線
double 雙線
groove 立體凹線
ridge 立體凸線
inset 立體嵌入線
outset 立體隆起線

與四周的距離:
padding 與四周的距離
padding-top 與上面的距離
padding-bottom 與下面的距離
padding-left 與左邊的距離
padding-right 與右邊的距離

加入display: none就可隱藏,所以小心不要亂放!

留言板加入select.small-c,input.small-c{display:none;}可隱藏搜尋

游標在超連結上方時連結位移:
a:hover{position:relative;top:1px;right:1px;}

連結底線消除:
text-decoration:none;
text-decoration:underline; 為連結有底限

設定文字位置:
text-align:center; 有left、center、right三種位置
設定字形:
font-weight:normal; 字形正常
font-weight:bold; 字形粗體

設定字型:
font-family:georgia, verdana, arial, sans-serif;

設定透明度:
filter:alpha(Opacity=100, FinishOpacity=60, Style=1)

文字間的距離
letter-spacing: .2em;

 

資料來源 http://www.wretch.cc/blog/ico&article_id=1927271

 補充

【移除搜尋網路這個文章】

#boxSearch {display: none;}
 
【移除個人照片】
.boxProfileImg{display: none;}

【更改網誌副標題字的顏色】
找到 #pageheader #description2 .description
如果要隱藏 就在 { } 的 { 之後加一個 display: none;
這樣以後想要再讓它出來 就只要拿掉 display: none; 就好 不用重打設定
如果要改字的顏色 自己加一個 color: #------ (色碼表請爬文或 google 或...)
字型要改小 把 font-size: *pt 那個數字改小一點(或是改成*px)

【移除相簿播放】
#boxSlideShow{display:none;}

【移除無名LOGO】
.powerlogo{display:none;}

【移除整個登入區塊】
.powered{display: none;}

【移除未分類文章】(指內容,非字樣)
.boxCategory1 {height: 140px; overflow: hidden; border-bottom: #000 1px solid; }

【移除文章分類區塊字樣】
.boxCategory0{display:none}

【移除最新引用】
#boxNewTrackback{display:none;} 

【移除我的訂閱】
#boxRssList{display:none;}

【移除文章匯集】
#boxdate{display:none;}

【移除地圖方式預覽】(數字請自行調整)
.boxDate1 .side {height: 32px; overflow: hidden;}

【刪除"行事曆"3個字】(包含月份及所有日曆上的連結)
div.calendar a {display: none;}

【隱藏參觀人氣】
#boxCounter {display: none;}

【隱藏悄悄話按鈕】
#secret {visibility: hidden;}

【移除加入好友】
#boxProfile .boxProfile1 .side .boxAddFriendLink{display:none;}

【移除給禮物】
#boxProfile .boxProfile1 .side .boxGiftLink{display:none;}

【更改"網誌分類"的顏色】(指下面連結)
#boxCategory .boxCategory1 a{color:#------;}

【更改 , by ~~ (date) 字色】
 .boxNewComment1 .side {color: #------;}

【更改 RE: ~~~ 字色】
.boxNewComment1 .side a {color: #------;}

【更改網誌"最新的文章"字體顏色 】
.boxNewArticle1 a {color: #------;}

【更改連結列顏色】
#boxProfile .boxProfile1 .side .boxProfileLink {color: #------; }
 
【給個回應插入圖片當背景】
.blogbody textarea{ background:url('圖片網址') ; }
【在文章中加捲軸】
.blogbody{overflow:auto;height:---px;}

【在最新回應加捲軸】
#boxNewComment .boxNewComment1 {
margin-bottom: 20px;
height: 160px;
overflow: auto;
SCROLLBAR-FACE-COLOR: #E0F3FF;
SCROLLBAR-HIGHLIGHT-COLOR: #E0F3FF;
SCROLLBAR-SHADOW-COLOR: #E0F3FF;
SCROLLBAR-3DLIGHT-COLOR: #D6EFFF;
SCROLLBAR-ARROW-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #D6EFFF;
SCROLLBAR-TRACK-COLOR:#D6EFFF;
}

【在資料夾加捲軸】
#boxFolder .boxFolder1 {
margin-bottom: 20px;
height: 160px;
overflow: auto;
SCROLLBAR-FACE-COLOR: #E0F3FF;
SCROLLBAR-HIGHLIGHT-COLOR: #E0F3FF;
SCROLLBAR-SHADOW-COLOR: #E0F3FF;
SCROLLBAR-3DLIGHT-COLOR: #D6EFFF;
SCROLLBAR-ARROW-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #D6EFFF;
SCROLLBAR-TRACK-COLOR:#D6EFFF;
}
自己修改顏色高度囉~這個設定是 apply to 妳每一個資料夾喔

【網頁在新視窗開啟語法】→用於發表文章內
文字部分

【更換無名LOGO圖片】
.powered .powerlogo IMG {  DISPLAY: none }
.powered .powerlogo {  DISPLAY: block; BACKGROUND: url(http://圖片網址.jpg); WIDTH: 131px; HEIGHT: 89px }

【在每篇文章加計數器】
http://www.enc.hlc.edu.tw/study/counter.htm 找一個你喜歡的計數器的樣子,然後去 css 裡面把計數器放進去一個區塊當底圖。譬如說:
.total-comments-div {background: url(http://counter.nsysu.edu.tw/Count.cgi?dd=**) no-repeat center bottom;}

** 是你選的那個計數器的編號

arrow
arrow
    全站熱搜

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