淘寶美工:淘寶店鋪導航顏色裝修代碼有哪些?
淘寶首頁想要裝修的漂亮,需要用到一些代碼,現在可以借住一些在線代碼製作的網站,也可以自己用DW寫代碼。下面給大家介紹導航裝修的簡單的代碼。
修改導航背景色
(01)靜態背景顏色代碼:-box-bd -list {background:white;}用來設置【首頁 】等其它導航類目中的背景色。顏色代碼可以用英文單詞表示,如white(白),也可以用十六進制表示,如白色爲#ffffff等表示。另外背景色也可用圖片,代碼爲{background:url(圖片地址);}。在默認的導航條中最左邊的一項爲【 所有分類】的背景色代碼:-cats {background:red;}導航條整個分類段背景色代碼:-box-bd -list{background:white;}【導航條背景色】修補導航右側缺口(分類不多時,右側可能會空着時的缺口)代碼:-box-bd{background:red;}我這個顏色用的很醜,主要是爲了好區分,哈哈。
修改分割線顏色
(01)【所有分類】的右邊的分隔線顏色代碼:-cats {border-color:black;}“首頁”等分類右邊的分隔線顏色代碼:-list {border-color:black;}
修改文字顏色
(01)【首頁】等其它導航類目的文字顏色代碼:-list e{color:yellow;}【所有分類】的文字顏色代碼:-cats e{color:yellow;}【二級分類】的背景色代碼:p-content{background:gray;}【三級分類】的背景色代碼:p-content -tree -pop-inner{background:#504f4f;}【二級分類】的文字顏色代碼:p-content -name{color:yellow;}【三級分類】的文字顏色。代碼:p-content -tree -pop-inner -name{color:yellow;}(如果不寫這句代碼,那三級分類和二級分類顏色是一樣的。)
修改鼠標滑過變背景色
(01)鼠標滑過【首頁】等其它導航類目變換背景色代碼:-list -hover {background:green;}鼠標滑過【所有分類】變換背景色代碼:-cats-hover {background:green;}鼠標滑過【所有分類下的二級分類】變換背景色代碼:p-content -tree -hd-hover{background:green;}鼠標滑過【所有分類下的三級分類】變換背景色代碼:p-content -tree -cat-hd-hover{background:green;}鼠標滑過【導航類目下的寶貝分類】變換背景色代碼:-popup-cats -cat-hover{background:green;}
鼠標滑過變文字顏色
(01)鼠標滑過【首頁】等其它導航類目變換文字顏色代碼:-list -hover e{color:blue;}鼠標滑過【所有分類】變換文字顏色代碼:-cats-hover e{color:blue;}鼠標滑過【導航類目下的寶貝分類】變換文字顏色代碼:-popup-cats -cat-hover -name{color:blue;}鼠標滑過【所有分類下的二級分類】變換文字顏色代碼:p-content -hd-hover -name{color:blue;}鼠標滑過【所有分類下的三級分類】變換文字顏色代碼:p-content -tree -cat-hd-hover -name{color:blue;}
特別提示
運用代碼時可以直接複製本文,但記得爲了使代碼沒有問題,複製後請把文字內容刪除,只留下代碼就行了。
-
怎麼樣校驗Win10 ISO的SHA1 如何驗證MD5值
如果你想了解自己下載的Windows10ISO文件是否爲原版,這時該怎麼樣操作呢?我們可以通過驗證ISO文件的SHA1與MD5值,下面就來看看如何驗證SHA1與MD5的方法吧。操作方法(01)首先我們在下載Windows10ISO文件的頁面,可以看到MD5與SHA1的數值,把這些數值複製保存起來。(02)接下...
-
如何使用PPT輸入化學式
今天我給大家尤其式學生們介紹一個怎麼使用PPT輸入化學式的傳統方法,希望能幫到你們,一起來看看吧!操作方法(01)首先你需要做的就是打開一個新建的文本,在上方的菜單欄裏面選擇插入選項卡,看到右邊選擇繪製橫排文本框。(02)線使用鼠標選中文本框,右鍵單擊鼠標,選擇跳出選...
-
QQ通訊錄怎麼添加聯繫人?
QQ通訊錄怎麼添加聯繫人?操作方法(01)我們首先登錄自己的QQ號。(02)然後點擊軟件右下角的應用管理器按鈕,如圖:(03)點擊通訊錄按鈕,如圖:(04)在通訊錄中點擊添加按鈕,如圖所示:(05)輸入聯繫人的姓名等信息後點擊確定按鈕,如圖所示:...
-
如何將CorelDraw文件轉爲jpg圖片
CorelDraw保存的源文件是CDR格式,將文件轉爲jpg格式的圖片。操作方法(01)準備好CorelDraw文件(02)然後打開CorelDraw軟件進入界面,選擇菜單欄中的-文件-打開,(03)找到準備好的cdr文件,將文件置入到文檔中(04)當導出時,點擊菜單欄中的-文件-導出(05)在保存類型中找到jpg格式,點...