Yahoo!奇摩部落格→【自訂樣式參考語法】總覽
/*欄位外框晶鑽禮湛框圖設定Shared rounded corner for all modules flower*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://home.educities.edu.tw/nkhs9323005/gif0745.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://home.educities.edu.tw/nkhs9323005/gif0746.gif) right top no-repeat;height:66px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://home.educities.edu.tw/nkhs9323005/gif0744.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://home.educities.edu.tw/nkhs9323005/gif0747.gif) right bottom no-repeat;height:39px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:9px;background:url(http://home.educities.edu.tw/nkhs9323005/gif0748.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://home.educities.edu.tw/nkhs9323005/gif0749.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*中間欄位文章標題前小圖片與文字字體大小變更設定Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:5px;zoom:1;}
.yblogcnt .blgtitlebar h2 {background:url(http://home.educities.edu.tw/nkhs9323005/gif0346.gif) left .9em no-repeat;padding-left:90px;margin-bottom:1px;_margin-bottom:1px;_line-height:9em;}
/*部落格頂部Yahoo!奇摩工具列置頂區塊功能消失設定yhtw_masthead*/
#yhtw_masthead a, #yhtw_masthead .mhuser p, #yhtw_masthead div, #yhtw_masthead div span{display:none;}
/*部落格全版背景底圖設定Background color for whole page*/
body {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif)}
/*部落格頂部Yahoo!奇摩工具列背景底圖設定Master header*/
#yhtw_masthead{background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);color:#ff0000;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family:標楷體;padding-left:20px;font-size:130%}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#ff0000;}
/*部落格橫幅背景底圖設定Background image for blog title*/
#yblogtitle .mbd {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif); background-repeat: repeat}
#yblast{display: none}
/*部落格名稱標題前小圖片與文字字體顏色字體大小變更設定Blog title*/
#yblogtitle h1{font-size:100%;font-weight:bold;background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;padding-left:30px; color:#ff0000;font-family:標楷體;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:130%;font-weight:bold;background:url(http://home.educities.edu.tw/nkhs9323005/gif0203.gif) no-repeat;padding-left:30px; color:#0000ff;font-family:標楷體;}
/*訂閱部落格圖片檔變更設定btnsbsrb*/
div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://home.educities.edu.tw/nkhs9323005/logo11nkhs9323005.gif) no-repeat;margin:0;}
/*招呼語欄位圖框背景底圖變更設定Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif)}
/*部落格自我介紹欄位內容中性別圖片檔變更設定welcome*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:100px;height:100px;background:url(http://home.educities.edu.tw/nkhs9323005/gif0255.gif) center no-repeat;}
/*左右欄位標題背景底圖與標題字體顏色設定Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd{font-family:標楷體;font-size:100%;font-weight:bold;background: url(http://home.educities.edu.tw/nkhs9323005/gif0722.gif);color:#ff0000; no-repeat;padding-left:18px;}
/*左右欄位內容中背景底圖設定Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}
/*左右欄位內容中標題前小圖片變更設定Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;padding-left:20px;margin-bottom:1px;_margin-bottom:1px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;}
/*中間欄位標題背景底圖與標題字體顏色設定Main content header*/
.yc3pribd .mhd{background:#ffffff url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);color:#ff0000;}
/*中間欄位標題文章內容背景底圖與文章內容文字字體顏色設定Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;
color:#000000} #ymodcal .mbd td strong {color:#ff0000;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro more{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}
/*中間欄位文章標題前小圖片與文字字體大小變更設定Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:5px;zoom:1;}
.yc3pribd .mbd,more {font-size:110%;font-weight:bold;background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;padding-left:30px;}
.yblogcnt .blgtitlebar h2 {background:url(http://home.educities.edu.tw/nkhs9323005/gif0203.gif) no-repeat;padding-left:30px;}
/*更新日期欄位內容中日期時間前小圖片變更設定Module latest upup*/
#ymodupdate .mbd .date{background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left center no-repeat;padding-left:16px;font-size:80%;font-family:verdana;}
/*去除文字超連結底線設定Links*/
a,a:link,a:visited{color:#ff0000;text-decoration: none}
a:hover{color:#ff0000;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}
/*去除欄位白色外框設定shared rounded corner for all modules*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*捲軸顏色變更設定*/
html{
scrollbar-base-color : #000000;
scrollbar-face-color : #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color : #ff0000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;}
/*部落格加顏色外框設定*/
body{
border-right: 10px double;
border-top: 10px double;
border-left: 10px double;
border-bottom: 10px double;
border-color:#077006;
}
/*滑鼠游標變更設定*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs9323005.ani)}
a:hover {cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs932300501.ani)}
Yahoo!奇摩部落格→【自訂樣式參考語法】設定說明
1.本【自訂樣式參考語法】可以直接複製使用
2.直接複製使用本【自訂樣式參考語法】前,
→請先刪除【自訂樣式】內容中的所有語法
3.請在url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif)中,
→做各項背景底圖網址變更設定
4.請在下列訂閱部落格圖片檔變更設定中,做訂閱部落格圖片檔網址變更設定
/*訂閱部落格圖片檔變更設定btnsbsrb*/
div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://home.educities.edu.tw/nkhs9323005/logo11nkhs9323005.gif) no-repeat;margin:0;}
5.請在下列滑鼠游標變更設定中,做滑鼠游標圖片檔網址變更設定
/*滑鼠游標變更設定*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs9323005.ani)}
a:hover {cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs932300501.ani)}
網頁特效語法參考
網頁特效語法參考
滑鼠特效語法參考
字跟游標一 | 字跟游標二 | 字繞游標一 | 字繞游標二 | 圖片跟游標 |
幻燈片游標 | 瞄準十字線 | 圖片繞圈圈 | 蝴蝶游標區 | 星點游標一 |
星點游標二 | 三色游標一 | 三色游標二 | 冒泡游標區 | 心花朵朵開 |
如影隨形區 | 軌跡式游標 | 龍飛鳳舞式 | 游標式時鐘 | 財源滾滾區 |
滑鼠光環一 | 滑鼠光環二 | 聖誕雪橇區 | 燈籠滑鼠區 | 滑鼠滿天星 |
旋轉圖片區 | 圖繞滑鼠區 | 圖繞滑鼠區 | 圖繞滑鼠區 | 圖繞滑鼠區 |
網頁線上系統偵測器
偵測色彩度 | 偵測瀏覽器 | 偵測解析度 | 偵測Java器 | 顯示更新日 |
檔案資訊區 | 顯示到訪次 | 即時通偵測 | 即時通偵測 | 即時通偵測 |
Windows桌面小遊戲
五子祺遊戲 | 井字祺遊戲 | 倉庫工人一 | 小精靈遊戲 | 打蟑螂遊戲 |
打鳥小遊戲 | 攻城魔法鎮 | 無敵十三支 | 搶救皮卡丘 | 進化皮卡丘 |
皮卡丘排球 | 眼明手快區 | 破壞螢幕區 | 碰碰球遊戲 | 美夢成真區 |
自由滑雪區 | 記憶小遊戲 | 記憶方塊區 | 記憶雙胞胎 | 超級酒保區 |
過關斬將區 | 酷企鵝遊戲 | 釣魚小遊戲 | 電梯大作戰 | 飛天氣球區 |
麻將小遊戲 | 哆啦A夢區 | 天使小遊戲 | 射擊急先鋒 | 同類消掉區 |
南台科技大學→高職教師進修網→軟體教學區
Flash教學 | Dreamweaver | Java語法網 | DreamMX教學 | PhotoImpact |
教學網站推薦區
~裝飾音~ | 機車妹教學網 | 小魚兒的窩 | 國家資安會報 | DS Effects |
全民英檢中心 | 南港高工 | 港工師生作品 | 蘇蘭老師網頁 | 偏遠藝文家 |
偏遠人文巢 | 步松油畫 | 漪唲亞卓網 | 喜菡文學網 | 全國教師會 |
教師會論壇 | 詩詞吟唱 | 超級兔子軟體 | 國家資安會報 | 皮帶式連結 |
漪唲亞卓網 | 漪唲亞卓網 | 若隱情境 | 凝霜山莊 | 有緣人的天地 |
漪唲亞卓網 | Sakula櫻花屋 | 筱雲蕥筑 | 漪唲亞卓網 | 漪唲亞卓網 |
姥姥之家 | 接骨木棉樹 | 淡寫人生 | 漪唲亞卓網 | grace園地 |
阿信仔油詩坊 | 彭熙麟網站 | 藝中人工作室 | 漪唲亞卓網 | 張詩部落格 |
呆呆之家 | 漪唲亞卓網 | 漪唲亞卓網 | 漪唲亞卓網 | 含塵之風 |
漪唲亞卓網 | 漪唲亞卓網 | 漪唲亞卓網 | 網站自動翻譯 | 中日文自動翻譯 |
Yahoo!奇摩 | 奇摩個人網頁 | 奇摩網頁教學 | 奇摩FTP教學 | 奇摩網頁討論 |
奇摩家族 | 奇摩大魔域 | 奇摩桌布圖庫 | 奇摩賀卡 | 奇摩會員中心 |
奇摩知識 | 奇摩企業架站 | 網頁製作家族 | 奇摩相簿 | 奇摩服務公告 |
奇摩服務條款 | 隱私權中心 | 問題與建議 | 香港雅虎奇摩 | 雅虎地球村 |
Yahoo!奇摩 | MSN台灣首頁 | 蕃薯籐 | 台北市鄰里網 | 智邦生活館 |
OPENFIND網 | PChome搜尋網 | 新浪網 台灣! | Google搜尋網 | Yahoo!奇摩 |
★【瀏覽網頁時→三個重要的瀏覽程式設定】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=6907
★Yahoo!奇摩部落格→【面板設定】★
http://tw.myblog.yahoo.com/yahoo-blog/article?mid=67079
★Yahoo!奇摩部落格→【改變滑鼠指標的使用方法】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=6824
★【自訂樣式參考語法】→欄位外框晶鑽禮湛框圖設定★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=8368
★【自訂樣式參考語法】→中間欄位文章標題前燈籠圖片的自訂樣式設定★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=8113
★【部落格頂部Yahoo!奇摩工具列置頂區塊功能消失設定】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=8087
★Yahoo!奇摩部落格→【文章分類前加小圖片】的語法設定★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=8004
★【隨機背景音樂單語法】使用於奇摩部落格【發表文章】內容或【自訂欄位】內容中的語法★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=5024
★【隨機背景音樂器語法教學區】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=5027
★【主動式音樂播放器語法】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=3956
★Yahoo!奇摩部落格→自訂欄位【主動式音樂播放器語法】製作安裝步驟★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=7941
★【【梅林大師】使用於奇摩部落格【發表文章】內容或【自訂欄位】內容中的語法】★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=6298