採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
February 2, 2015
利用CSS3功能，讓畫面(UI介面)目標更清楚。
在左邊的MENU條上增添了以下CSS2 與CSS3 的程式碼
由於樂天不能採取外部連結的方式，
ALL程式碼都必須貼在後台內使用。
以下為結合樂天邊攔的CSS的寫法...
在左邊的MENU條上增添了以下CSS2 與CSS3 的程式碼
由於樂天不能採取外部連結的方式，
ALL程式碼都必須貼在後台內使用。
以下為結合樂天邊攔的CSS的寫法...
<style type="text/css">
/*--看看新東西 Banner 與上端Welcome 動畫隔開--*/
.bColumn{margin:0 0 10px 0;}
/*--包包新鮮貨 小物新鮮貨 banner--*/
h2.bNews{position:absolute; margin:50px 0 0 10px; font-size:13px; }
h2.bNews a{padding:5px 6px 3px 6px; background:#d4d4ff; color:#6c6cc7; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bNews a:hover{padding:5px 6px 3px 6px; background:#b06038; color:#ffffff;}
/*--地圖美包館79折 banner--*/
h2.bSale{position:absolute; margin:47px 0 0 10px; font-size:13px; }
h2.bSale a{padding:5px 6px 1px 6px; background:#ffd3bd; color:#c06a3f; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bSale a:hover{padding:5px 6px 1px 6px; background:#6c6cc7; color:#ffffff;}
/*--地圖包Banner--*/
h2.bBag{position:absolute; margin:38px 0 0 10px; font-size:14px; line-height:26px;}
h2.bBag a{padding:1px 6px 1px 6px; background:#8d3d3d; color:#ffffff; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bBag a:hover{padding:1px 6px 1px 6px; background:#ffd3bd; color:#8d3d3d;}
/*--不二家~Little Twin Satrs Banner 間隔以及外框線變化與圓邊--*/
.bBanner img{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.bBanner{float:left; margin:0;}
.bBanner a{background:#FFF; margin:0 0 10px 0; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.bBanner a:hover{background:#000000; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
</style>
/*--看看新東西 Banner 與上端Welcome 動畫隔開--*/
.bColumn{margin:0 0 10px 0;}
/*--包包新鮮貨 小物新鮮貨 banner--*/
h2.bNews{position:absolute; margin:50px 0 0 10px; font-size:13px; }
h2.bNews a{padding:5px 6px 3px 6px; background:#d4d4ff; color:#6c6cc7; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bNews a:hover{padding:5px 6px 3px 6px; background:#b06038; color:#ffffff;}
/*--地圖美包館79折 banner--*/
h2.bSale{position:absolute; margin:47px 0 0 10px; font-size:13px; }
h2.bSale a{padding:5px 6px 1px 6px; background:#ffd3bd; color:#c06a3f; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bSale a:hover{padding:5px 6px 1px 6px; background:#6c6cc7; color:#ffffff;}
/*--地圖包Banner--*/
h2.bBag{position:absolute; margin:38px 0 0 10px; font-size:14px; line-height:26px;}
h2.bBag a{padding:1px 6px 1px 6px; background:#8d3d3d; color:#ffffff; text-decoration:none; font-weight:normal; border-radius:9x; -moz-border-radius:9px; -webkit-border-radius:9px;}
h2.bBag a:hover{padding:1px 6px 1px 6px; background:#ffd3bd; color:#8d3d3d;}
/*--不二家~Little Twin Satrs Banner 間隔以及外框線變化與圓邊--*/
.bBanner img{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.bBanner{float:left; margin:0;}
.bBanner a{background:#FFF; margin:0 0 10px 0; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.bBanner a:hover{background:#000000; padding:1px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
</style>
