淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3583|回复: 42
收起左侧

我要再发一次有码贴 有鼠标经过效果 有Widget 参与 模仿61...

  [复制链接]
  • TA的每日心情
    臭美
    7 天前
  • 签到天数: 162 天

    连续签到: 2 天

    [LV.7]炉火纯青

    17

    主题

    350

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31098

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

    发表于 2015-7-10 21:32:34 | 显示全部楼层 |阅读模式
    最近没啥心思去写模块,嗯!

    不知道大家有没有注意,不管技术多好,只要是淘宝不允许的东西,屏蔽是一定的,所以大家真没必要折腾哪些然而并没有卵用的特效,算是一个忠告。

    没有利益冲突,就没有伤害,所以..你懂的

    前些天闹得沸沸扬扬的 “非法植入模块” 最后结果是一样的, 这是一场和时间赛跑的游戏, 你脑子厉害,你要时刻记住,还有一批脑子和你一样厉害的人物,在考虑如何灭掉你, 所以大家真没必要去 纠结马大爷不允许的效果

    这次写的是模仿61小毅的效果, 当然 不是去和他抢饭碗, 我只是只不起眼的菜鸟而已,

    我浪迹淘宝多年,淘宝依然没有我的传说....

    但是:  天空没有巨响 ,老子也要牛逼登场...

    这段代码没有涉及到 淘宝的任何利益,只是个人觉得 小毅做的很漂亮 所以拿来分享,

    和小毅的效果有一丁点区别,大家可以无视...

    如果,小毅本人有意见,请联系,必定及时处理!!!

    全码无任何抄袭,全是自己写的,效果是参照小毅的页面做的, 大神都是自己原创,我只是在模仿大神,


    先看效果图,

    文字部分, 亲可以自行更改,也可以换成文字或者,图文混杂效果,根据个人的爱好来处理吧!
    自行更改处理!任意转载,不干涉...

    重申一次。“效果来自小毅,....”小毅连接

    个人店铺预览 连接





    112123211233.gif


    这算是一个比较简易的效果, 思路来至于 widget 轮播,

    1. <div style="height:950px;background-color:#FFF;"> <div class="J_TWidget" data-widget-config="{"effect": "none", "circular": false ,"contentCls":"dm_a"}" data-widget-type="Tabs" style="height:950px;"> <div class="dm_a" style="height:950px;"> <div aria-labelledby="ks-switchable209" aria-hidden="false" role="tabpanel" data-widget-config="{'easing':'backIn','interval':4,'navCls':'dms','contentCls':'dmcontent','prevBtnCls':'prev','autoplay':false,'nextBtnCls':'next','circular':false,'duration':1,'activeTriggerCls':'hidden','effect':'scrollx','viewSize':[950],'triggerType':'mouse'}" data-widget-type="Carousel" class="J_TWidget ks-switchable-panel-internal206"> <div style="height: 950px; width: 950px; overflow: hidden; padding: 0px; margin: 0px; background: transparent none repeat scroll 0% 0%; position: relative;" class="dm_UG"> <ul class="dmcontent" style="height: 950px; width: 999999px; padding: 0px; margin: 0px; position: absolute; left: 0px;"> <li class="item ks-switchable-panel-internal211" style="width: 950px; height: 950px; background: transparent none repeat scroll 0% 0%; display: block; float: left;"> <div style="margin:50px;color:#000;line-height:2.4;"> <h3>一. 模板 与 模块 的关系</h3> 模板 是由无数个不同功能和样子 模块 组成的,一套模板会有一个统一的设计风格<br> 比喻:KFC的全家桶就好比一套模板,里面的鸡腿薯条就是不同的模块<br> <h3>二. 模块 的结构</h3> 模块 是由 html 代码+ CSS 代码组成<br> 比喻:模块好比一个人,html是骨骼,CSS是皮肉外貌,两者相加组成一个人,缺一不可<br> <h3>三. html 代码样子</h3> html 代码是不同功能的标签,这些标签组合在一起形成一个框架(骨骼)<br> 比喻:标签就好比一个骨架的各个部分,有头骨,胸骨等等,不同骨头不同的用处,组合起来可以变成狗的骨骼或是人的骨骼的形态<br> 例子:淘宝常用的标签有 <div></div> ,<ul></ul> ,<span></span> 等.... <br> <h3>四. CSS 代码类型</h3> CSS 代码是用来定义 html 的样子的,比如把一个某个标签的背景变黑,或者把多个标签的字变红,这都是需要CSS来控制的<br> CSS 分为三种形式<br> 外部样式表:会单独把CSS存在一个外部链接中(<link src="外部CSS链接地址">),我们在导航里写入的CSS就是以这种方式存在页面中的;<br> 内部样式表:会存放在一个名为style的标签中( <style></style> ),我们店的CSS权限商品就是这种形式<br> 内联样式:将CSS代码直接写在某一个html标签里( <div style="CSS代码"></div> ),这种形式能直接写进自定义模块里<br> <h3>五. CSS 三种类型的优势区别</h3> 外部样式表:可以让多个页面引入这个外部CSS链接地址,让这些页面都引用这个CSS代码<br> 例子:当我们提交导航CSS后,淘宝会把你提交的CSS代码传到一个外部CSS链接里,再插入到你的每个店铺页面中,官方CSS权限也是这样,但导航CSS只能控制导航,不能控制其他部分,而官方CSS可以控制所有装修区域<br> 内部样式表:除了不能控制多个页面以外,功能与前者一致,本店出售的CSS权限是等同于官方权限的,能控制您某个页面的所有装修区域<br> 内联样式:只能写在自定义模块里,且只能控制这个自定义模块里的样式,没办法控制其他模块,且对CSS代码也有很多限制,属于低端基础功能,没办法满足目前及未来的装修需要<br> <h3>未完待续.....</h3> </div> </li> <li class="item ks-switchable-panel-internal211" style="width: 950px; height: 950px; background: transparent none repeat scroll 0% 0%; display: block; float: left;"> <div style="margin:50px;color:#000;"> <h3>正在编写。。。敬请期待</h3> </div> </li> </ul> </div> <div class="footer-more footer-more-trigger" style="padding:0px;border:none;left:0;top:0;display:block;"> <div class="footer-more footer-more-trigger" style="z-index:99;width:950px;height:50px;padding:0px;border:none;left:0;top:0;background:none;"> <div style="width:auto;height:50px;padding:0 15px;top:0;left:0;line-height:50px;float:left;border-bottom:1px #E2E5E7 solid;color:#000;"> <img src="//gdp.alicdn.com/imgextra/i1/790847558/TB2QGrydpXXXXa4XpXXXXXXXXXX_!!790847558.jpg" style="float:left;padding-top:15px;"> <h3 style="float:left;padding:0 15px;">相关信息</h3> </div> <ul class="dms" style="width:auto;height:50px;border-bottom:1px #E2E5E7 solid;overflow:hidden;"> <li class="ks-switchable-trigger-internal210 hidden" style="display:inline;background:none;margin:0 28px;cursor:pointer;line-height:50px;float:left;"> <h3 style="color:#ABABAB;">代理说明</h3> </li> <li class="ks-switchable-trigger-internal210" style="display:inline;background:none;margin:0px;cursor:pointer;line-height:50px;float:left;"> <h3 style="color:#ABABAB;">关于我们</h3> </li> </ul> </div> <div class="footer-more footer-more-trigger" style="z-index:98;width:950px;height:50px;padding:0px;border:none;left:0;top:0;background:url(//gdp.alicdn.com/imgextra/i2/790847558/TB2YwnLdpXXXXbRXXXXXXXXXXXX_!!790847558.gif);"> <div style="width:auto;height:50px;padding:0 15px;top:0;left:0;line-height:50px;float:left;border-bottom:1px #E2E5E7 solid;color:#000;"> <img src="//gdp.alicdn.com/imgextra/i1/790847558/TB2QGrydpXXXXa4XpXXXXXXXXXX_!!790847558.jpg" style="float:left;padding-top:15px;"> <h3 style="float:left;padding:0 15px;">相关信息</h3> </div> <ul class="dmb" style="width:auto;height:50px;border-bottom:1px #B3B3B3 solid;overflow:hidden;"> <li style="display:inline;background:none;margin:0 28px;cursor:pointer;line-height:50px;float:left;"> <h3 style="color:#1F232E;">代理说明</h3> </li> <li style="display:inline;background:none;margin:0px;cursor:pointer;line-height:50px;float:left;"> <h3 style="color:#1F232E;">关于我们</h3> </li> </ul> </div> </div> </div> </div> <ul role="tablist" class="ks-switchable-nav"><li id="ks-switchable209" tabindex="0" role="tab" class="ks-active ks-switchable-trigger-internal205">1</li></ul></div> </div>
    复制代码
    码你拿走,我们做个朋友可好?

    给个赞 也行!

    呵呵呵呵








    评分

    参与人数 9美工币 +195 收起 理由
    hamasakicane + 10 很给力!
    snrtmnmnyk + 1 感谢分享!
    乖乖兔 + 8 赞一个!
    杜若 + 10 赞一个!
    天高地厚 + 20
    七月微凉 + 8 赞一个!
    leike + 18 赞一个!
    张小邪 + 20 赞一个!
    Rain + 100 赞一个!精简一下会更好.

    查看全部评分

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


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

  • TA的每日心情
    臭美
    7 天前
  • 签到天数: 162 天

    连续签到: 2 天

    [LV.7]炉火纯青

    17

    主题

    350

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31098

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

     楼主| 发表于 2015-7-10 21:36:10 | 显示全部楼层
    沙发 我的

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


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

  • TA的每日心情
    臭美
    7 天前
  • 签到天数: 162 天

    连续签到: 2 天

    [LV.7]炉火纯青

    17

    主题

    350

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31098

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

     楼主| 发表于 2015-7-10 21:37:18 | 显示全部楼层
    板凳 也是我的  你觉得没卵用  回个 哼 也行

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


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

  • TA的每日心情
    臭美
    7 天前
  • 签到天数: 162 天

    连续签到: 2 天

    [LV.7]炉火纯青

    17

    主题

    350

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31098

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

     楼主| 发表于 2015-7-10 21:39:19 | 显示全部楼层
    好吧  在占一层楼

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


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

  • TA的每日心情
    吐舌头
    2016-4-1 10:23
  • 签到天数: 56 天

    连续签到: 1 天

    [LV.5]略有小成

    5

    主题

    184

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11401

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

    发表于 2015-7-10 21:52:49 | 显示全部楼层
    哼            

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


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

  • TA的每日心情
    思考
    2016-1-1 09:21
  • 签到天数: 231 天

    连续签到: 59 天

    [LV.7]炉火纯青

    1

    主题

    359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    51271

    最佳新人

    QQ
    发表于 2015-7-10 22:07:03 | 显示全部楼层
    哇   
  • TA的每日心情
    抱抱
    13 小时前
  • 签到天数: 631 天

    连续签到: 1 天

    [LV.9]已臻大成

    42

    主题

    574

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    152979

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

    发表于 2015-7-10 22:14:27 | 显示全部楼层
    赞赞赞赞!

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


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

  • TA的每日心情
    大哭
    14 小时前
  • 签到天数: 963 天

    连续签到: 5 天

    [LV.10]功行圆满

    16

    主题

    1120

    帖子

    22万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    221901

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

    发表于 2015-7-10 23:20:47 | 显示全部楼层
    赞赞赞赞赞

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-7-10 23:33:30 | 显示全部楼层
    虽然用不上,但还是必须为高手的无偿付出点个赞!
  • TA的每日心情
    加油
    2016-10-10 22:54
  • 签到天数: 158 天

    连续签到: 2 天

    [LV.7]炉火纯青

    1

    主题

    61

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30306

    最佳新人

    发表于 2015-7-11 00:14:43 | 显示全部楼层

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 23:35 , Processed in 0.145263 second(s), 36 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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