
文章插图
从今天开始,每天分享淘宝全屏店铺招聘模板代码 。这个淘宝全屏店铺招牌尺寸是1920x150,模板特点:红色闪亮酷炫 。由于模板本身的设计,适合在店招导航条上放4-5个类别或者导航链接 。
这个淘宝全屏店铺招牌模板包含店铺招牌代码(身高120)、导航栏css代码、页面页眉背景图片 。
这种淘宝全屏开店的招数,只有淘宝专业旺铺才能用 。换个红色背景的模板,比较通用,大部分淘宝店铺都可以安装使用 。
(1)淘宝店铺招聘模板效果预览
(1)模板真实预览效果见:/uploadfile/201407/5/qpdz01.html 。
(2)模板部分预览截图如下:
(2)模板材料
(1)淘宝店铺招牌代码(店铺招牌高度应设置为120px)
<divstyle="width:950px;height:120px;margin:auto;text-align:left;font-weight:normal;font-size:12px;background:#fffurl(<ahref=https://minzuwang.com/bake/"http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif"_fcksavedurl="http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif">http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif)no-repeat;">
(2)导航栏的css代码
a:hover{text-decoration:none}.popup-content{background:#b90b3a;border:mediumnone;opacity:0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}.popup-content.cats-tree.cat-hd-hover.fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif)no-repeatscroll0-129px;}.popup-content.cats-tree.fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif)no-repeatscroll0-129px;height:13px;margin:10px5px2px;width:13px}.popup-content.cats-tree.fst-cat-name{color:#fff;display:block}.popup-content.cats-tree.cat-hd-hover{background:#ff9}.popup-content.cats-tree.cat-hd-hover.fst-cat-name{color:#900}.popup-content.cats-tree.snd-pop-inner{background:#ff9}.popup-content.cats-tree.snd-pop-innera{color:#900}.popup-content.cats-tree.snd-pop-innera:hover{color:#900;}.skin-box-bd{background:none;border:mediumnone;height:30px}.all-cats{cursor:pointer;float:left}.all-cats.link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif)no-repeat;border-left:0solid#b1c8d7;border-right:0solid#bb4d40;border-top:0solid#b1c8d7;display:block;font-size:13px;font-weight:700;height:30px;letter-spacing:2px;line-height:34px;width:158px;padding:010px;}.all-cats.link.title{color:#fafafa;display:none;float:left}.all-cats.link.popup-icon{display:none}.all-cats-hover.link{border-right:0solid#bb4d40}.menu-list{float:left;height:30px;overflow:hidden;width:700px}.menu-list.menu{cursor:pointer;float:left;margin-right:0}.menu-list.link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif)no-repeatscroll0-72px;border-left:0solid#b1c8d7;border-right:0solid#000;border-top:0solid#b1c8d7;color:#fcc;cursor:pointer;display:block;float:left;font-family:微软雅黑,黑体;font-size:15px;font-weight:800;height:30px;letter-spacing:3px;line-height:34px;padding:020px;text-shadow:1px1px#1c3500}.menu-list.link.popup-icon{display:none}.menu-list.menu-selected{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2XOidX7RXXXXXXXXX-1770601599.gif)repeat-xscroll0-40px#000}.menu-list.menu-selected.link{background:#333;border:mediumnone;color:#ccc}.menu-list.menu-hover.link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2ii1bX0taXXXXXXXX-1770601599.png)no-repeatscroll0-34px#333}.menu-list.menu-hover.link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif)no-repeatscroll0-72px;color:#fff;cursor:pointer}.menu-list.menu-hover.link.popup-icon{background-position:-5px0}.menu-list.menu-selectedaspan{background:none;color:#fff}.menu-list.menu-selected{background:none;text-decoration:none}.menu-list.menu-selected.link,.menu-list.menu-selected.a{background:none;color:#fff;text-align:center}.menu-list.menu-selected:hover.link,.menu-list:hover.menu-selected.a{background:none;color:#fff;text-align:center}.menu-popup-cats.sub-cata{color:#fff}.menu-popup-cats.sub-cat-hover{background:#ff9}.menu-popup-cats.sub-cat-hovera{color:#900}.all-cats{max-width:none;background:none;}.skin-box-bd.menu-list{background:none;}.skin-box-bd.menu-list.menu{background:none;border:0;}.skin-box-bd.menu-list.menu.title{font-size:inherit;color:inherit;font-weight:inherit;height:auto;line-height:inherit;}.all-cats-popup{width:188px;}.popup-content.cats-tree.fst-cat{height:28px;line-height:28px;}.popup-content.cats-tree.fst-cat-hd{height:28px;line-height:28px;}.skin-box-bd.popup-content.cats-tree.fst-cat{width:auto;}.popup-content.cats-tree.fst-cat-icon{position:inherit;right:auto;top:auto;}.skin-box-bd.popup-content.cats-tree.fst-cat.cat-name{padding:0;font-weight:inherit;height:28px;line-height:28px;border:0;}.popup-content.cats-tree.snd-cat-hd-hover{background:none;}.popup-content.cats-tree.snd-cat-hd{height:28px;line-height:28px;}.popup-content.cats-tree.snd-cat-icon{display:block;}.skin-box-bd.popup-content.cats-tree.fst-cat.snd-pop.snd-cat-hda{width:140px;padding:0;font-weight:inherit;}.skin-box-bd{background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2bLSbXZNaXXXXXXXX-1770601599.jpg)repeat-xscroll0-120px;}.skin-box-bda{text-decoration:none;}.skin-box-bd.popup-content.popup-inner.cats-treeh4.fst-cat-hdi{display:block;}.skin-box-bd.popup-content.popup-inner.cats-treeh4.fst-cat-hda.fst-cat-name{width:160px;}.skin-box-bd.popup-content.popup-inner.cats-tree.snd-pop.snd-pop-inner{width:190px;}.skin-box-bd.popup-content.cats-tree.fst-cat.cat-name:hover{background:none;}答:hover{text-decoration:none} 。popup-content{background:#b90b3a;边框:中无;不透明度:0.9;过滤器:progid:DXImageTransform 。微软Alpha(不透明度=90);} 。弹出内容 。猫树 。猫-高清-盘旋 。FST-cat-icon{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2znedx7NXxxxxxxxx-1770601599.gif)无重复滚动0-129px;} 。弹出内容 。猫树 。FST-cat-icon{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2znedx7NXxxxxxxxx-1770601599.gif)无重复滚动0-129px;高度:13px边距:10px5px2px宽度:13px} 。弹出内容 。猫树 。FST-cat-name{color:#fff;显示:block} 。弹出内容 。猫树 。cat-HD-hover{背景:#ff9} 。弹出内容 。猫树 。猫-高清-盘旋 。fst-cat-name{color:#900} 。弹出内容 。猫树 。snd-pop-inner{background:#ff9} 。弹出内容 。猫树 。snd-pop-innera{color:#900} 。弹出内容 。猫树 。snd-pop-innera:hover{color:#900;} 。skin-box-BD{背景:无;边框:中无;高度:30px} 。全猫{cursor:pointer;float:left} 。全是猫 。链接{背景:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2znedx7NXxxxxxxxx-1770601599.gif)无重复;border-left:0solid#b1c8d7;border-right:0solid#bb4d40;border-top:0solid#b1c8d7;显示:块;字体大小:13px字体粗细:700;高度:30px字母间距:2px行高:34px宽度:158px填充:010px} 。全是猫 。链接 。title{color:#fafafa;显示:无;float:left} 。全是猫 。链接 。弹出图标{display:none} 。所有猫盘旋 。link{border-right:0solid#bb4d40} 。菜单列表{float:left;高度:30px溢出:隐藏;宽度:700px} 。菜单列表 。菜单{光标:指针;浮动:左;右边距:0} 。菜单列表 。link{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2znedx7NXxxxxxxxx-1770601599.gif)无重复滚动0-72px;border-left:0solid#b1c8d7;右边框:0实线#000;border-top:0solid#b1c8d7;颜色:#fcc光标:指针;显示:块;浮动:左;字体系列:微软优雅黑,加粗;字号:15px字体粗细:800;高度:30px字母间距:3px行高:34px填充:020pxtext-shadow:1px1px#1c3500} 。菜单列表 。链接 。弹出图标{display:none} 。菜单列表 。菜单选择{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2xoidx7rxxxxxxxxxxx-1770601599.gif)repeat-xscroll0-40px#000} 。菜单列表 。菜单-已选择 。链接{背景:#333;边框:中无;颜色:#ccc} 。菜单列表 。菜单-悬停 。link{background:URL(http://img02.taobaocdn.com/imgextra/I2/1770601599/T2ii1bx0taxxxxxxxx-1770601599.png)无重复滚动0-34px#333} 。菜单列表 。菜单-悬停 。link{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2znedx7NXxxxxxxxx-1770601599.gif)无重复滚动0-72px;颜色:#fffcursor:pointer} 。菜单列表 。菜单-悬停 。链接 。弹出图标{background-position:-5px0} 。菜单列表 。菜单选择了一个span{background:none;color:#fff} 。菜单列表 。菜单选择的{背景:无;text-decoration:none} 。菜单列表 。菜单-已选择 。链接, 。菜单列表 。菜单-已选择 。a{背景:无;颜色:#ffftext-align:center} 。菜单列表 。菜单选择:悬停 。链接, 。菜单列表:悬停 。菜单-已选择 。a{背景:无;颜色:#ffftext-align:center} 。菜单-弹出菜单-猫 。子类别a{color:#fff} 。菜单-弹出菜单-猫 。sub-cat-hover{background:#ff9} 。菜单-弹出菜单-猫 。sub-cat-hovera{color:#900} 。所有猫{max-width:none;背景:无;} 。皮肤盒bd 。菜单列表{背景:无;} 。皮肤盒bd 。菜单列表 。菜单{背景:无;边框:0;} 。皮肤盒bd 。菜单列表 。菜单 。title{font-size:inherit;颜色:继承;font-weight:继承;高度:自动;行高:继承;} 。全猫弹出式{width:188px;} 。弹出内容 。猫树 。fst-cat{高度:28px行高:28px} 。弹出内容 。猫树 。fst-cat-hd{高度:28px行高:28px} 。皮肤盒bd 。弹出内容 。猫树 。FST-cat{width:auto;} 。弹出内容 。猫树 。FST-cat-icon{position:inherit;右:自动;顶:自动;} 。皮肤盒bd 。弹出内容 。猫树 。fst-cat 。cat-name{padding:0;font-weight:继承;高度:28px行高:28px边框:0;} 。弹出内容 。猫树 。snd-cat-hd-hover{背景:无;} 。弹出内容 。猫树 。snd-cat-hd{高度:28px行高:28px} 。弹出内容 。猫树 。snd-cat-icon{display:block;} 。皮肤盒bd 。弹出内容 。猫树 。fst-cat 。snd-pop 。snd-cat-hda{宽度:140px填充:0;font-weight:继承;} 。skin-box-BD{background:URL(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2blsbxznaxxxxxxxx-1770601599.jpg)repeat-xscroll0-120px;} 。skin-box-BDa{text-decoration:none;} 。皮肤盒bd 。弹出内容 。弹出-内部 。cats-treeH4.FST-cat-HDI{display:block;} 。皮肤盒bd 。弹出内容 。弹出-内部 。cats-treeH4.FST-cat-HDa.FST-cat-name{width:160px;} 。皮肤盒bd 。弹出内容 。弹出-内部 。猫树 。snd-pop 。snd-pop-inner{width:190px;} 。皮肤盒bd 。弹出内容 。猫树 。fst-cat 。猫名:hover{背景:无;}
推荐阅读
- 红色喜庆五一劳动节淘宝店铺全屏店招代码
- 红色斜纹背景750宽淘宝店铺公告模板代码
- 750淘宝右侧含下期预告的红色淘宝团购模板代码
- 单图红色闪动750淘宝团购模板代码
- 红色多图淘宝团购模板代码
- 含倒计时的红色大气750淘宝团购模板代码
- 带团购时间倒计时的红色淘宝团购模板代码
- 红色单图淘宝团购模板代码
- 梦见别人穿红色衣服
- 圣诞节淘宝模板:750宽红色圣诞节大放价淘宝促销模板代码