close
~可愛嬰兒 css 範本分享 ~
可愛嬰兒CSS範本語法分享
~可愛嬰兒-CSSCSS 範本~
中文解說 的 可愛風-CSS範本
適合任何尺寸背景圖
方便大家 改變 改圖改顏色
此版範本-適合任何尺寸背景圖
.........
套用範本 不會影響 原本 自定欄位的設定
自定欄位的設定 不會變動
CSS 跟自定欄位 是不同的
............
當你的CSS 亂掉 又忘了存檔
可以拿這範本救急
/*customization CSS*/ /*Links文章去除連結底線*/a,a:link,a:visited{color:#0033CC;text-decoration: none} a:hover{color:#FF0000;background-color: #FFFFCC;text-decoration: none;} a {text-decoration:none} a:hover {position: relative; top: 2px;left:2px;} /*Article content module標題前小圖*/ .yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;} .yblogcnt .blgtitlebar h2 {font-size:150%;font-weight:bold;background:url(http://ashine0118.myweb.hinet.net/smallbell02.gif) no-repeat;padding-left:30px;font-family:華康少女文字W3;} /*捲軸*/ html{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #FF9900; scrollbar-shadow-color: #FF9900; scrollbar-3Dlight-color: #ffffff; scrollbar-arrow-color:#FF9900; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color:#ffffff } /*滑鼠*/ body{cursor:url(http://ashine0118.myweb.hinet.net/angel2.ani)} a:hover {cursor:url(http://ashine0118.myweb.hinet.net/wing.ani)} /*Master header奇摩頂圖*/ #yhtw_masthead{background:#FFFFFF;background-image: url(http://home.pchome.com.tw/good/fang600213/bmp/bmp-h/8-19.gif);color:#FF6600;filter:alpha(opacity=100); opacity:0.30; moz-opacity:0.5;font-family:華康少女文字W3;padding-left:20px;font-size:130%} #yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#FF6600;} /*Nav module header左右欄標題圖*/ .yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background-image : url(http://dye.mychat.to/bg_img/ay/dye_ay_0037.gif);} /*Nav module body左右欄狀態列內容圖*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background-image: url(http://www.wish1234.f4w.net/bg/bgother23.gif);} /*Main content header文章標題圖*/ .yc3pribd .mhd{ background:url(http://dye.mychat.to/bg_img/ay/dye_ay_0037.gif) repeat; color:#663300;} /*Main content body文章背景圖*/ .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://home.kimo.com.tw/c29613232/j77.gif); color:#000000} #ymodcal .mbd td strong {color:#FF6600;} /*Blog title部落格名-顏色設定*/ #yblogtitle .mbd,#yblogtitle .mft{background-color:#0000FF; color:#0000FF;font-family:標楷體;font-size:130%} #yblogtitle h1{color:#0000FF;font-family:華康少女文字W3;font-size:130%} /*Background image for whole page背景圖*/ BODY { background: white url(http://home.kimo.com.tw/c29613232/j77.gif);background-attachment: fixed } /*Background image for blog title部洛格標題橫框*/ #yblogtitle .mbd {background-image: url(http://www.wish1234.f4w.net/bg/bglong11.gif); background-repeat:repeat-x} /*Opacity for blast招呼與圖框*/ #yblast .bg {zoom:1; filter:alpha(opacity:50); background: url(http://www.guessbook.f4w.net/line/o15.gif) no-repeat} /*性別圖*/ #ymodprf .horos img{display:none;} #ymodprf .horos{width:80px;height:80px;background:url(http://images.elouai.com/doll-makers/button/28/32800050.gif) center no-repeat;} /*Module latest upup更新日期前圖*/ #ymodupdate .mbd .date{background:url(http://sheng.phy.nknu.edu.tw/fig131.gif) left center no-repeat;padding-left:10px;font-size:104%;font-family:verdana;} /*Nav module list左右欄內標題前小圖*/ .ycntmod .mbd ul.list li {background:url(http://sheng.phy.nknu.edu.tw/fig059.gif) left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:2em;} .ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://sheng.phy.nknu.edu.tw/icon008.gif) 15px center no-repeat;} |
藍色-改色碼 ←color:#904E0E
紅色-放圖片網址 ← 圖片要放網際空間上的圖片
opacity:100 ←不透明
opacity:0 ←透明
font-family:標楷體 ←字體
css範本使用法↓選
請進入 管理部落格 → 選 面板設定→ 選 自訂樣式
將你的css語法 清除 →建議你先 複製 存檔
→ 貼上css 範本 →儲存→看結果
全站熱搜
留言列表