分享一个大红色1920x150全屏淘宝店招聘模板。这个淘宝模板包含了淘宝导航栏的css代码。模板简单，适合新手卖家。

这种淘宝全屏开店的招数，只有淘宝专业旺铺才能用。

(1)淘宝店招聘模板效果预览

(1)模板的真实预览效果见:/UploadFile/201407/20/1456355133.html

(2)模板部分预览截图如下:

(二)模板材料

(1)淘宝店铺标志代码(店铺标志高度应设置为120px)

<divstyle="width:950px;height:114px;margin:auto;padding-top:6px;font-weight:normal;font-size:12px;"> <divstyle="height:114px;background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2rxWXXG0XXXXXXXXX-1770601599.gif)no-repeatscroll0center;position:relative;"> <spanclass="footer-more-triggersn-simple-logo"style="color:#FFEEAC;display:block;font-family:'微软雅黑';font-size:35px;height:37px;left:0;line-height:37px;padding:000153px;position:absolute;text-align:left;top:33px;width:auto;border:0;">鱼摆摆免费模板</span> </div> </div> <divstyle="宽度:950px身高:114px边距:自动；padding-top:6px；字体粗细:正常；字体大小:12px"> <；divstyle="身高:114px背景:URL(http://img02.taobaocdn.com/imgextra/I2/1770601599/T2rxwxxg0xxxxxxxxx-1770601599.gif)无重复滚动0中心；位置:相对；"> <；spanclass="页脚-更多-触发器sn-simple-logo"；style="颜色:#FFEEAC显示:块；Font-family:'微软雅黑'；字体大小:35px高度:37px左:0；行高:37px填充:000153px位置:绝对；文本对齐:左对齐；top:33px；宽度:自动；边框:0；">鱼摇免费模板

(2)淘宝导航栏的css代码

.skin-box-bd{background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2UR48XOVXXXXXXXXX-1770601599.jpg)no-repeat;border:mediumnone;height:30px} .menu-list.link{background:none;border:mediumnone;color:#000;cursor:pointer;font-weight:bold;height:30px;line-height:30px} .all-cats.link{background:none;border:mediumnone;color:#ad0101;cursor:pointer;font-weight:bold;height:30px;line-height:30px;padding-left:10px;width:146px} .all-cats{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2sNp8XSxXXXXXXXXX-1770601599.png)no-repeat;padding-left:20px;max-width:none;} .menu-list{margin-left:0;padding:0003px} .menu-list.menu-hover.link{background:none;color:#f0c723;font-weight:bold} .all-cats-hover.link{background:none;color:#f0c723;font-weight:bold} .menu-list.menu-selected.link{background:none;border:0;outline:none;} .menu-list.menu-selected{background:none} .menu-list.linkspan{color:#ffeeac;font-family:"微软雅黑";font-size:14px;font-weight:bold;padding-left:0;padding-right:0} .all-cats.linkspan{color:#d5011a;font-family:"微软雅黑";font-size:14px;font-weight:bold;padding-left:0;padding-right:0} .menu-list.menu-hover.linkspan{color:#fff;font-weight:bold;padding-left:0;padding-right:0} .all-cats-hover.linkspan{color:#d5011a;font-weight:bold;padding-left:0;padding-right:0} .all-cats.link.title{display:block;float:left;margin-left:0} .menu-list.link.popup-icon{background:url("#")no-repeatscroll-200px-8px;} .menu-list.menu-hover.link.popup-icon{background:url("#")no-repeatscroll-220px-8px;} .all-cats.link.popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wPt7XUBXXXXXXXXX-1770601599.gif)no-repeatscroll3px-3px;height:15px;margin-right:16px;margin-top:10px;width:22px;float:right;} .all-cats-hover.link.popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wPt7XUBXXXXXXXXX-1770601599.gif)no-repeatscroll3px-3px;height:15px;margin-right:16px;margin-top:10px;width:22px} .popup-content.cats-tree.fst-cat,.popup-content.cats-tree.fst-cat-name,.popup-content.cats-tree.fst-cat-hd{height:26px;line-height:26px} .popup-content{background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2smX6XIVaXXXXXXXX-1770601599.gif)repeat;border:1pxsolid#ffeeac;margin-left:100px;margin-top:-60px} .popup-content.cats-tree.fst-cat-icon{background:none;margin:12px6px015px} .popup-content.cats-tree.fst-cat-icon:hover{background:none;margin:12px6px015px} .popup-content.cats-tree.cat-hd-hover,.popup-content.cats-tree.snd-pop-inner{background:nonerepeatscroll00#78000e;color:#ffeeac;height:auto} .popup-content.cats-tree.fst-cat-hd{border-bottom:0solid#730700} .popup-content.cats-tree.fst-cat-hda{color:#ffeeac;height:26px} .popup-content.cats-tree.fst-cat-hover{background:nonerepeatscroll00#ff7676;color:#5f5346;height:33px;width:199px} .popup-content.cats-tree.snd-cat-hd-hover{background:url("#")no-repeatscroll0-3px;color:#5f5346;height:33px;margin-bottom:0;padding-bottom:0;width:209px} .popup-content.cats-tree.snd-pop-inner{overflow:visible} .popup-content.cats-tree.snd-cat-name{color:#ffeeac;background:none;} .all-cats.link,.menu-list.link{font-weight:100;} .skin-box-bda{color:#000;font-size:12px;font-weight:100} .skin-box-bd.menu-list{width:auto;background:none;} .skin-box-bd.menu-list.menu{background:none;border:0;} .skin-box-bd.menu-list.menu-selected.link.title{background:none;} .menu-list.link{padding:010px;} .popup-content.cats-tree.cat.cat-hd.fst-cat-icon{top:auto;} .all-cats{width:auto;} .all-cats.link{width:auto;} .menu-list{width:auto;} .all-cats.link.title{margin-right:50px;} 。skin-box-BD{background:URL(http://img03.taobaocdn.com/imgextra/i3/1770601599/t2ur48xovxxxxxxxxx-1770601599.jpg)no-repeat；边框:中无；高度:30px} 。菜单列表。链接{背景:无；边框:中无；颜色:#000；光标:指针；字体粗细:粗体；高度:30px行高:30px} 。全是猫。链接{背景:无；边框:中无；颜色:#ad0101光标:指针；字体粗细:粗体；高度:30px行高:30px左填充:10px宽度:146px} 。all-cats{background:URL(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2SNP8xsxxxxxxxxxxxxx-1770601599.png)no-repeat；左填充:20px最大宽度:无；} 。菜单列表{margin-left:0；填充:0003px} 。菜单列表。菜单-悬停。链接{背景:无；颜色:#f0c723font-weight:bold} 。所有猫盘旋。链接{背景:无；颜色:#f0c723font-weight:bold} 。菜单列表。菜单-已选择。链接{背景:无；边框:0；大纲:无；} 。菜单列表。菜单选择的{background:none} 。菜单列表。linkspan{color:#ffeeac；字体系列:"微软雅黑”；字体大小:14px字体粗细:粗体；左填充:0；右填充:0} 。全是猫。linkspan{color:#d5011a；字体系列:"微软雅黑”；字体大小:14px字体粗细:粗体；左填充:0；右填充:0} 。菜单列表。菜单-悬停。linkspan{color:#fff；字体粗细:粗体；左填充:0；右填充:0} 。所有猫盘旋。linkspan{color:#d5011a；字体粗细:粗体；左填充:0；右填充:0} 。全是猫。链接。标题{display:block；浮动:左；左边距:0} 。菜单列表。链接。弹出图标{background:URL("；#")无重复滚动-200px-8px；} 。菜单列表。菜单-悬停。链接。弹出图标{background:URL("；#")无重复滚动-220px-8px；} 。全是猫。链接。popup-icon{background:URL(http://img02.taobaocdn.com/imgextra/I2/1770601599/T2wpt7subxxxxxxxxxxxx-1770601599.gif)无重复滚动3px-3px；高度:15px右边距:16px页边距-顶部:10px宽度:22px浮动:对；} 。所有猫盘旋。链接。popup-icon{background:URL(http://img02.taobaocdn.com/imgextra/I2/1770601599/T2wpt7subxxxxxxxxxxxx-1770601599.gif)无重复滚动3px-3px；高度:15px右边距:16px页边距-顶部:10px宽度:22px} 。弹出内容。猫树。fst-cat，。弹出内容。猫树。猫名。弹出内容。猫树。FST-cat-HD{高度:26px行高:26px} 。popup-content{background:URL(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2smx6xivaxxxxxxxx-1770601599.gif)repeat；边框:1pxsolid#ffeeac左边距:100pxmargin-top:-60px} 。弹出内容。猫树。FST-cat-icon{背景:无；margin:12px6px015px} 。弹出内容。猫树。FST-cat-icon:hover{背景:无；margin:12px6px015px} 。弹出内容。猫树。猫-高清-悬停，。弹出内容。猫树。snd-pop-inner{background:none重复滚动00#78000e颜色:#ffeeac高度:auto} 。弹出内容。猫树。FST-cat-HD{border-bottom:0solid#730700} 。弹出内容。猫树。FST-cat-HDa{color:#ffeeac；高度:26px} 。弹出内容。猫树。fst-cat-hover{background:none重复滚动00#ff7676颜色:#5f5346高度:33px宽度:199px} 。弹出内容。猫树。snd-cat-HD-hover{background:URL("；#")无重复滚动0-3px；颜色:#5f5346高度:33px边距-底部:0；底部填充:0；宽度:209px} 。弹出内容。猫树。snd-pop-inner{overflow:visible} 。弹出内容。猫树。snd-cat-name{color:#ffeeac；背景:无；} 。全是猫。链接，。菜单列表。link{font-weight:100；} 。skin-box-BDa{color:#000；字体大小:12pxfont-weight:100} 。皮肤盒bd。菜单列表{width:auto；背景:无；} 。皮肤盒bd。菜单列表。菜单{背景:无；边框:0；} 。皮肤盒bd。菜单列表。菜单-已选择。链接。标题{背景:无；} 。菜单列表。link{padding:010px；} 。弹出内容。猫树。猫。cat-hd。FST-cat-icon{top:auto；} 。全猫{width:auto；} 。全是猫。link{width:auto；} 。菜单列表{width:auto；} 。全是猫。链接。标题{margin-right:50px；}

(3)页眉背景:水平平铺+居中。

(3)商店代码的修改

(1)修改商店名称

编码、搜索和查找给鱼一个免费的模板，并将其替换为您自己商店的名称。

(四)淘宝全屏开店招聘模板安装教程

具体可参考淘宝全屏店铺招聘模板安装教程。,记得设置店招高度120px。

(5)淘宝装修模板材料打包及下载地址

1920x150全屏效果大红色淘宝店招聘模板下载地址:/UploadFile/201407/20/15377601.rar