公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

时尚黑搜索框店招装修模板代码(一)

2015-04-10 09:36:03

        店招是一个店铺的门面。无论是实体店还是淘宝网店,店招设计都应该得到店主们的重视。一个店铺店招的功能在于吸引客户,能够让客户了解店铺的基本情况。所以一个成功的店招装修,要完美结合设计与功能。下面唯艺提供一个具有以下功能的店招装修模板代码

1. 淘宝搜索框
2. 淘宝店铺公告
3. 店铺名称
4. 我的订单
5. 分享店铺
6. 收藏店铺

        该店招模板为全黑,时尚有气质,特别适合品牌网店装修。以下是该时尚黑搜索框店招装修模板代码的效果图:




时尚黑搜索框店招装修模板代码


<div style=" width:950px; height:120px; margin:auto; text-align:left; position:relative; background:#000;font-weight:normal; font-size:12px;">
<div style=" height:95px; text-align:center;">
<div style="width:400px; height:60px; line-height:60px; margin:0 auto; padding-top:30px; font-family:arial,微软雅黑; font-size:28px; font-weight:700; color:#fff; overflow:hidden;">店铺名称</div>
</div>
<div style=" width:300px; height:20px; overflow:hidden; padding-left:20px; margin-left:20px; background: url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2mFNjX.VXXXXXXXXX-1770601599.gif) no-repeat scroll 0 center;">
<div style="position: relative;" class="J_TWidget" data-widget-type="Slide" data-widget-config="{'contentCls':'mk-110-dz','hasTriggers':false,'effect':'fade','easing':'easeOutStrong','duration':0.3}">
<ul class="mk-110-dz">
<li style="height:20px; line-height:20px; display:block;"><a href="店铺活动页面链接" _fcksavedurl="店铺活动页面链接" target="_blank" style="color:#C1C1C1; text-decoration:none;"> 店铺活动主题</a></li>
</ul>
</div>
</div>
<div style="width:auto; padding:0; border:0; left:auto; top:auto; line-height:inherit; width:175px; line-height:20px; position:absolute; left:auto; top:auto; border:0; padding:0; line-height:inherit; right:20px; bottom:5px;" class="footer-more-trigger sn-simple-logo">
<div style=" width:205px; height:20px; margin-bottom:25px;">
<form method="post" name="SearchForm" target="_blank" action="店铺链接/search.htm">
<input type="hidden" name="userId">
<input type="hidden" name="shopId" value="店铺ID">
<input type="hidden" name="view_type">
<input type="hidden" name="order_type">
<input type="hidden" name="search" value="y">
<input style=" border:1px solid #ddd; height:19px; width:142px; padding:0 4px;" name="keyword">
<input type="submit" style=" width:19px; height:19px; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2ZFtlX5VXXXXXXXXX-1770601599.png) no-repeat; border:0; cursor:pointer; overflow:hidden;" value=" ">
</form>
</div>
<div style=" height:20px; line-height:20px;">
<a style="color:#C1C1C1;" target="_blank" href="订单页面链接" _fcksavedurl="订单页面链接">我的订单 |</a>
<a style="color:#C1C1C1; cursor:pointer; line-height:20px; text-indent:0; background:none;" data-sharebtn="{skinType:2,type:'shop',key:'57988233',comment:'好店铺要分享',pic:'',client_id:68,isShowFriend:false}" class="sns-widget">分享店铺 |</a>
<a style="color:#C1C1C1;" target="_blank" href="收藏店铺页面链接" _fcksavedurl="收藏店铺页面链接">收藏本店</a>
</div>
</div>
</div>


        使用该时尚黑搜索框店招装修模板代码的卖家们需要确保自己的店铺为淘宝专业版旺铺,否则无法使用。另外在复制粘贴该装修代码之前,卖家有两件事要提前做好:

1. 将店招高度设置120px。
2. 将代码中的链接和主题根据自己店铺的需要做出相应调整。


      本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    人气:1
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577