2. 程式人生 > >淘寶中的一些基本CSS程式碼

淘寶中的一些基本CSS程式碼

阿新 • • 發佈：2019-01-05

前些天和室友一起說合夥開個淘寶店鋪，哈哈，要知道我是一枚程式猿誒，怎麼可以不誤正業呢，不過開個淘寶店確實不是想

象中的那麼簡單的，裝修店鋪還要你會點程式設計技術，不然只有花錢買模板或者請會程式設計的人幫你搞了，所以要想生活在這個世界上還

是需要懂點程式設計知識的，辛好我會（竊喜），所以呢，廢話也不多說了，直接上重點吧，我們都知道淘寶的 html已經定死了，所以

要想修改自帶的css樣式，必須知道它的類，id ,這裡我就直接給你吧，直接呼叫，然後放在店鋪的自定義模板上即可：

1.修改導航分類下面的背景色，程式碼如下： .skin-box-bd .link{background:#000000;} 修改導航分類下面的圖片，程式碼如下：
.skin-box-bd .link{background:url(圖片連結);} 2.修改整個導航的背景色 .skin-box-bd .menu-list{background:#000000;} 修改整個導航背景為圖片 .skin-box-bd .menu-list{background:url(圖片連結);} 3.修改最右邊留下的一小塊，2裡提到的，程式碼如下： .skin-box-bd{background:#000000;} 修改成圖片的程式碼如下： .skin-box-bd{background:url(圖片連結);} 4.字外加色： .skin-box-bd .menu-list .menu-selected .link{background:
#000000;} 5.字裡加色： .skin-box-bd .menu-list .menu-selected .link .title{background:#000000;} 字外+字裡=全部！ ---------------------------------------------------------------------------------------- 1.導航背景色程式碼（除去“所有分類”）如下： .menu-list .link{background:#000000;} 2.導航欄文字（除去“所有分類”）如下： .menu-list .menu .title{color:#顏色程式碼;font-size:
字號px;} 3.“所有分類”的背景色程式碼如下： .all-cats .link{background:#000000;} 4.“所有分類”的文字程式碼如下： .all-cats .link .title{color:#顏色程式碼;font-size:字號px;} 最新程式碼，解決字型改大後導航右側消失的情況！ 程式碼如下： .all-cats .link .title{font-size:字號px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;} 　　字號最大為21，繼續變大右側導航將消失！該程式碼還不是很完善，我們會繼續研究！ 5.二級分類文字程式碼如下： .popup-content .cats-tree .fst-cat .cat-name{font-size:字號px;color:#顏色程式碼;font-weight:bold/bolder/normal;} 6.二級分類背景程式碼如下： .popup-content{background:#000000;} 7.三級分類文字程式碼（除去“所有寶貝”分類）如下 .popup-content .cats-tree .snd-pop-inner{font-size:字號px;color:#顏色程式碼;font-weight:bold/bolder/normal;} 8.三級分類文字程式碼（包括“所有寶貝”分類字型大小）這樣就無法改變字型顏色，我們會繼續完善該程式碼！如下 .popup-content .cats-tree .snd-pop-inner{font-size:字號px;color:#顏色;}  9.三級分類背景程式碼： .popup-content .cats-tree .snd-pop-inner{background:#000000;} 10.一級導航分類（除去“所有寶貝”分類）分隔線顏色程式碼如下： .menu-list .menu{border-color:#000000;} 11.一級導航“所有寶貝”分類分隔線顏色程式碼如下： .all-cats .link{border-color:#000000;} 12.一級導航分類的寬度修改程式碼如下： .menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;} 13.滑鼠滑過一級分類導航文字變換背景色程式碼如下： .menu-list .menu-hover .link{background:#000000;} 14.滑鼠滑過一級分類導航文字變換顏色程式碼如下： .menu-list .menu-hover .link .title{color:#FFFFFF;} 15.滑鼠滑過二級分類導航文字變換背景色程式碼如下： .popup-content .cats-tree .cat-hd-hover{background:#000000;} 16.滑鼠滑過二級分類導航文字變換顏色程式碼如下： .skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;} 17.滑鼠滑過三級分類導航文字變換背景色程式碼如下： .popup-content .cats-tree .snd-cat-hd-hover{background:#000000;} 18.二級分類上加空間程式碼如下： .popup-content .cats-tree{margin:0 0 50px 0;} 19.修改“所有寶貝”右邊小圖示程式碼如下： .all-cats .link .popup-icon{background:url(圖片連線);} 20.修改二級分類右側圖示程式碼如下（有三級分類才會顯示）： .popup-content .cats-tree .fst-cat-icon{background:url(圖片連線);} 22.在三級分類前加上小塊白色程式碼如下： .popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}

相關推薦

淘寶中的一些基本CSS程式碼

前些天和室友一起說合夥開個淘寶店鋪，哈哈，要知道我是一枚程式猿誒，怎麼可以不誤正業呢，不過開個淘寶店確實不是想 象中的那麼簡單的，裝修店鋪還要你會點程式設計技術，不然只有花錢買模板或者請會程式設計的

類中一些基本資料型別

8.13長物件 常物件的定義，使用關鍵字const。語法形式為：類名 const 物件名； 8.14常成員 類包括成員資料和成員函式，因此可以定義相應的常成員函式和常成員資料。 8.14.1常成員資料 其語法形式：   Const 資料型別 

C/C++中一些基本的輸入輸出用法

1.scanf()與printf() %c格式能夠識別空格和換行並將其輸入 %s通過空格和換行來識別字符串的結束 2.getchar()與putchar() 用來輸入和輸出單個字元 3.gets()與puts() 用來輸入一行字串，gets()識別換行符來

關於CNN（卷積神經網路）中一些基本要點的簡要敘述

現階段卷積神經網路基本是以下幾個過程 ： 1.卷積（Convolution） 2.非線性處理(ReLu) 3.池化(Pooling) 4.全連線層進行分類(Fully Connected) 假設輸入影象可以是狗 ，貓，船，鳥，當我們輸入一張船的影象的時候，卷

面試中一些基本概念的辨析

第一問 const與#define相比有什麼不同？ 答案： 1.const定義的只讀變數在程式執行過程中只有一份拷貝(因為它是全域性的只讀變數，存放在靜態區)，而#define定義的巨集常量在記憶體中

python3+seleium+chrome headless+mongodb 爬取淘寶產品例項（僅程式碼+結果）

學習書籍：《python3 網路爬蟲開發實踐》 視訊地址：例項視訊 1.main.py import re from pyquery import PyQuery as pq from selenium import webdriver from sele

iOS開發中一些實用小程式碼

1.判斷郵箱格式是否正確的程式碼： //利用正則表示式驗證 -(BOOL)isValidateEmail:(NSString *)email { NSString *emailRegex = @"[A-Z0-9a-z._%+-][email protected

BIM專案中一些高可用程式碼

1.頁面顯示記憶體使用情況 <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC

css中淘寶網的更多三角製作

前面說了易迅三角的實現方法，現在來說說另外一個三角-淘寶三角，如下圖所示 淘寶三角形該怎麼實現呢？肯定是需要兩個三角形來層疊在一起的，只要進行如下圖的層疊這個淘寶三角就出來了。 程式碼如下：

JavaScript中自定義函數以及文本框、radio、下拉框的值的獲取，結合淘寶競拍案例來理解。。。

支付寶 價格 select back html alt 文本框 lec 獲取 淘寶競拍案例： HTML部分代碼： <form action="#" method="post"> <h2>歡迎進入淘寶競拍</h2> &l

Centos 6.9中 http-2.2 中的一些基本操作和 https 的實現

http http-2.2 https 首先聲明： 接下來的所有的操作都是基於防火墻和selinux關閉的情況下；是基於本地的實現；1.建立httpd服務，要求： 1) 提供兩個基於名稱的虛擬主機www1, www2；要求每個虛擬主機都有單獨的錯誤日誌

C++標準庫中棧和隊列的一些基本操作

AS PE 元素 返回值 nbsp 返回 void 入隊 style 棧： 　　<1>使用棧，要包含頭文件：#include <stack> 　　<2>定義棧，stack<Type> s; 其中Type為數據類型，可以是基本數

淘寶首頁程式碼

#html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>淘寶網-淘！我喜歡</title>

Servlet中的一些基本方法

獲取servlet配置資訊(需要在web.xml中進行配置) getServletConfig() 然後getInitParameter() 獲getInitParameterNames() 然後就可以獲取web.xml中的配置資訊了 獲取ServletContext物件 1.g

專案中使用的一些基本知識（將mysql、jdk、tomcat打包放在一起供使用者使用）

專案中使用的一些基本知識（將mysql、jdk、tomcat打包放在一起供使用者使用） 目的：使用者只需要執行一個bat檔案即可啟動mysql服務和Tomcat服務，然後直接在瀏覽器訪問到專案 1.在C盤根目錄下建立一個名為Install3DModeling的資料夾。 2.找到mysql

Elasticsearch中的一些基本概念

索引詞(term) 在Elasticsearch中索引詞(term)是一個能夠被索引的精確值。foo，Foo Foo幾個單詞是不相同的索引詞。索引詞(term)是可以通過term查詢進行準確的搜尋。 文字(text) 文字是一段普通的非結構化文字，通常，文字會被分析稱一個個的索引詞，儲存在E

css-淘寶網站——實現幾張圖片橫排中間沒有空隙

淘寶網站——實現幾張圖片橫排中間沒有空隙 凡是帶有inline的元素都有文字特性，有文字屬性就該被分割。   1.<img src="1.jpg">      <img src="1.jpg">  

Python，自己修改的爬去淘寶網頁的程式碼 解決Python爬蟲爬取淘寶商品資訊也不報錯，也不輸出資訊

程式碼部分： 下面是正確的： import requests import re def getHTMLText(url): try: r = requests.get(url, timeout = 30) r.raise_for_stat

Python網路爬蟲之爬取淘寶網頁頁面 MOOC可以執行的程式碼

可以實現功能的全部程式碼： import requests import re def getHTMLText(url): try: r = requests.get(url, timeout = 30) r.raise_for_statu

VS2017在專案中匯入已有程式碼檔案各種方法的一些問題的解決辦法

1.在VS中通過步驟：檔案->新建->從現有程式碼建立專案，這樣方法把現有程式碼加到工程檔案，其實VS只是在你程式碼所在檔案建立了VS必須的.sln等等專案所需檔案，這種方法建立的專案在需要包含如:#include<stdio.h>這種常用庫時，可能會