淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1950|回复: 4
收起左侧

导航下拉弹出分类代码+导航栏自定义搜索

[复制链接]
  • TA的每日心情
    委屈
    2016-5-16 15:40
  • 签到天数: 7 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    5

    帖子

    2137

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2137

    发表于 2016-3-18 09:38:29 | 显示全部楼层 |阅读模式
    我们的秘密花园.gif

    <!-- 放在店招自定义 -->

    <div style="float:left;margin-left:432px;text-align:center; height:105px;font-family:impact;margin-top:15px;">
                             <img src="//gdp.alicdn.com/imgextra/i1/672358611/TB22fRNkFXXXXaCXXXXXXXXXXXX_!!672358611.png" alt=" 矢量智能对象.png" />
                    </div>
    <div style=" width:950px;float:left;">
    <table id="__01" width="700" height="" border="0" cellpadding="0" cellspacing="0" style=" float:left;">
      <tr style=" width:700px;  line-height:30px; height:30px; text-align:center;">

        <td width="78" height="30" ><a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">首页</a></td>
        <td width="108" height="30" class="shouye"><a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">所有宝贝</a></td>
        <td width="78" height="30" class="wenxiong"><a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">文胸</a> </td>
        <td width="108" height="30" class="baobei"><a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">塑身/丰臀</a> </td>
        <td width="108" height="30" class="baobei"><a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">性感睡衣</a> </td>
        <td width="108" height="30" class="naicha"> <a  target="new" style="font-family:microsoft yahei;font-size:12px;color:#302718;">购物须知</a></td>
        <td></td>

      </tr>


    </table>
    <!-- 自定义搜索 -->
    <div style="width:250px;float:right;overflow:hidden;margin-top:4px;margin-right:0px;">
                    <div class="tb-module">
                            <div style="width:250px;float:left;" class="um-rw950 um-cat um-m">
                                    <div class="um-bd">
                                            <div style="float:left;" class="um-querywarp">
                                                    <div style="float:left;" class="um-query">
                                                            <div class="um-form">
                                                                    <form method="post" name="SearchForm" action="//catef.taobao.com/?scene=taobao_shop" target="_blank">
                                                                             <input type="hidden" name="userId" /> <input value="58730116" type="hidden" name="shopId" /> <input value="_hotsell" type="hidden" name="orderType" /> <input value="grid" type="hidden" name="viewType" /> <input type="hidden" name="baobei_type" /> <input value="y" type="hidden" name="search" /> <input style="border-bottom:#C5C5C7 1px solid;border-left:#C5C5C7 1px solid;line-height:20px;text-indent:5px;width:160px;font-family:微软雅黑;background:#FFF;float:left;height:20px;color:#767671;margin-left:35px;border-top:#C5C5C7 1px solid;margin-right:3px;border-right:#C5C5C7 1px solid;" class="um-keyword" value="文胸套装" name="keyword" /><button style="border-bottom:#302718 1px solid;text-align:center;border-left:#302718 1px solid;line-height:20px;width:50px;display:block;font-family:微软雅黑;background:#302718;height:22px;color:#fff;border-top:#302718 1px solid;cursor:pointer;border-right:#302718 1px solid;" class="um-submit" title="点击搜索..." type="submit">搜索</button>
                                                                    </form>
                                                            </div>
                                                    </div>
                                            </div>
                                    </div>
                            </div>
                    </div>
            </div>
        </div>



    <!-- 在banner上面建一个自定义把下面代码放在里面 -->
    <!--所有宝贝弹出-->
    <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
              'trigger':'.shouye',
              'align':{
                      'node':'.shouye',
                      'offset':[0,0],
                      'points':['bc','tc']
                      }
                }">
        <div style="height: 143px; width: 100px; background:#fff; border:1px #707070 solid;">
          <ul style=" margin:0px; padding:0px;">
               <li style=" list-style-type:none; line-height:35px; height:35px; width:100px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">按新品</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:100px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">按销量</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:100px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">按人气</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:100px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">按价格</a></li>
            </ul>
        </div>
    </div>
    <!--end-->

    <!--文胸分类弹出-->
    <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
              'trigger':'.wenxiong',
              'align':{
                      'node':'.wenxiong',
                      'offset':[0,0],
                      'points':['bc','tc']
                      }
                }">
        <div style="height: 178px; width: 140px; background:#fff; border:1px #707070 solid;">
          <ul style=" margin:0px; padding:0px;">
               <li style=" list-style-type:none; line-height:35px; height:35px; width:140px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">文胸套装</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:140px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">无痕内衣</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:140px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">小情趣 / 性感超薄 </a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:140px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;border-bottom:1px dashed #d4d4d4;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">硅胶 / 隐形内衣</a></li>
               <li style=" list-style-type:none; line-height:35px; height:35px; width:140px; text-align:center; color:#FFF; margin:0px; padding:0px; font-size:12px;"><a  target="new" style=" color:#333;font-family:microsoft yahei;">连体塑身文胸</a></li>
            </ul>
        </div>
    </div>
    <!--end-->




    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-12-10 09:25
  • 签到天数: 112 天

    连续签到: 2 天

    [LV.6]渐入佳境

    28

    主题

    412

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21713

    天猫美工最佳新人热心会员

    QQ
    发表于 2016-3-18 10:21:25 | 显示全部楼层
    23333333

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    2017-6-21 14:05
  • 签到天数: 152 天

    连续签到: 1 天

    [LV.7]炉火纯青

    12

    主题

    966

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    36256

    淘宝皇冠店美工最佳新人热心会员

    QQ
    发表于 2016-3-18 10:29:35 | 显示全部楼层
    怎么用呢

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    昨天 11:33
  • 签到天数: 513 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    181

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    65872

    发表于 2016-3-18 10:47:23 | 显示全部楼层
    多谢分享。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    委屈
    2016-7-23 03:35
  • 签到天数: 89 天

    连续签到: 1 天

    [LV.6]渐入佳境

    10

    主题

    480

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    87531

    最佳新人热心会员宣传达人

    发表于 2016-3-18 11:20:57 | 显示全部楼层
    2333333333333333
    心有猛虎,细嗅像素。严格意义来讲,打水印和打码一样,都是下流的凑性。
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|坛主个人微信公众号|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2017-9-21 18:35 , Processed in 0.340986 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表