幕思城>電商問答>店小蜜>淘寶店鋪導航欄背景顏色如何設置?方法介紹

    淘寶店鋪導航欄背景顏色如何設置?方法介紹

    61期小林樓主|2022-06-19|22:00|發(fā)布在分類 / 店小蜜|閱讀:636

    每一個店鋪都會有一個導航條,可以幫助買家更快更方便的找到自己想要的寶貝,那么在裝修導航條的時候,有賣家朋友想要改變顏色來搭配店鋪的整體風格,但是又不知道怎么修改?

    所以今天幕思城小編帶著解決方法來了!1、進入賣家中心,點擊“店鋪裝修”,即可進入裝修界面。

    將鼠標放置導航條位置,即可出現(xiàn)編輯按鈕,點擊“編輯”2、進入編輯界面后,會出現(xiàn)兩個選項,“導航設置”和“顯示設置”,“導航設置”就是如下圖所示添加或刪除導航條的內(nèi)容,或者將某一項上移或下移。

    在此重點講解一下“顯示設置”3、導航條的“顯示設置”是通過一些固定的代碼來實現(xiàn)設置的。

    在此我們設置一個導航條的導航條背景色為綠色,首頁/店鋪動態(tài)背景色為白色,首頁/店鋪動態(tài)右邊線為墨綠色,首頁/店鋪動態(tài)文字顏色藍紫色,所有分類背景色牡丹紅,所有分類右邊線青銅色,所有分類文字顏色黃色。

    當然這個搭配肯定不會美觀的,只是舉這么個例子。

    給位可以根據(jù)自己的喜好和美觀來搭配顏色。

    規(guī)定好顏色之后,就可以把以下代碼編輯到“顯示設置”的輸入框內(nèi)。

    點擊“確認”即可完成設置。

    其中/* */內(nèi)的文字為注釋文字,不影響代碼內(nèi)容。

    淘寶店鋪裝修導航條已經(jīng)修改好顏色了,那其它分欄條怎么自定義顏色?

    新建一個淘寶自定義模板自己寫代碼就可以了,把你2處位置的那塊代碼復制進自定義內(nèi)容區(qū),然后換個背景圖或者背景顏色就Ok了。

    導航條可以自己定義顏色的,但是需要使用到CSS代碼!先編輯好代碼后,再直接安裝到店鋪導航條中的“顯示設置”中!下面是導航條的顏色修改的代碼,你只需要修改紅色部分的代碼,紅色部分就是顯示的顏色:/* 導航條背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動態(tài)背景色*/.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動態(tài)右邊線*/.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}/*首頁/店鋪動態(tài)文字顏色*/.skin-box-bd .menu-list .menu .title{color:#ff0000}/*所有分類背景色*/.all-cats .link{background: none repeat scroll 0 0 #00ad08;}/*所有分類右邊線*/.all-cats .link{border-right:1px #006205 solid;}/*所有分類文字顏色*/.skin-box-bd .all-cats .title{color:#ff0000}代碼可以直接復制,很方便,只需要修改成自己想要的顏色就可以~如果還是不能解決你的問題,可以直接留言咨詢,有大神會幫你解決!想要了解更多網(wǎng)店裝修相關的內(nèi)容,可以關注幕思城,好玩有趣的資訊在等著你哦。

    相關推薦:旺鋪智能版全屏海報怎么做?

    淘寶全屏店招怎么設置?

    淘寶全屏店招設置教程淘寶全屏海報如何切片?

    如何去掉銜接的空白間隙?

    這個問題還有疑問的話,可以加幕.思.城火星老師免費咨詢,微V.信X號是為: msc496。

    淘寶店運營問題沒解決?沒思路?想系統(tǒng)學習? 馬上點這里加火星老師微信【無償贈送5.5G運營禮包、電商軟件VIP賬號、內(nèi)部課程等資源】
    >
    發(fā)表評論

      微信掃碼回復「666