藍線框CSS範本

感謝314大師的分享


藍色框線CSS 範本


中文解說 的 藍色框線-CSS範本


文章前小圖  標題前小


滑鼠 性別圖 框線 全套效果都包含


適合任何尺寸背景圖


方便大家 改變 改圖改顏色


此版範本-適合任何尺寸背景圖


.........


套用範本 不會影響 原本 自定欄位的設定


 自定欄位的設定 不會變動


CSS 跟自定欄位 是不同的


............


當你的CSS 亂掉 又忘了存檔


可以拿這範本救急


你也可以拿這範本 當基礎


修改或添加 新的 CSS語法



藍色框線-CSS範本 語法↓


適合任何尺寸背景圖


 


/*customization CSS*/

/*Links文章去除連結底線*/a,a:link,a:visited{color:#660000;text-decoration: none}
a:hover{color:#FF0000;background-color: #CCFFFF;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://i1.tinypic.com/nbtzj5.gif) no-repeat;padding-left:30px;font-family:華康少女文字W3;}

/*捲軸*/
html{
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #0033FF;   
scrollbar-shadow-color: #0033FF;  
scrollbar-3Dlight-color: #ffffff;   
scrollbar-arrow-color:#0033FF;    
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color:#ffffff }


/*滑鼠*/
body{cursor:url(http://ashine0118.myweb.hinet.net/catrun2.ani)}
a:hover {cursor:url(http://ashine0118.myweb.hinet.net/kuroihito.ani)}



/*Master header奇摩頂圖*/
#yhtw_masthead{background:#FFFFFF;background-image: url(http://sheng.phy.nknu.edu.tw/back-157.gif);color:#CCFFFF;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:#ff0000;}


/*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://sheng.phy.nknu.edu.tw/back-157.gif);}


/*Nav module body左右欄狀態列內容圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background-image: url(http://www.wish1234.f4w.net/bg/bgblue116.gif);}

/*Main content header文章標題圖*/
.yc3pribd .mhd{ background:url(http://sheng.phy.nknu.edu.tw/back-157.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://www.wish1234.f4w.net/bg/bgblue116.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://sheng.phy.nknu.edu.tw/back061096.jpg);background-attachment: fixed }

/*Background image for blog title部洛格標題橫框*/
#yblogtitle .mbd {background-image: url(http://www.wish1234.f4w.net/bg/bgblue116.gif); background-repeat:repeat-x}

/*Opacity for blast招呼與圖框*/
#yblast .bg {zoom:1; filter:alpha(opacity:50); background: url(http://sheng.phy.nknu.edu.tw/line-58.gif) no-repeat}

/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:100px;height:120px;background:url(http://sheng.phy.nknu.edu.tw/06003001.gif) center no-repeat;}

/*Module latest upup更新日期前圖*/
#ymodupdate .mbd .date{background:url(http://pic.23717.com/pic/icon/icon2/13/69.gif) left center no-repeat;padding-left:7px;font-size:89%;font-family:verdana;}


/*Nav module list左右欄內標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://pic.23717.com/pic/icon/icon2/13/69.gif) left .3em no-repeat;padding-left:15px;margin-bottom:2px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://i16.photobucket.com/albums/b6/lovecincin/4c1e9818.gif) 15px center no-repeat;}

/*Opacity for blogtitle上橫框 框線*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:77)
border-bottom:3px double #0033FF ;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF }

/*Opacity for sub column左右欄框線*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:79)
border-bottom:3px double #0033FF;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF}

/*Opacity for main content文章區框線*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:78)
border-bottom:3px double #0033FF;
border-top:3px double #0033FF;
border-left:3px double #0033FF;
border-right:3px double #0033FF}


/*部落格大框線*/
body {border: 5px double #0033FF ;} 


 


/*Subs list訂閱部落格*/
 div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://img227.imageshack.us/img227/1671/p1120462118141by3.gif) no-repeat;margin:0;}
 div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://img227.imageshack.us/img227/1671/p1120462118141by3.gif) no-repeat;margin:0;}
 #yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}


 

藍色-改色碼   ←color:#904E0E


紅色-放圖片網址  ← 圖片要放網際空間上的圖片


opacity:100  ←不透明


opacity:0      ←透明


font-family:標楷體 ←字體


css範本使用法↓選


請進入 管理部落格 面板設定訂樣式


將你的css語法 清除建議你先 複製 存檔


貼上css 範本儲存→看結果



cookie 發表在 痞客邦 PIXNET 留言(0) 人氣()