此文轉貼與此


好多語法,

本文作者在上面的連結。

其實搗蛋也是初學者。

非常感謝作者的分享。

*********************









拉拉拉拉 ˇ 整理了超超超超超級多的語法











隱藏地盤區塊

直接隱藏整個「xxx 的地盤」區塊: #boxMySpace{display:none;}

隱藏「xxx 的地盤」字樣:  .boxMySpace0{display:none;}

隱藏個人照片圖檔: .boxMySpaceImg{display:none;}

隱藏「網誌分類:未分類」: #blogCategory{display:none;}

隱藏「網誌分類」四個字: #blogCategory span{display:none;}

只隱藏「未分類」這個連結: #blogCategory a{display:none;}

隱藏「首頁」: #linkMypage { display:none; }

隱藏「相簿」: #linkAlbum { display:none; }

隱藏「網誌」: #linkBlog { display:none; }

隱藏「留言」: #linkGbook { display:none; }

隱藏「名片」: #linkUser { display:none; }

隱藏「好友」: #linkFriend { display:none; }

隱藏「影音」: #linkVideo { display:none; }

隱藏「加為好友」: .boxAddFriendLink a { display:none; }

隱藏「送禮物給xx」: .boxGiftLink a { display:none; }

隱藏「好友列表選單」: .boxMySpace1 select { display:none; }

隱藏網誌分類。

範例 --- 網誌分類:XXOO

以上文字完全隱藏 !!!!

#blogCategory{ display: none;

一次拾伍種游標語法。

【一般用的主體設定參考】 body{cursor:url(游標網址);}

【你最愛的游標滑過文字時】  A:hover{cursor:url(游標網址);}

【網頁設定參考】  HTML {cursor:url(cursor:url(游標網址);}

【橫幅區】  #banner {cursor:url(cursor:url(游標網址);}

【文章區】  #content{cursor:url(cursor:url(游標網址);}

【文章日期】  .date{cursor:url(游標網址);}

【文章標題】  .title {cursor:url(游標網址);}

【文章內容】  .articletext {cursor:url(游標網址);}

【文章內文】  .innertext {cursor:url(游標網址);}

【繼續閱讀】  .extended {cursor:url(游標網址);}

【回應與引用欄】  .posted {cursor:url(游標網址);}

【連結列twohand2012】 #links {cursor:url(游標網址);}

【連結列的內容欄位參考】  .side {cursor:url(游標網址);}

【回應整體基本設定】  .total-comments-div {cursor:url(游標網址);}

【回應打字區】  .comments-body textarea {cursor:url(游標網址);}

地盤加上小圖。

壹﹒全部都是一樣的小圖

#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend { background: url(圖片網址) left no-repeat; padding-left:20px; }

貳﹒都不同的小圖。

【首頁】 #linkMypage { background: url(圖片網址) left no-repeat; padding-left:20px; }

【相簿】 #linkAlbum { background: url(圖片網址) left no-repeat; padding-left:20px; }

【網誌】 #linkBlog { background: url(圖片網址) left no-repeat; padding-left:20px; }

【留言】 #linkGbook { background: url(圖片網址) left no-repeat; padding-left:20px; }

【名片】 #linkUser { background: url(圖片網址) left no-repeat; padding-left:20px; }

【好友】 #linkFriend { background: url(圖片網址) left no-repeat; padding-left:20px; }

【影音】 #linkVideo { background: url(圖片網址) left no-repeat; padding-left:20px; }

【加為好友】 .boxAddFriendLink a { background: url(圖片網址) left no-repeat; padding-left:20px; }

【送禮物給OOXX】 .boxGiftLink a { background: url(圖片網址) left no-repeat; padding-left:20px; }

張貼時請將【XXX】刪除 !!!!



回應區加上圖片。

.blogbody textarea {

background: url(圖片網址);

background-position : left top;

background-repeat : no-repeat;

padding-left: 20px  }

隱藏鑰匙圖案。

.title img {display: none;}

.boxNewArticle1 img {display: none;}

如果文章前後有加小圖,張貼此語法時,小圖將會消失,請務必注意 !!!!!



隱藏你和我的關係。

.relationtable { DISPLAY: none }

 

移到連結會出現一個小圖示 ↓



a:hover{background:url(圖片網址) no-repeat fixed left top;}

資料夾移到連結旁邊出現小圖示 ↓

#links a:hover{

color:色碼;background:url(圖片網址) fixed no-repeat left center;

padding-left:9px;}



*貼圖篇 :

貼圖 :

圖片超連結 :

圖片大小 :

( height=高度;width=寬度。自己調 )

 

*音樂篇 :

隱藏 :

顯示 :

MV :

PS.其他設定:

˙src="網址" ←這裡面打入是你背景音樂的檔案網址

˙autostart="0" ←設定1是進入網誌自動開啟音樂,0為被動

˙loop="1" ←設定1是重複播放,0為單次播放

˙volume="0" ←音量,範圍是由-10000到0,0代表最大音量輸出

˙width="200" ←播放面板的寬度

˙heigh="300" ←播放面板的高度



*字體篇 :

字體大小 : 輸入你要打的字

( 1最小,7最大 )

改變字體 : 輸入你要打的字

( 可將"標楷體"改為你要的字體,前提是你家要有那種字體 )

字體變化 : <b>輸入你要打的字</b>

[請把這裡的<>改成<>謝謝*,因為我在這裡用小這個<>他會直接顯效果]

[而沒有語法出來]

( b=粗體;i=斜體;u=底線;tt=打字機;strike=刪除線。 )

字體顏色 : 輸入你要打的字

字體位置 :

輸入你要打的字



( center=字體居中;left=字體靠左;right=字體靠右。 )

字體超連結 : 輸入你要打的字

字體顏色超連結 : 打上你要的名稱


【語法】更改New的位子

 在css語法貼上:

b font.small-c img.newAlbumUpdate{

visibility:hidden;

HEIGHT: 13px;

}

b font.small-c a{

visibility:visible;

FONT-FAMILY: 新細明體;

FONT-SIZE: 12px !important ;

BACKGROUND: #DDCECD !important;

}

b .small-c{

FONT-SIZE: 0px;

color:#DDCECD;

BACKGROUND: url(http://new小圖位置)

no-repeat;

}

 

 /*網誌的捲軸*/

HTML

{SCROLLBAR-FACE-COLOR: #色碼;

OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #色碼;

SCROLLBAR-SHADOW-COLOR: #色碼;

SCROLLBAR-3DLIGHT-COLOR: #色碼;

SCROLLBAR-ARROW-COLOR: #色碼;

SCROLLBAR-TRACK-COLOR: #色碼;

SCROLLBAR-DARKSHADOW-COLOR: #色碼;

SCROLLBAR-BASE-COLOR: #色碼}

/*打回應處區塊*/

#text

{SCROLLBAR-FACE-COLOR: #色碼;

SCROLLBAR-HIGHLIGHT-COLOR: #色碼;

SCROLLBAR-SHADOW-COLOR: #色碼;

SCROLLBAR-3DLIGHT-COLOR: #色碼;

SCROLLBAR-ARROW-COLOR: #色碼;

SCROLLBAR-TRACK-COLOR: #色碼;

SCROLLBAR-DARKSHADOW-COLOR: #色碼}

/* 最新回應捲軸 */

.boxNewComment1 .side {

background: transparent url(背景圖片網址) no-repeat scroll 50% 10%;

font-size: 10px !important;

overflow: scroll ;

HEIGHT: 150px;

SCROLLBAR-FACE-COLOR: #FFFfff;

SCROLLBAR-HIGHLIGHT-COLOR: #FFFfff;

SCROLLBAR-SHADOW-COLOR: #FFFfff;

SCROLLBAR-3DLIGHT-COLOR: #FFFfff;

SCROLLBAR-ARROW-COLOR: #FF6699;

SCROLLBAR-TRACK-COLOR: #ffffff;

SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

border-top:1px #FF5A78 dashed;

border-left:1px #FF5A78 dashed;

border-bottom:1px #FF5A78 dashed;

border-right:1px #FF5A78 dashed}

/* 最新文章捲軸 */

.boxNewArticle1 .side{OVERFLOW-y: auto ; height:150px}

scrollbar-face-color:#FFFFFF;

scrollbar-arrow-color:#FFFFFF;

scrollbar-track-color:#FFFFFF;

scrollbar-shadow-color:#FFFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-darkshadow-color:#FFFFFF;

border-top:1px #FFFFFF dashed;

border-left:1px #FF6699 dashed;

border-bottom:1px #FFFFFF dashed;

border-right:1px #FFFFFF dashed

}

/*日期*/

.date

{FONT-WEIGHT: 字形式要粗要細;FONT-SIZE: **px;

COLOR: #色碼; FONT-FAMILY: 字型;

TEXT-ALIGN: 置放位置}

/*日期代圖*/

.date

{background-image:url(你的圖.jpg);

background-position: 置放位置;background-repeat:---重複不重複;}

/*文章標題*/

.articletext .title

{FONT-WEIGHT: 要粗要細;

FONT-SIZE: **px;COLOR: #字色碼;

FONT-FAMILY: 字型}

/*文章內文*/

.articletext .innertext

{FONT-WEIGHT: 要粗要細;

FONT-SIZE: **px;COLOR: #字色碼;

FONT-FAMILY: 字型}

/* 消除連結小圖上外圍的一圈框框 */

.innertext a img {border: none;}

/* 文章彙集隱藏 */

#boxDate .boxDate0 .sidetitle {display:none}

/* 地圖隱藏 */

.boxDate1 .side {height: 25px; overflow: hidden;padding-left:38px;padding-top:2px}

/* 網誌的個人照片移掉 */

.boxMySpaceImg{display: none;}

/* 把我的訂閱移掉 */

#boxRssList{display:none;}

/* 加入好友"移掉 */

li.boxAddFriendLink a{display:none;}

/* 將"給禮物"移掉 */

li.boxGiftLink a{display:none;}

/* 文章上的鎖拿掉 */

.title img {display: none;}

/* 隱藏好友 */

select{display:none}

/* 測邊鎖拿掉 */

.boxNewArticle1 img {display: none;}

/* 文章分類用+改成圖 */

#boxCategory a img {display: none;}

#boxCategory a { padding-left: 1px; background: url(圖) no-repeat left top; }

/* 繼續閱讀改圖 */

.articletext .extended A {display: block; font-size: 0px! important; background: url(圖) no-repeat right bottom;width: 40px;height: 20px;

color: #ffffff! important;}

/* 所有文章列表刪除 */

#boxDate {display:none !important}

/* XXX登入 刪除 */

.powered {display:none !important}

/* 滑鼠已經點上去的顏色 */

A:hover {color:#000000}

/* 參觀人氣四個字隱藏 */

#boxCounter .sidetitle {display:none}

/* 測邊欄位移到連結出現圖案 */

#links A:hover {

PADDING-LEFT: 0px; BACKGROUND: url(圖) fixed no-repeat left center; COLOR: #000000}

/* 我的地盤消失 */

#boxMySpace .boxMySpace0 .sidetitle { display: none; }

/* 給個回應四個字障眼法 */

.comments-bottom .comments-head{text-align:right;height:1px;

color: #FFFFFF;}

/* 參觀人氣移動位置正確位置自己條 */ 

DIV #boxCounter {

LEFT: 600px; WIDTH: 50px;

POSITION: absolute; TOP: 20px; HEIGHT: 80px}

#boxCounter .side br {display:none}

#boxCounter .side {width:230px}

#boxCounter .boxCounter1 .side {font-family:georgia;color:#色碼;

font-size: 12px;TEXT-ALIGN: left;background:none}

/* 回應BY隱藏 */

#boxNewComment .side{font-size:0px !important}

#boxNewComment .side a {font-size:10px !important}

#boxNewComment .boxNewComment1 .side {COLOR: #FFFFFF; TEXT-ALIGN: right}

/* 單篇計算人數 */

.total-comments-div {

BACKGROUND: url(http://counter.nsysu.edu.tw/Count.cgi?dd=98) no-repeat center bottom

}

/* 網誌名稱移動位子正確位置自己條 */

#pageheader h1 a {margin-left:-900px;margin-top:-20px;width:500px}

/*帳號可愛的小圖*/

.postuser {PADDING-RIGHT: 20px; BACKGROUND: url(圖) no-repeat right 10%}

/* 改文章日期字體 */

.date {FONT-FAMILY: georgia;FONT-SIZE: 12px;}

/* 網誌外觀改字體 */

.posted {FONT-FAMILY: 字體;}

/* 文章標題改字體 */

.articletext .title {font-family: 字體;}

/* 小分類改顏色 */

#boxCategory .boxCategory1 .side div a {color:#999;}


行事曆的一群

/*這是一組可以直接複製覆蓋貼上使用修改的含中文解釋語法*/

/*行事曆主體*/.calendar {

/*文字大小*/font-size: 13PX !important;

}

/*行事曆文字*/.calendar a {

/*文字顏色*/color:#FFF !important;

}

/*行事曆整體*/DIV.calendar {

/*透明*/filter: Alpha( Opacity = 100, style = 3 );

/*背景圖片*/background: url(貼上你喜歡的背景圖片網址);

/*高度*/HEIGHT: 300px;

}

/*行事曆桌面*/#links td .calendar{

/*文字大小*/font-size: 13PX !important;

/*文字顏色*/color:#FFF !important;

}

/*行事曆日期*/#links .calendar td .calendar,

/*行事曆有文章時日期文字*/#links td .calendar a{

/*文字直排*/display:block !important;

/*文字靠中*/text-align:center !important;

/*文字行高*/line-height:20px !important;

/*文字寬度*/width:20px !important;

/*文字高度*/height:20px !important;

}

/*行事曆有文章日期文字小區塊*/#links td .calendar a:link{

/*小花背景圖片*/background: url(貼上你喜歡的小花背景圖片網址)

/*背景重複*/ no-repeat

/*背景位置*/ center;

}

無名logo語法

.powered .powerlogo img{display:none;}

.powered .powerlogo{DISPLAY:block;BACKGROUND:url(圖片網址);WIDTH:---px;HEIGHT:---px;

no-repeat center center;} width和height的地方可自行修改圖片大小喔

相本濾鏡樣式共七種

看起來是黑白連過去是彩色.side a img{filter:gray;}

.side a:hover img{ filter:alpha(opacity=100) ;}

看起來是半透明連過去是彩色

.side a img{filter:alpha;}

.side a:hover img{ filter:alpha(opacity=100) ;}

注意:此有三種樣式,在alpha後加上(style=1)or(style=2)or(style=3)分別為不同樣式



看起來是x光連過去是彩色

.side a img{filter:xray;}

.side a:hover img{ filter:alpha(opacity=100) ;}

看起來是對比過度連過去是彩色

.side a img{filter:invert;}

.side a:hover img{ filter:alpha(opacity=100) ;}

看起來是模糊連過去是正常彩色

.side a img{filter:blur;}

.side a:hover img{ filter:alpha(opacity=100) ;}

看起來是隱藏連過去會出現照片

.side a img{filter:mask;}

.side a:hover img{ filter:alpha(opacity=100) ;}

看起來有橫波連過去會出現正常照片

.side a img{filter:wave;}

.side a:hover img{ filter:alpha(opacity=100) ;}

網誌.給個回應設定.comments-bottom .comments-head { background: url(圖片網址) no-repeat left top;height: 100px;}

網誌.繼續閱讀的設定.extended { background: url(圖片網址) no-repeat 95% 50%;padding-right: 20px; margin-top: -50px; font-size: 10px;line-height: 100%;text-align: right;font-color: #dddddd;height: 30px;} .extended a {color: #ffffff ;}

如何更改標題顏色呢?

語法↓



http://rhinejo.myweb.hinet.net/home/color/color-cord.html ←色碼表

好友名單修改顏色語法select {background: #------; color: #------;}

前面的#---- 改背景顏色

後面的#---- 改文字顏色

#----請填入色碼表的顏色

相簿大框框語法body {

border-top:30px solid 色碼;

border-bottom:30px solid 色碼;

border-left:30px solid 色碼;

border-right:30px solid 色碼;}

這4個分別是上下左右的

請在色碼後面貼上色碼表(#------)

把語法貼在CSS表最下方即可

修改月曆語法.calendar a {color:#------;} "行事曆"

.calendarhead a {color:#------;} 月&年

.calendar tr th .calendar{color:#------;} 星期幾

.calendar span {color:#------;} 日

.calendar td a {color:#------;} 連結 (有寫網誌的那幾天)

.calendar td a:hover {color:#------;} 滑鼠移過去時的連結

分類前+換圖圖

#boxCategory a img{display:none ;}

#boxCategory a {

background:url('圖片網址') no-repeat left top ;

padding-left:20px ; }

移到連結列的小圖

#links a:hover{ color:#9C7BBD;background:url(圖片網址) fixed no-repeat left center; padding-left:20px; }

【最新文章改成圖案】

#boxNewArticle {

BACKGROUND: url(' 背景網址 ') no-repeat 30% 0%; PADDING-TOP: 25px; HEIGHT: 160px;PADDING-LEFT: 5px}

【最新回應改成圖案】

#boxNewComment {

BACKGROUND: url(' 背景網址 ') no-repeat 30% 0%;PADDING-TOP: 25px; HEIGHT: 50px; PADDING-LEFT: 5px}

【文章分類改成圖案】

#boxCategory {

BACKGROUND: url(' 背景網址 ') no-repeat 30% 0%; PADDING-TOP: 25px; HEIGHT: 110px; PADDING-LEFT: 5px}

【修改繼續閱讀字體大小】

.blogbody .extended a{font-size:11px !important ;}

11px這裡可以自訂大小哦

【月曆連結的字色】

span.calendar {color: #------;}



【改變人氣統計的顏色】

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

【改變分類人氣統計的顏色】

#boxCategory .boxCategory1 .side {color: #------;}

【繼續閱讀】

.extended a, .extended a:visited {color: #------;}

【改首頁密碼提示的顏色】

.innertext form {color:#------}

 

語法】頁面框的語法

body{ border-width:40px 70px 40px 70px;

border-style:solid;

border-color:色碼 色碼 色碼 色碼;}

人氣裡加個有幾人在逛你的網誌

.boxCounter1 {padding-bottom:30px;background:url("

搗蛋小親親 發表在 痞客邦 PIXNET 留言(0) 人氣()