nidbox 盒子小技巧 (CSS、語法)

 

若在盒子後台上傳 刊頭圖檔 後
有時會類似下面這般，部落格名稱、主功能表看不清楚



可以自行加幾個語法
如下圖，就清楚多了



將下列語法貼到後台
「日記 / 側邊欄設定」畫面中
按「部落格公告 設定」貼上下面語法、儲存就可以了

** 特別說明：以下語法在某些盒子內的部落格樣式 並無法適用，需再做調整。
** IE 無法呈現出陰影、透明的效果

<style>

#mainarea .diary-body {
line-height: 1.6em;
font-size: 12px;
}

#siteename h1 {
 text-shadow:1px 1px 1px #111111;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#111111)";

}

#sitedescs {
 text-shadow:1px 1px 1px #111111;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#111111)";

}

#mmenu {
border-radius: 6px;
BACKGROUND: #fff;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity: 0.70;
padding:5px;
width:90%;
height:30px;
}

</style>

語法簡單說明：

<style>
#mainarea .diary-body {
line-height: 1.6em;  /*調整日記中文字的上下行距， 1.6 數字可以自己改看看，數字越大、行距越大*/
font-size: 14px;      /*調整日記內文字大小 通常 12~15之間比較適合*/
}

/*「部落格名稱」加上陰影，可以調整 #11111 這個 RGB顏色數字
-mfs-filter 這個讓是 IE8+ 也有類似效果
*/
#siteename h1 {
 text-shadow:1px 1px 1px #111111;

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#111111)";

}

/*「部落格簡介」加上陰影，可以調整 #11111 這個 RGB 顏色數字
-mfs-filter 這個讓是 IE8+ 也有類似效果
*/
#sitedescs {
 text-shadow:1px 1px 1px #111111;

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#111111)";

}

/*主功能表 加上半透明背景，修改 0.7 這個數字 可以變化透明度， 1.0 表示不透明  */
#mmenu {
border-radius: 6px;
BACKGROUND: #fff;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity: 0.70;
padding:5px;
width:90%;
height:30px;
}

/*日記標題的顏色*/
#mainarea h1 {
color: #ff0000;
font-size:16px;
}

/*部落格內各連結的文字顏色*/
A:link {color: #ff0000;  text-decoration: none}
A:visited,A:active {color: #ff0000;  text-decoration: none}
A:hover {text-decoration: underline; color: #ff0000}


</style>



**
這個網頁 可以查詢 RGB 顏色編號：
http://www.ifreesite.com/color/