網誌CSS語法提供、教學－情如春水　愁似秋月

隱藏資料夾名稱
.sidetitle {display: none;}

我的地盤換成圖片
#boxMySpace .boxMySpace0 {background: url(圖片網址) no-repeat 0px 0px;height: 圖片高度px;}
#boxMySpace .boxMySpace0 .sidetitle {display: none;}

最新文章換成圖片
#boxCategory .boxCategory0 {background: url(圖片網址) no-repeat 0px 0px;height: 圖片高度px;}
#boxCategory .boxCategory0 .sidetitle {display: none;}

文章分類換成圖片
#boxNewArticle .boxNewArticle0 {background: url(圖片網址) no-repeat 0px 0px;height: 圖片高度px;} #boxNewArticle .boxNewArticle0 .sidetitle {display: none;}

最新回應換成圖片
#boxNewComment .boxNewComment0 {background: url(圖片網址) no-repeat 0px 0px;height: 圖片高度px;}
#boxNewComment .boxNewComment0 .sidetitle {display: none;}
#boxNewComment .side br {display: none;}

讀文章時不出現標題
h1 .description{display:none}

點繼續閱讀後文章標題移動位置
#pageheader h1 span.description {margin-left:---px}

網誌連結文字滑鼠未移上去的顏色
A {FONT-SIZE: 10px; COLOR: #------; FONT-FAMILY: arial; TEXT-DECORATION: none}

網誌連結文字滑鼠移上去的顏色
A:hover {cursor:crosshair ; TEXT-DECORATION: none;color:#------;}

日期前面加圖示
.date {background-image:url(圖案網址); background-position: left;background-repeat:no-repeat;}

文章內容顏色
.articletext .innertext {PADDING-RIGHT: 10px; PADDING-LEFT: 24px; FONT-SIZE: 10px; LINE-HEIGHT: 170%; FONT-FAMILY: verdana;COLOR: #------;letter-spacing :2px; }

改繼續閱讀顏色
.extended a {color: #------}

給個回應變成圖
.comments-bottom .comments-head{ background:url('圖案網址') no-repeat left bottom ;}

輸入回應那區塊放置圖片
.comments-body #text {background:url(圖案網址') no-repeat right bottom}

參觀人氣統計可加圖案
#boxCounter .boxCounter1 .side {font-family:georgia;color:#------;font-size: 12px;TEXT-ALIGN: left; background:none;background-image:url(圖案網址); background-position: left 50%;background-repeat:no-repeat;}

隱藏會員圖示
.vip_icon{display:none}

繼續閱讀四個字換圖片
articletext .extended A { DISPLAY: block; FONT-SIZE: 0px! important; BACKGROUND: url(圖片網址) no-repeat right bottom; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 195px; WIDTH: 圖寬px; COLOR: #fff! important; HEIGHT: 圖高px }

讓網誌的"搜尋網路這個文章"不見
#boxSearch {display: none;}

讓"酷比"(搜尋)消失
#scupioSearch,
.scupioSearch0,
.scupioSearch1 {display:none}

將網誌的個人照片移掉
.boxMySpaceImg{display: none;}

把"相簿播放"移掉 (要復原請把"display:none;"刪掉即可)
#boxSlideShow{display:none;}

把無名的LOGO拿掉
.powerlogo{display:none;}

整個登入區塊都拿掉
.powered{display: none;}

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

改連結列顏色
#boxMySpace .boxMySpace1 .side
#service ul a{color: #------; }

把"未分類文章"移除掉(指內容，非字樣)
.boxCategory1 {height: **px; overflow: hidden; border-bottom: #------ 1px solid; }

將"文章分類區塊"字樣移掉
.boxCategory0{display:none}

改 , by ~~ (date) 那些字的顏色
.boxNewComment1 .side {color: #------;}

改 RE: ~~~ 那些字的顏色
.boxNewComment1 .side a {color: #------;}

把最新引用移掉
#boxNewTrackback{display:none;}

把我的訂閱移掉
#boxRssList{display:none;}

把文章匯集拿掉
#boxdate{display:none;}

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

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

使連結列指過去，會有框框
a:hover{border:1px solid #------;}

讓"完整文章"的標題不會跟在網誌標題屁股後
h1 .description{display:none;}

"加入好友"移掉
li.boxAddFriendLink a{display:none;}

將"給禮物"移掉
li.boxGiftLink a{display:none;}

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

給個回應加底圖
.blogbody textarea{ background:url('圖片網址') ; }

最新文章的鎖拿掉
.boxNewArticle1 img {display: none;}/*最新文章的鎖拿掉*/

最新回應的鎖拿掉
.boxNewComment1 img{display:none;}/*最新回應的鎖拿掉*/

文章上的鎖拿掉
.title img {display: none;}/*文章上的鎖拿掉*/

把連結列前面的大灰點拿掉
ul {list-style: none;}

打密碼地方加框
.articletext INPUT {border: #------ 1px dotted}

樣式：solid(實心線)、dotted(點)、dashed(短線)、double(雙實線)

回應加框
#text {border: #------ 1px dashed}

圖片連結藍色框移除
.side a img {border: none;}

隱藏
本文章已受主人保護,請輸入密碼才能閱讀文章和密碼提示
.innertext form {visibility:hidden}
.innertext form input {visibility:visible}

隱藏連結
#linkMypage{display:none} (首頁)
#linkBlog{display:none}（網誌）
#linkAlbum{display:none}（相簿）
#linkGbook{display:none}（留言）
#linkUse{display:none}（名片）
#linkFriend{display:none}（好友)

文章內容圖片連結去藍框
IMG{border:0px;}

================================================

改當日人氣顏色：

#boxCounter .boxCounter1 .side {color: *------;}

修改參觀人氣顏色：

#boxCounter .boxCounter1 .sidetitle {color: *------;}

隱藏人氣：

#boxCounter (display:none}

色碼調查：

http://user.infor.org/~ohb/colorcode.htm
================================================
網誌回應區塊+圖片
第一種(最常用)：

.blogbody textarea {
　background: url(圖檔網址);
　background-position : right bottom;
　background-repeat : no-repeat;
　padding-left: 10px 　}

如第一種不行，
第二種：

#text { background: url(圖檔網址);
　background-position : left top;
　background-repeat : no-repeat; }

上面都不行的話，
試試第三種：

.comments-body #text { background: url(圖檔網址);
　background-position : right center;
　background-repeat : no-repeat; }

連結列、回應區內加入捲軸
#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;
}
================================================
如何在文章標題前+圖示

方法一：每篇文章標題顯示圖片(貼在css最下面)
.articletext .title { background: url(圖檔網址) left no-repeat; padding-left:20px; }

方法二：個別文章標題顯示圖片(貼在發表文章的標題裡)

但方法二常因為發表文章的標題，有字數的限制而失敗
所以可以用縮短網址來使用

================================================

金卡皇冠
語法#boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_platinum.gif) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

金色幸運草
語法#boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_gold.gif) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

銀色幸運草
#boxMySpace .boxMySpace0 {Height:30px; background: url(http://pic.wretch.cc/icon/album/isAuth_silver.gif) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

1.假的鑰匙鎖

這是一個可以整人的小東西...
外表上感覺像有鎖密碼...實際上根本就沒有鎖住
簡單來說只是裝飾用的~~!!

把語法分享給各位...^^

語法:

2.隱藏鎖

可以把文章上的密碼所給隱藏掉

語法:

【網誌】網誌小視窗

【網誌】視窗跑馬燈

資料夾管哩→新增資料夾→連結管理→新增連結→貼在名稱
然後把網址砍掉

【網誌】多功能連結

轉自:http://www.wretch.cc/blog/jo841120/14502326