Kích thước bảng hiệu của cửa hàng toàn màn hình Taobao này là 1920×150 và các tính năng mẫu: màu đỏ sáng bóng và mát mẻ. Do thiết kế của chính mẫu, nó phù hợp để đặt 4-5 loại hoặc liên kết điều hướng trên thanh điều hướng tuyển dụng cửa hàng.
Mẫu dấu hiệu cửa hàng toàn màn hình Taobao này bao gồm mã ký hiệu cửa hàng (chiều cao 120), mã CSS thanh điều hướng và hình nền tiêu đề trang.
Thủ thuật này để mở một cửa hàng Taobao trên toàn màn hình chỉ có thể được sử dụng bởi các cửa hàng Taobao chuyên nghiệp. Thay đổi mẫu bằng nền màu đỏ, nói chung hơn và có thể được cài đặt và sử dụng trong hầu hết các cửa hàng Taobao.
(1) Xem trước hiệu ứng của mẫu tuyển dụng Taobao Store
(1) Xem: /uploadfile/201407/5/qpdz01.html để biết hiệu ứng xem trước thực của mẫu.
(2) Ảnh chụp màn hình xem trước của phần mẫu như sau:
(2) Tài liệu mẫu
120px)
0601599/TB2SET3XXXXXXXCFAXXXXXXXXXXXXX-1770601599.GIF “_FCKSAVEDURL =” http: //img02.taob AOCDN.com/imgextra/i2/1770601599/tb2set3xxxxxxxcfaxxxxxxxxxxx -170601599.gif”>http://i mg02.taobaocdn.com/imgextra/i2/1770601599/tb2set3xxxxxxxxxxxxxxx -1770601599.gif”>http haygif ) không lặp lại; “> <h2style =" padding: 32px00380px; màu:#ff9; font-family: Microsoft yahei, bold; font-size: 40px; font-weight Mẫu
& ltdivstyle = & quot; chiều rộng: 950pxHeight: 120pxmargin: auto; căn chỉnh văn bản: căn chỉnh bên trái; độ dày phông chữ: bình thường; kích thước phông chữ: 1 2px nền: #ffffurl (& lt; ahref = & quot; quoteTtp: //img02.taobaocdn.com/imgextra/i2/1770601599/tb2set3xxxxxxxxcfaxxxxxxxxxxxxxx avedurl = & quot; /imgextra/i2/1770601599 gif & quot; & gthttp: //img02.taobaocdn.com/imgextra/i2/1770601599/tb2set3xxxxxxxcfaxxxxxxxxxxxxx H2style = & quot; điền: 32px00380px Màu sắc:#FF9 FONT SERIES: Microsoft Elegant Black, in đậm; Kích thước phông chữ: 40px trọng lượng phông chữ: 800; Khoảng cách chữ: 2px văn bản-shadow: 1px1px#1c3500 “& gt cá lắc Taobao mẫu
(2) Mã CSS của điều hướng Bar
A: Hover {text-decoration: none} .Popup-content {nền:#b90b3a; Border: mediumNone; opacity: 0.9; bộ lọc: progi D: DimxagetRansform.microsoft.alpha (Opacity = 90);}TP: //img04.taobaocdn.com/imgextra/i4/1770601599/t2znedx7nxxxxxxxxxx -17701599.gif -tree.fst-cat-iCon {nền: url (/pic/t2znedx7nxxxxxxxxx -1770601599.gif atscroll0-129px; chiều cao: 13px; lề: 10px5px2px; chiều rộng: 13px} .popup-content.cats-tree.fst-cat-name {color: #fff; display: block} .popu p-content.cats-tree.cat-hd-hover {nền:#ff9} .popup-content.cats-pre.cat-hd-hover.fst-cat-name {color:#900} .popup-content .cats-tree.snd-pop-in-inner {nền:#ff9}. Internya: Hover {color:#900;}. Box-box-bd {nền: none; Border: mediumNone; height: 30px} .all-cats {con trỏ: con trỏ; float: trái} .all- CATS.Link {Bối cảnh: url (/pic/t2znedx7nxxxxxxxxxx-17701599.gif) -left: 0solid#b1c8d7; Border-right: 0solid#BB4D40; Border-Top: 0solid#B1C8D7; Hiển thị: khối; kích thước phông chữ: 13px; Font-weight: 700; chiều cao: 30px; khoảng cách chữ: 2px; độ cao dòng: 34px; chiều rộng: 158px; padding: 010px;}. All-cats.link.title {color: #fafafa; hiển thị: none; float: trái } .all-cats.link.popup-iCon {display: none} .all-cats-hover.link {Border-stright: 0solid#bb4d40} .menu-list {float: left; height: 30px; ove rflow: hidden; width: 700px} .menu-list.menu {con trỏ: con trỏ; float: trái; rẽ lề: 0} .menu-list.link {nền: url (http: // img04 .taobaocdn.com/imgextra/i4/1770601599/t2znedx7nxxxxxxxxxx-1770601599.gif) No-RepeatScroll0-72px; r-right: 0solid#000; Border-Top: 0solid#B1C8D7; màu: #FCC; con trỏ: con trỏ; Hiển thị: BLOCK; in đậm; kích thước phông chữ: 15px; Font-weight: 800; chiều cao: 30px; khoảng cách thư: 3px; độ cao dòng: 34px; padding: 020px; văn bản-shadow: 1px1px#1c3500} .menu-list.Link. Popup-iCon {Display: none} .Menu-list.menu-selected {nền: url (/pic/t2xoidx7rx Xxxxxxxxx-1770601599.gif) REBALE-XSCROLL0-40PX#000} .MENUU-LIST.MENU-SELELED.LINK {nền:#333; Border: MediumNone; màu: #ccc} .menu-list.menu-hover.link {nền: url (/pic/T2II1BX0TAXXXXXXXXXX-17701599.gif) n O-RepeatScroll0-34px#333} .Menu-list.menu-hover.link {nền: url (/pic/t2znedx7 NXXXXXXXXXX-1770601599.gif) NO-RepeatScroll0-72PX; color: #fff; con trỏ: con trỏ} .Menu-list.menu-hover.link.popup-iCon {nền -Pocation: -5px0} .menu-list.menu do {nền: none; color: #fff} .menu-list.menu được chọn {nền: none; văn bản-decoratio n: none} .menu-list.menu-selected.link, .menu-list.menu-selected.a {nền: none; color: #ffff; text-align: centre Đã chọn: hover.link, .menu-list: hover.menu-selected.a {nền: none; color: #ffff; text-align: centre} .menu-popup-cats.sub-cata {c olor: #ffff} .Menu-popup-cats.sub-cat-hover {nền:#ff9} .Menu-popup-cats.sub-cat-hovera {color:#900} .all-cats {max-width: none ;enu-list.menu.title {font-size: kế thừa; màu sắc: kế thừa; font-weight: heifit; height: auto; line-height: height; H: 188px;}. Chiều cao: 28px;}. Skin-box-bd.popup-content.cats-tree.fst-cat {width: auto;}. Phải: Auto; Top: Auto;}. Skin-Box-Bd.Popup-Content.Cats-tree.fst-cat.cat-name {Padding: 0; Font-weight: kế thừa; chiều cao: 28px; line-hei GHT: 28px; Border: 0;}. Popup-intent.cats-tree.snd-cat-hd-hover {nền: none;} ; HEIGHT: 28px;}. Popup-intent.cats-tree.snd-cat-iCon {display: block; snd-cat-hda {width: 140px; padding: 0; font-weight: kế thừa;} .skin-box-bd {nền: url (http: 70601599/T2BLSBXZNAXXXXXXXX-1770601599.jPG) REBALE-XSCROLL0-120PX;nt.popup-iner.cats-treeh4.fst-cat-hdi {display: block; .Popup-inner.cats-tree.snd-pop.snd-pop-in-inner {width: 190px;}. Skin-box-bd.popup-intent.cats-tree.fst-cat.cat-name: hover {rentound: none;} Popup-Content {Bối cảnh:#B90B3A; Biên giới: Không có; Độ mờ: 0,9; Bộ lọc: Progid: Dimxagetransform. Microsoft Alpha (Opacity = 90);}. Nội dung bật lên. Cây mèo. Cat – HD – lơ lửng. Fst-cat-iCon {nền: url (/pic/t2znedx7nxxxxxxxxxx -170601599.gif) không lặp lại Nội dung bật lên. Cây mèo. Fst-cat-iCon {nền: url (/pic/t2znedx7nxxxxxxxxxx-1770601599.gif) không lặp lại Chiều cao: 13px lề: 10px5px2px Chiều rộng: 13px}. Nội dung bật lên. Cây mèo. Fst-cat-name {color: #fff; Hiển thị: Khối}. Nội dung bật lên. Cây mèo. Cat-hd-hover {nền:#ff9}. Nội dung bật lên. Cây mèo. Cat – HD – lơ lửng. fst-cat-name {color:#900}. Nội dung bật lên. Cây mèo. snd-pop-inner {nền:#ff9}. Nội dung bật lên. Cây mèo. snd-pop-innera {color:#900}. Nội dung bật lên. Cây mèo. snd-pop-innera: Hover {color:#900;}. Skin-box-bd {nền: Không có; Biên giới: Không có; Chiều cao: 30px}. Tất cả mèo {cuRSOR: Con trỏ; Phao: trái}. Tất cả đều là mèo. Liên kết {Bối cảnh: URL (/pic/t2znedx7nxxxxxxxxxxx -170601599.gif) không sao chép; Biên giới-bên trái: 0solid#B1C8D7; Border-Right: 0solid#BB4D40; Biên giới hàng đầu: 0solid#B1C8D7; Hiển thị: Khối; Kích thước phông chữ: 13px Độ dày phông chữ: 700; Chiều cao: 30px Khoảng cách chữ: 2px Dòng chiều cao: 34px Chiều rộng: 158px Fill: 010px}. Tất cả đều là mèo. Liên kết. tiêu đề {màu: #fafafa; Hiển thị: Không có; Phao: trái}. Tất cả đều là mèo. Liên kết. Biểu tượng {Display: Không} bật lên. Tất cả mèo di chuột. Liên kết {Border-Right: 0solid#BB4D40}. Danh sách menu {float: trái; Chiều cao: 30px tràn: ẩn; Chiều rộng: 700px}. Danh sách menu. Menu {con trỏ: con trỏ; Phao: Trái; Biên độ bên phải: 0}. Danh sách menu. Link {Bối cảnh: URL (/pic/t2znedx7nxxxxxxxxxxx -17701599.gif) không lặp lại cuộn 0-72px; Biên giới-bên trái: 0solid#B1C8D7; Hộp bên phải: 0 đường liền nét#000; Biên giới hàng đầu: 0solid#B1C8D7; Màu sắc: #FCC con trỏ: Con trỏ; Hiển thị: Khối; Phao: Trái; Sê -ri Phông chữ: Microsoft Elegant Black, Bold; Kích thước phông chữ: 15px trọng lượng phông chữ: 800; Chiều cao: 30px Khoảng cách chữ cái: 3Px Line Chiều cao: 34px điền: 020pxtext-shadow: 1px1px#1c3500}. Danh sách menu. Liên kết. Biểu tượng {Display: Không} bật lên. Danh sách menu. Menu Chọn {Bối cảnh: URL (http://img04.taobaocdn.com/imgextra/i4/1770601599/t2xoidx7rxxxxxxxxxxx. Danh sách menu. Menu – Đã chọn. Liên kết {nền:#333; Biên giới: Không có; Màu sắc: #CCC}. Danh sách menu. Menu – Di chuột. Liên kết {nền: URL (/pic/T2II1BX0TAXXXXXXXX-1770601599.gif) Không lặp lại cuộn 0-34PX#333}. Danh sách menu. Menu – Di chuột. Link {Bối cảnh: URL (/pic/t2znedx7nxxxxxxxxxxx -17701599.gif) không lặp lại cuộn 0-72px; Màu sắc: #FFFCURSOR: Con trỏ}. Danh sách menu. Menu – Di chuột. Liên kết. Biểu tượng {nền tảng: -5px0} bật lên. Danh sách menu. Một nhịp {nền: Không có; Màu sắc: #FFF} được chọn trong menu. Danh sách menu. Menu Lựa chọn {Bối cảnh: Không có; Decoring văn bản: Không}. Danh sách menu. Menu – Đã chọn. Liên kết,. Danh sách menu. Menu – Đã chọn. A {nền: Không có; Màu sắc:#FFFFTEXT-ALIGN: Center}. Danh sách menu. Lựa chọn menu: Di chuột. Liên kết,. Danh sách menu: Di chuột. Menu – Đã chọn. A {nền: Không có; Màu sắc:#FFFFTEXT-ALIGN: Center}. Menu – Menu Pop -up – Cat. Tiểu loại A {Color: #FFFF}. Menu – Menu Pop -up – Cat. phụ-cat-hover {nền:#ff9}. Menu – Menu Pop -up – Cat. Sub-Cat-hovera {Color:#900}. Tất cả mèo {Max-Width: Không có; Bối cảnh: Không có;}. Hộp da Bd. Danh sách menu {nền: Không có;}. Hộp da Bd. Danh sách menu. Menu {nền: Không có; viền: 0;}. Hộp da Bd. Danh sách menu. Menu. Tiêu đề {Phông chữ kích thước: kế thừa; Màu sắc: kế thừa; Font-weight: kế thừa; Chiều cao: Tự động; Chiều cao dòng: kế thừa;}. Full Cat Pop-up {Width: 188px;}. Nội dung bật lên. Cây mèo. fst-cat {chiều cao: 28pxline Chiều cao: 28px}. Nội dung bật lên. Cây mèo. fst-cat-hd {chiều cao: 28pxline Chiều cao: 28px}. Hộp da Bd. Nội dung bật lên. Cây mèo. Fst-cat {width: auto;}. Nội dung bật lên. Cây mèo. Fst-cat-iCon {vị trí: kế thừa; Phải: Tự động; Top: Tự động;}. Hộp da Bd. Nội dung bật lên. Cây mèo. FST-CAT. Cat-name {Padding: 0; Font-weight: kế thừa; Chiều cao: 28px Line Chiều cao: 28px Border: 0;}. Nội dung bật lên. Cây mèo. snd-cat-hd-hover {nền:không có;}. Nội dung bật lên. Cây mèo. SND-CAT-HD {chiều cao: 28pxline Chiều cao: 28px}. Nội dung bật lên. Cây mèo. snd-cat-iCon {display: block;}. Hộp da Bd. Nội dung bật lên. Cây mèo. FST-CAT. SND-pop. snd-cat-hda {width: 140px Padding: 0; Font-weight: kế thừa;}. skin-box-bd {nền: url (/pic/t2blsbxznaxxxxxxxxx-17701599.gif Skin-box-bda {trang trí văn bản: Không có;}. Hộp da Bd. Nội dung bật lên. Pop-Inside. CATS-Treeh4.fst-Cat-Hdi {Display: Block;}. Hộp da Bd. Nội dung bật lên. Pop-Inside. CATS-Treeh4.fst-cat-hda.fst-cat-name {width: 160px;}. Hộp da Bd. Nội dung bật lên. Pop-Inside. Cây mèo. SND-pop. snd-pop-inner {width: 190px;}. Hộp da Bd. Nội dung bật lên. Cây mèo. FST-CAT. Tên mèo: Hover {nền: Không;
(3) Taobao Mẫu tuyển dụng cửa hàng toàn màn hình Taobao Hướng dẫn cài đặt
Để biết chi tiết, vui lòng tham khảo Hướng dẫn cài đặt mẫu tuyển dụng cửa hàng toàn màn hình Taobao. <.
