淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1519|回复: 12
收起左侧

【自家制】喵鲜生页面顶部选项改

[复制链接]
  • TA的每日心情
    臭美
    2016-8-31 13:49
  • 签到天数: 274 天

    连续签到: 1 天

    [LV.8]自成一派

    23

    主题

    393

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32053

    发表于 2015-7-14 11:55:20 | 显示全部楼层 |阅读模式
    本帖最后由 我是小小煒 于 2015-7-14 17:18 编辑

    123.jpg
    【自家制】喵鲜生页面顶部选项改
    实际效果案例:http://zzcase.tmall.com/p/rd880258.htm
    1. <!--主框架-->
    2. <div style="width:960px; height:122px; margin-top:5px;float:left">
    3.   <!--顶端菜单-->
    4.   <div style="width:990px; height:26px; text-align:left;float:left" >
    5.     <!--四个选项-->
    6.     <ul style="list-style:none">
    7.      <!--首页-->
    8.      <li style="width:72px; height:22px; text-align:center; font-family:微软雅黑; font-weight:700; font-size:16px; border-bottom:4px #e24151 solid; float:left;">
    9.      <a href="#" target="_blank" style="text-decoration:none; color:#000">首页</a>
    10.      </li>
    11.      <!--当季水果-->
    12.      <li class="djsg" style="width:97px; height:22px; text-align:center; font-family:微软雅黑; font-weight:700; background:#e24151; border-right:2px solid #FFF; font-size:16px;float:left;">
    13.      <a href="#" target="_blank" style="text-decoration:none; color:#FFF">当季水果</a>
    14.      </li>
    15.      <!--新鲜水产-->
    16.      <li class="xxsc" style="width:97px; height:22px; text-align:center; font-family:微软雅黑; font-weight:700; background:#e24151;border-right:2px solid #FFF;font-size:16px;float:left;">
    17.      <a href="#" target="_blank" style="text-decoration:none; color:#FFF">新鲜水产</a>
    18.      </li>
    19.      <!--新鲜水产-->
    20.      <li class="fxxr" style="width:97px; height:22px; text-align:center; font-family:微软雅黑; font-weight:700; background:#e24151;border-right:2px solid #FFF; font-size:16px;float:left;">
    21.      <a href="#" target="_blank" style="text-decoration:none; color:#FFF">放心鲜肉</a>
    22.      </li>
    23.      <li style="width:176px; height:23px;float:right; margin-right:20px">
    24.      <img src="https://img.alicdn.com/imgextra/i2/2138614954/TB22c4ddVXXXXc6XXXXXXXXXXXX_!!2138614954.jpg">
    25.      </li>
    26.     </ul>
    27.     <!--/四个选项-->
    28.   </div>
    29.   <!--/顶端菜单-->
    30. </div>
    31. <!--主框架-->  

    32. <!--当季水果-->
    33. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.djsg','align':{'node':'.djsg','offset':[0,22],'points':['tl','tl'] }}">
    34. <div style="width:200px; height:96px;background:#FFF; border:1px #999 solid; color:#CCC">
    35. <img src="https://img.alicdn.com/imgextra/i1/2138614954/TB2M_c4dFXXXXbTXpXXXXXXXXXX_!!2138614954.jpg">
    36. </div>
    37. </div>
    38. <!--新鲜水产-->
    39. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.xxsc','align':{'node':'.xxsc','offset':[0,22],'points':['tl','tl'] }}">
    40. <div style="width:200px; height:96px;background:#FFF; border:1px #999 solid; color:#CCC">
    41. <img src="https://img.alicdn.com/imgextra/i2/2138614954/TB2jiJndVXXXXaNXXXXXXXXXXXX_!!2138614954.jpg">
    42. </div>
    43. </div>
    44. <!--放心鲜肉-->
    45. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.fxxr','align':{'node':'.fxxr','offset':[0,22],'points':['tl','tl'] }}">
    46. <div style="width:200px; height:96px;background:#FFF; border:1px #999 solid; color:#CCC">
    47. <img src="https://img.alicdn.com/imgextra/i2/2138614954/TB2c.E5dFXXXXbOXpXXXXXXXXXX_!!2138614954.jpg">
    48. </div>
    49. </div>
    50. <!--/放心鲜肉-->
    复制代码




    评分

    参与人数 1美工币 +1 收起 理由
    snrtmnmnyk + 1 感谢分享!

    查看全部评分

    小煒小站 http://www.lliwenwei.net/ 打打小广告
  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

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

    发表于 2015-7-14 12:08:34 | 显示全部楼层
    什么东东。。

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-7-14 12:15:27 | 显示全部楼层
    这是啥
    人面桃花里,浅笑如酒……
  • TA的每日心情
    臭美
    2016-8-29 09:18
  • 签到天数: 298 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

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

    QQ
    发表于 2015-7-14 12:21:43 | 显示全部楼层
    要表达的什么意思那

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


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

  • TA的每日心情
    不爽
    2016-5-27 11:51
  • 签到天数: 122 天

    连续签到: 1 天

    [LV.7]炉火纯青

    32

    主题

    719

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13420

    最佳新人热心会员

    QQ
    发表于 2015-7-14 12:28:10 | 显示全部楼层
    先回复。。
    https://594diaosi.taobao.com/shop/view_shop.htm?spm=a1z0e.1.10010.5.JXukMr
  • TA的每日心情
    吐舌头
    2016-11-24 14:05
  • 签到天数: 165 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    757

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    81124

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

    发表于 2015-7-14 12:28:56 | 显示全部楼层
    估计想表达超150导航那里,好奇回复一下。。。
  • TA的每日心情
    抱抱
    2015-11-2 16:39
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    8

    主题

    81

    帖子

    7607

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7607

    发表于 2015-7-14 12:30:36 | 显示全部楼层
    要表达的什么意思那

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


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

  • TA的每日心情
    思考
    2016-9-11 15:54
  • 签到天数: 206 天

    连续签到: 1 天

    [LV.7]炉火纯青

    24

    主题

    1028

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32979

    淘宝钻级店美工最佳新人热心会员

    QQ
    发表于 2015-7-14 14:42:27 | 显示全部楼层
    what are you 弄啥嘞
    即使睁开眼睛也看不见,我的心在黑暗中——林疋火昱
  • TA的每日心情
    吐舌头
    2016-11-15 10:44
  • 签到天数: 44 天

    连续签到: 1 天

    [LV.5]略有小成

    2

    主题

    407

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16669

    发表于 2015-7-14 14:47:21 | 显示全部楼层
    好牛的样子

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


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

  • TA的每日心情

    2015-9-10 21:36
  • 签到天数: 10 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    58

    帖子

    2460

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2460

    发表于 2015-7-16 10:50:27 | 显示全部楼层
    看看如何

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 11:57 , Processed in 0.147442 second(s), 29 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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