淘寶美工:淘寶店鋪導航顏色裝修程式碼有哪些?
淘寶首頁想要裝修的漂亮,需要用到一些程式碼,現在可以借住一些線上程式碼製作的網站,也可以自己用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;}
特別提示
運用程式碼時可以直接複製本文,但記得為了使程式碼沒有問題,複製後請把文字內容刪除,只留下程式碼就行了。
-
framework3.5怎麼安裝
framework3.5是一個框架,主要功能是多語言元件的開發以及執行環境,下面說說怎麼安裝以供參考:操作方法(01)首先在瀏覽中輸入framework3.5,在網頁結果中點選普通下載。(02)下載好之後雙擊開啟,等待軟體載入元件程式。(03)之後再選擇我已經閱讀並接受許可協議中的條款,再點選...
-
不用U盤,安裝純淨版Windows系統
安裝系統的方法有好多種,U盤製作啟動盤安裝時,會自帶一些軟體瀏覽器啊、小遊戲、桌面桌布什麼,萬能驅動的,裝完後又要一個個解除安裝,但是註冊列表又沒法清理乾淨。如何安裝純淨版的Windows系統,讓我們一起跟著步驟來實現吧!操作方法(01)在搜狗瀏覽器中搜索:MSDN,選擇官方網站...
-
參考文獻在文中怎麼標註(word)
(尾註新增方法)在文章中標註參考文獻,還在一個一個慢慢敲嗎?看看用word怎麼快速實現吧。這裡以word2003為例。操作方法(01)游標移到要加入參考文獻標註的地方(02)選單中“插入”——“引用”——“腳註和尾註”(03)如圖設定(04)確定後在該處就插入了一個上標“1”,而游標...
-
如何將圖片轉換成word文字
在工作生活中,我們經常為圖片文字識別的問題而煩惱,要知道圖片中的文字是不可編輯的,我們如果想將圖片中的文字提取出來,就只能使用識別工具對圖片進行識別,將其轉換成Word文字。可是,我們要選擇哪一款識別工具呢?大家如何將圖片轉換成Word文字呢?下面我們就一起來看看...