淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3471|回复: 15
收起左侧

天猫全屏代码 和 搜索栏 结合代码 求置顶

[复制链接]
  • TA的每日心情
    思考
    2015-11-22 17:52
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    17

    帖子

    3123

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3123

    发表于 2015-9-2 11:58:48 | 显示全部楼层 |阅读模式
    QQ截图20150902115132.jpg

    <div style="width:1670px;height:500px;">        <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
                    <div class="sn-simple-logo" style="padding:0px;left:-835px;top:auto;">
                            <div>
                                     <a href="//detail.tmall.com/item.htm?spm=a1z10.1-b.w5003-10408862247.17.IenQ1n&amp;id=36749820420&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i2/1724214362/TB2puBGeVXXXXbfXXXXXXXXXXXX_!!1724214362.jpg" /></a>
                            </div>
                    </div>
            </div>
    </div>

    <div class="sn-simple-logo" style="padding:0;border:0;z-index:6;top:455px;left:1022px;width:260px;height:30px;background:none;background-image:url(//gdp.alicdn.com/imgextra/i2/867101640/TB2siFNapXXXXcAXXXXXXXXXXXX-867101640.jpg);">
            <form method="post" action="//bechno.tmall.com/search.htm?scene=taobao_shop" name="SearchForm">
                     <input value="打底裤" class="j_sekeyword" name="keyword" style="background:none;float:left;outline:none;width:180px;height:30px;line-height:30px;padding:0;padding-left:30px;border:0;" /> <button type="submit" style="float:left;width:50px;height:30px;border:0;outline:none;cursor:pointer;background-color:transparent;"></button>
            </form>
    </div>



    代码宽度1670*500 需要的朋友可以自己修改1920  而搜索栏的坐标值定义是  top:455px;left:1022px  距离顶部455像素  距离左边1022像素 按照自己的需求进行修改     而搜索默认字为  打底裤  需要的也可以自己修改   



    评分

    参与人数 2美工币 +220 收起 理由
    龍的傳人 + 20 很给力!
    Rain + 200 赞一个!

    查看全部评分

    学习自己有兴趣的东西
  • TA的每日心情
    加油
    前天 16:25
  • 签到天数: 348 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    853

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    81727

    最佳新人热心会员

    发表于 2015-9-2 12:05:07 | 显示全部楼层
    谢谢分享
    http://www.zcool.com.cn/u/13642473
  • TA的每日心情
    吐舌头
    2016-11-24 14:05
  • 签到天数: 165 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    757

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    81124

    最佳新人热心会员活跃会员

    发表于 2015-9-2 12:09:50 | 显示全部楼层
    谢谢分享。。。
  • TA的每日心情
    大哭
    2016-9-18 15:37
  • 签到天数: 174 天

    连续签到: 1 天

    [LV.7]炉火纯青

    20

    主题

    303

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24845

    QQ
    发表于 2015-9-2 12:10:11 | 显示全部楼层
    来给楼主暖贴
    一直在模仿,总在用脑想
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
    发表于 2015-9-2 12:16:00 | 显示全部楼层

    楼主你好厉害呀
    你居然能让天猫全屏
    能在全屏里面再加一个搜索条
    你这么厉害你父母造吗?
    淘宝代码问题直接加QQ:343063418
  • TA的每日心情
    抱抱
    前天 09:17
  • 签到天数: 617 天

    连续签到: 6 天

    [LV.9]已臻大成

    42

    主题

    1234

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    117216

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

    发表于 2015-9-2 12:31:56 | 显示全部楼层
    在线布局  不是分分钟做出来

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


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

  • TA的每日心情
    思考
    2015-11-22 17:52
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    17

    帖子

    3123

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3123

     楼主| 发表于 2015-9-2 13:13:18 | 显示全部楼层
    亦舒 发表于 2015-9-2 12:31
    在线布局  不是分分钟做出来

    是啊,很多在线布局都能直接做出来,但是都要钱,你可以去弄,而代码,可以增长自己的知识量,并且自己灵活运用,看各位美工自己的想法咯,是用别人的,还是用自己的,我就比较喜欢自己学会

    学习自己有兴趣的东西
  • TA的每日心情

    2016-11-16 14:23
  • 签到天数: 438 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    2010

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15421

    最佳新人热心会员活跃会员优秀版主

    发表于 2015-9-2 13:29:20 | 显示全部楼层
    可能楼主发现这个秘密已经晚了,虽然我知道你第一次做成功了满满的成就感油然而生,但是这里的人应该大部分都是会的。走过路过不要过,顶了

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


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

  • TA的每日心情
    思考
    2015-11-22 17:52
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    17

    帖子

    3123

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3123

     楼主| 发表于 2015-9-2 17:18:37 | 显示全部楼层
    搜索栏的代码 <div class="sn-simple-logo" style="padding:0;border:0;z-index:6;top:455px;left:1022px;width:260px;height:30px;background:none;background-image:url(//gdp.alicdn.com/imgextra/i2/867101640/TB2siFNapXXXXcAXXXXXXXXXXXX-867101640.jpg);">         <form method="post" action="//bechno.tmall.com/search.htm?scene=taobao_shop" name="SearchForm">                  <input value="打底裤" class="j_sekeyword" name="keyword" style="background:none;float:left;outline:none;width:180px;height:30px;line-height:30px;padding:0;padding-left:30px;border:0;" /> <button type="submit" style="float:left;width:50px;height:30px;border:0;outline:none;cursor:pointer;background-color:transparent;"></button>         </form> </div>  可以应用到店标,首页,子页,或者详情里都可以

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


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

  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23827

    发表于 2015-9-4 08:39:16 | 显示全部楼层
    这东西在线布一下子就好用得着吗

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


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

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-5 02:38 , Processed in 0.124025 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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