好多語法,
本文作者在上面的連結。
其實搗蛋也是初學者。
非常感謝作者的分享。
*********************
拉拉拉拉 ˇ 整理了超超超超超級多的語法
隱藏地盤區塊
直接隱藏整個「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("
留言列表