562评论收藏 2015-04-12 09:46:26
分享一款1920红色动态全屏店招专业版模板代码,尺寸为1920x150,仅淘宝专业版旺铺可以使用。
(一)效果预览
(二)模板素材
(1)淘宝店招代码(需设置店招高度120px)
<div style="width:950px; height:120px; margin:auto; text-align:left; font-weight:normal; font-size:12px; background:#fff url(<a href="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</a>) no-repeat;"> <h2 style=" padding:32px 0 0 380px; color:#ff9; font-family:微软雅黑,黑体; font-size:40px; font-weight:800; letter-spacing:2px; text-shadow:1px 1px #1c3500;">开网店淘宝模板</h2></div>
(2)导航条css代码
a:hover{text-decoration:none}.popup-content{background:#b90b3a; border:medium none; 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-repeat scroll 0 -129px;}.popup-content .cats-tree .fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -129px;height:13px;margin:10px 5px 2px;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-inner a{color:#900}.popup-content .cats-tree .snd-pop-inner a:hover{ color:#900;}.skin-box-bd{background:none;border:medium none;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:0 solid #b1c8d7;border-right:0 solid #bb4d40;border-top:0 solid #b1c8d7;display:block;font-size:13px;font-weight:700;height:30px;letter-spacing:2px;line-height:34px;width:158px; padding:0 10px;}.all-cats .link .title{color:#fafafa;display:none;float:left}.all-cats .link .popup-icon{display:none}.all-cats-hover .link{border-right:0 solid #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-repeat scroll 0 -72px;border-left:0 solid #b1c8d7;border-right:0 solid #000;border-top:0 solid #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:0 20px;text-shadow:1px 1px #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-x scroll 0 -40px #000}.menu-list .menu-selected .link{background:#333;border:medium none;color:#ccc}.menu-list .menu-hover .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2ii1bX0taXXXXXXXX-1770601599.png) no-repeat scroll 0 -34px #333}.menu-list .menu-hover .link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -72px;color:#fff;cursor:pointer}.menu-list .menu-hover .link .popup-icon{background-position:-5px 0}.menu-list .menu-selected a span{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-cat a{color:#fff}.menu-popup-cats .sub-cat-hover{background:#ff9}.menu-popup-cats .sub-cat-hover a{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-hd a{ width:140px; padding:0; font-weight:inherit;}.skin-box-bd{ background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2bLSbXZNaXXXXXXXX-1770601599.jpg) repeat-x scroll 0 -120px;}.skin-box-bd a{ text-decoration:none;}.skin-box-bd .popup-content .popup-inner .cats-tree h4.fst-cat-hd i{ display:block;}.skin-box-bd .popup-content .popup-inner .cats-tree h4.fst-cat-hd a.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;}
(3)页头背景图:横向平铺+居中对齐
将素材右键另存为即可使用。
新手不会使用?请点此查看淘宝店招如何设置 淘宝店招尺寸是多少
文章来源:开网店官网
卡通田园篱笆小房子店招图片
1920园艺盆栽果蔬绿植多肉店招图片代码
白色动态简约店招图片代码下载
田园风实木绿植复古店招图片素材
淡蓝色卡通小清新店招图片免费素材下载
暗绿色蕾丝点点清新1920全屏店招图片
1920宽动态鎏金黑色蕾丝边店招图片
大气黑色时尚950宽淘宝店招图片背景
欢迎来到本店紫色蕾丝花边店招图片
蓝色儿童可爱通用淘宝店铺店招图片
蓝色小天使淘宝店招素材免费下载
粉红色动态女士洁面用品店招图片
2015新手开店流程篇之后台操作
0基础新手如何最方便找分销货源
淘宝网新手开店+装修+运营基础教程
18分钟学会在淘宝注册开店
淘宝女装店开店及运营教程
【案例分析】店铺运营第一步