淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4345|回复: 28
收起左侧

又到了圣诞雪花季!海报的/悬浮固定的 天猫/淘宝均可

[复制链接]
  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    89917

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

    发表于 2015-12-18 18:11:37 | 显示全部楼层 |阅读模式
    本帖最后由 感谢豆芽 于 2015-12-23 17:52 编辑

    已失效!
    淘宝已经屏蔽掉了雪花 ~~~这还没到圣诞节啊!!!~~也是醉了~~~












    我也是帮朋友做下这个玩意儿 顺道分享给亲们 代码也写得不是很规范 大家将就着用

    1920全屏的海报雪花 因为用的 bannermaker里面的雪花地址 默认飘的400px左右的节奏
    因为对flash这个研究又比较少 所以全屏就用还是用拼的吧
    ____________________________________________________________________________________________
    固定悬浮两侧大家可以试试战国策 现在比较简单的悬浮模块 具体怎么添加模块请大伙合理利用圈内关系 o(∩_∩)o

    更新大雪花的flash地址 有需要的把小雪花的flash地址批量替换下就可以了
    //vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg2.tbcdn.cn%2Ftfscom%2FT1svNgFBxdXXXtxVjX.swf


    上面那么多废话只是讲原理的  不想看原理 向来做伸手党 然后也是从来拿东西不研究的小伙伴请直接忽略
    看代码即可、btw:既然选择了这个行业 那就没事看下吧  技多不压身!
    本来想给个预览地址 - - 但是怕广告嫌疑 还是录个动图吧~
    雪花.gif

    全屏海报的雪花 补充添加了一个全屏海报的链接 (其实大伙碰到加不了链接的时候变换下思路 把链接当作一个模块 链接反正是透明的嘛 写个1920px的大热区 利用淘宝/天猫自带的绝对定位属性!关键看思路~)
    自定替换href="#"的链接 和img里面的图片url~我真是操碎了心
    1. <div style="height:750px;">
    2.   <div class="footer-more-trigger sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;">
    3.     <div class="footer-more-trigger sn-simple-logo" style="left:-855px;top:auto;border:none;padding:0;">
    4.        <a class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:0px;z-index:99;" href="#" target="_blank"> </a> <img src="//gdp.alicdn.com/imgextra/i3/377425589/TB2QABfiFXXXXX6XpXXXXXXXXXX_!!377425589.jpg" border="0" align="middle" />
    5.       <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:0px;z-index:10;">
    6.          <embed allowscriptaccess="never" flashvars="scene=taobao_shop" width="100%" height="750" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed>
    7.       </div>
    8.       <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:390px;z-index:10;">
    9.          <embed allowscriptaccess="never" flashvars="scene=taobao_shop" width="100%" height="750" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed>
    10.       </div>
    11.       <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:800px;z-index:10;">
    12.          <embed allowscriptaccess="never" flashvars="scene=taobao_shop" width="100%" height="750" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed>
    13.       </div>
    14.       <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:1300px;z-index:10;">
    15.          <embed allowscriptaccess="never" flashvars="scene=taobao_shop" width="100%" height="750" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed>
    16.       </div>
    17.       <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:1920px;height:750px;top:0px;left:1700px;z-index:10;">
    18.          <embed allowscriptaccess="never" flashvars="scene=taobao_shop" width="100%" height="750" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed>
    19.       </div>
    20.     </div>
    21.   </div>
    22. </div>
    复制代码


    上面的left:-855px 这个大家根据自己的旺铺的不同自行调整  海报没居中的时候调整哈 因为我测试是用基础版!

    第二个就是两侧悬浮添加雪花的步奏了
    1.添加战国策 2.设置好各边距和去掉模块的10px占位 3.粘贴代码
    1. <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:465px;height:1080px;top:0px;left:0px;z-index:10;">

    2. <embed allowScriptAccess="never" flashvars="scene=taobao_shop" width="100%" height="100%" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed></div>


    3. <div class="footer-more-trigger sn-simple-logo" style="border:none;padding:0;width:465px;height:1080px;top:0px;left:1455px;z-index:10;">

    4. <embed allowScriptAccess="never" flashvars="scene=taobao_shop" width="100%" height="100%" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" wmode="transparent"> </embed></div>
    复制代码


    对了  如果大伙如果想要悬浮雪花特效 还要添加单独悬浮模块 设置好悬浮模块的层级关系就可以了 z-index ~
    我不经常上论坛的 大伙有问题别单M我哈 因为我现在没上班 所以没多少时间回复大伙~




    评分

    参与人数 6美工币 +194 收起 理由
    小鬼玩时尚 + 20 乐于助人!
    莱美 + 20 加血++++++++++++++++++++++++++++++++++++.
    路过时光尽头 + 30 很给力!
    龙万山 + 4 给楼主意思一下!辛苦了!
    峰生水起之林 + 100 要逆天的感觉
    蓝大蓝 + 20 zgc可用 谢谢分享!

    查看全部评分

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


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

  • TA的每日心情
    吐舌头
    2016-11-10 13:55
  • 签到天数: 251 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    346

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53969

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

    发表于 2015-12-18 19:30:10 | 显示全部楼层
    顶一下。挺不错的
    PS美工交流群  283995557
  • TA的每日心情
    加油
    前天 16:25
  • 签到天数: 348 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    853

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    81727

    最佳新人热心会员

    发表于 2015-12-19 08:16:38 | 显示全部楼层
    先谢谢谢谢谢谢
    http://www.zcool.com.cn/u/13642473
  • TA的每日心情
    臭美
    2016-9-30 10:50
  • 签到天数: 110 天

    连续签到: 1 天

    [LV.6]渐入佳境

    1

    主题

    66

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12960

    发表于 2015-12-19 08:52:06 | 显示全部楼层
    谢谢分享

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


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

  • TA的每日心情
    臭美
    2016-11-17 13:26
  • 签到天数: 614 天

    连续签到: 1 天

    [LV.9]已臻大成

    15

    主题

    2199

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    147935

    淘宝钻级店美工天猫美工淘宝皇冠店美工最佳新人热心会员宣传达人活跃会员优秀版主

    发表于 2015-12-19 09:32:34 | 显示全部楼层
    厉害啊  
  • TA的每日心情

    2016-4-18 11:52
  • 签到天数: 11 天

    连续签到: 1 天

    [LV.3]武林新秀

    27

    主题

    159

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12854

    发表于 2015-12-19 10:32:23 | 显示全部楼层
    哈哈,大图雪花哪里怎么我不成功的,要好好研究一下

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


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

  • TA的每日心情
    加油
    2016-10-27 15:47
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    18

    主题

    710

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56733

    发表于 2015-12-20 18:24:33 | 显示全部楼层
    这么好的帖子,不定可惜了!论坛都是求助的,好不容易来个分享的!
    胆小勿点!★大神群308158281
  • TA的每日心情
    抱抱
    2016-10-11 10:55
  • 签到天数: 435 天

    连续签到: 1 天

    [LV.9]已臻大成

    11

    主题

    1299

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90856

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

    发表于 2015-12-20 19:07:57 | 显示全部楼层
    顶一下。挺不错的

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


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

  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    89917

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

     楼主| 发表于 2015-12-20 20:22:11 | 显示全部楼层
    排骨面 发表于 2015-12-19 10:32
    哈哈,大图雪花哪里怎么我不成功的,要好好研究一下

    已经修正了  昨天之前上传上去 自动在flash前面加了个标签·~~

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-5 08:35 , Processed in 0.141195 second(s), 33 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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