淘寶店裝修之CSS導航欄變透明代碼

導航是很重要的，一個好的單行，不單單在于可以將消費者順利引導到需要的界面，另外，美觀的導航也可以為店鋪整體加分。

 

        我們在網店裝修的的時候，往往需要選擇模版的顏色，但是，五顏六色你看慣了，可否嘗試其他特別一點的呢？比如說，透明的。事不宜遲，下面我們來說說，透明的導航欄應該怎么做？我們嘗試在CSS上做功夫。

 

 

 

步驟介紹

 

1、賣家中心->店鋪裝修->找到導航欄編輯按鈕。

 

 

 

 

 

2、然后打開編輯，看提示窗口找到（顯示設置）點擊后看到白框就是CSS自定義框。

 

 

 

 

 

3、將下邊的透明代碼拷貝過去，你看，導航欄是不是變透明了。如圖所示：

 

 

 

 

 

        A 簡單的淘寶新旺鋪自定義CSS導航透明背景代碼：

 

        .skin-box-bd{background:none;}

        .menu-list{background:none;}.link{background:none;}

        .menu{background:none;}

        .all-cats{background:none;}

        .all-cats{display:none;}

        .menu-list.menu.title{color:#CF6AA6;}

 

 

 

        B 完全的淘寶新旺鋪自定義CSS導航透明背景代碼：

 

        .skin-box-bd{background:none;border:none;}

        .menu-list{background:none;}

        .link{background:none;border:none;}

        .menu{background:none;}

        .all-cats{background:none;}

        .skin-box-bd.all-cats.link{border:none;}

        .skin-box-bd.menu-list.menu{border:none;}

        .menu-list.menu.title{color:#000000;font-size:15px;font-weight:bold;}

        .all-cats.link.title{color:#000000;font-size:15px;font-weight:bold;}

        .skin-box-bd.menu-list.menu-selected.link{background:none;}

        .skin-box-bd.menu-list.menu-selected.link.title{background:none;}

 

 

 

想讓自己的店鋪更具特色嗎，趕快來開淘網看看吧，眾多免費的模版和各種的裝修技巧，肯定讓你不枉此行。