淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2277|回复: 8
收起左侧

用DW做的自定义模块的分类 C店预览和DW的预览效果不一样

[复制链接]
  • TA的每日心情
    吐舌头
    2015-3-9 16:09
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    3

    主题

    7

    帖子

    828

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    828

    发表于 2015-3-9 16:07:00 | 显示全部楼层 |阅读模式
    本帖最后由 huaxiasky 于 2015-3-9 16:08 编辑

    DW预览效果
    QQ截图1111.jpg

    淘宝预览效果
    QQ截图2222.jpg
    怎么样才能得到DW预览的效果呢?请大家帮忙。谢谢。

    1. <div style="width: 950px; height: 240px; padding-top: 8px; background-image: url('http://img02.taobaocdn.com/imgextra/i2/58056211/TB24zQlbVXXXXbpXpXXXXXXXXXX_!!58056211.png'); font-size: 36px;">
    2. <div style="width:690px;float: left;">  
    3.   <table width="276" height="28" border="0" cellspacing="0" cellpadding="0" style="margin-left: 125px; color: #000; font-size: 12px; font-family: '宋体';">
    4.     <tr>
    5.       <td width="62"><div align="left">新品首发</div></td>
    6.       <td width="13"><div align="left"></div></td>
    7.       <td width="56"><div align="left">按销量</div></td>
    8.       <td width="13"><div align="left"></div></td>
    9.       <td width="59"><div align="left">按收藏</div></td>
    10.       <td width="13"><div align="left"></div></td>
    11.       <td width="60"><div align="left">按价格</div></td>
    12.     </tr>
    13.    
    14.   </table>
    15.   <table width="690" height="8" border="0" cellspacing="0" cellpadding="0" style=" font-size: 8px;">
    16.       <tr><td></td></tr>
    17.   </table>
    18.   <table width="690" height="28" border="0" cellspacing="0" cellpadding="0" style=" font-size: 15px;">
    19.     <tr>
    20.       <td width="98"><div align="center">套件系列</div></td>
    21.       <td width="98"><div align="center">被芯系列</div></td>
    22.       <td width="98"><div align="center">夏凉系列</div></td>
    23.       <td width="98"><div align="center">婚庆系列</div></td>
    24.       <td width="98"><div align="center">枕芯系列</div></td>
    25.       <td width="104"><div align="center">家居系列</div></td>
    26.       <td width="96"><div align="center">价格区间</div></td>
    27.     </tr>
    28. </table>
    29.   <table width="690" border="0" cellspacing="0" cellpadding="0">
    30.     <tr>
    31.       <td width="98"  valign="top" rowspan="2"><table width="98" border="0" cellspacing="5" cellpadding="0" style=" font-size: 12px;">
    32.         <tr>
    33.           <td><div align="center">天丝套件 </div></td>
    34.         </tr>
    35.         <tr>
    36.           <td><div align="center">印花套件</div></td>
    37.         </tr>
    38.         <tr>
    39.           <td><div align="center">贡缎套件</div></td>
    40.         </tr>
    41.         <tr>
    42.           <td><div align="center">提花套件</div></td>
    43.         </tr>
    44.         <tr>
    45.           <td><div align="center">奢华套件</div></td>
    46.         </tr>
    47.         <tr>
    48.           <td><div align="center">婚庆套件</div></td>
    49.         </tr>
    50.         <tr>
    51.           <td><div align="center"></div></td>
    52.         </tr>
    53.       </table></td>
    54.       <td width="98"  valign="top" rowspan="2"><table width="98" border="0" cellspacing="5" cellpadding="0" style=" font-size: 12px;">
    55.         <tr>
    56.           <td><div align="center">夏被</div></td>
    57.         </tr>
    58.         <tr>
    59.           <td><div align="center">春秋被</div></td>
    60.         </tr>
    61.         <tr>
    62.           <td><div align="center">冬被</div></td>
    63.         </tr>
    64.         <tr>
    65.           <td><div align="center">二合一被</div></td>
    66.         </tr>
    67.         <tr>
    68.           <td><div align="center">纤维被</div></td>
    69.         </tr>
    70.         <tr>
    71.           <td><div align="center">蚕丝被</div></td>
    72.         </tr>
    73.         <tr>
    74.           <td><div align="center">羽绒被</div></td>
    75.         </tr>
    76.         <tr>
    77.           <td><div align="center">羊毛被</div></td>
    78.         </tr>
    79.       </table></td>
    80.       <td width="98" valign="top" height="128"> </td>
    81.       <td width="98" valign="top" height="128"> </td>
    82.       <td width="98" valign="top" height="128"> </td>
    83.       <td width="103" valign="top" height="128"> </td>
    84.       <td width="97" valign="top" height="128"> </td>
    85.     </tr>
    86.     <tr>
    87.       <td height="30" colspan="5"> </td>
    88.     </tr>
    89.   </table>
    90. </div>
    91. </div>
    复制代码




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


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

  • TA的每日心情

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-3-9 17:05:35 | 显示全部楼层
    在DW做的效果,放到淘宝自定义,效果是有很大差别的;不过你可以写自己所需要样式的
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    加油
    5 小时前
  • 签到天数: 1101 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279758

    发表于 2015-3-9 17:40:59 | 显示全部楼层
    你使用了好多个表格框架,
    除了第一个之外,都没有定义字体大小和颜色,
    所以用默认的大小和颜色显示

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


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

  • TA的每日心情
    抱抱
    2016-11-20 18:17
  • 签到天数: 454 天

    连续签到: 1 天

    [LV.9]已臻大成

    10

    主题

    1246

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    http://www.zcool.com.cn/u/12978141

    Rank: 8Rank: 8

    积分
    111128

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

    QQ
    发表于 2015-3-9 18:55:40 | 显示全部楼层
    看不懂?
    http://www.zcool.com.cn/u/12978141
  • TA的每日心情
    吐舌头
    2015-3-9 16:09
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    3

    主题

    7

    帖子

    828

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    828

     楼主| 发表于 2015-3-10 17:12:57 | 显示全部楼层
    谢谢各位

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


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

  • TA的每日心情

    9 小时前
  • 签到天数: 257 天

    连续签到: 4 天

    [LV.8]自成一派

    15

    主题

    425

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28812

    最佳新人热心会员

    QQ
    发表于 2015-3-10 17:26:40 | 显示全部楼层
    自己写代码,我表示压力很大

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


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

  • TA的每日心情
    加油
    3 小时前
  • 签到天数: 689 天

    连续签到: 1 天

    [LV.9]已臻大成

    5

    主题

    73

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90787

    发表于 2015-3-13 00:06:38 | 显示全部楼层
    哈哈 最简单的办法 直接做成一张图不就好了

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


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

  • TA的每日心情
    抱抱
    2016-3-28 11:00
  • 签到天数: 30 天

    连续签到: 1 天

    [LV.5]略有小成

    6

    主题

    59

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10116

    发表于 2015-3-13 03:33:27 | 显示全部楼层
    第二个表格开始没有写字体大小颜色  从第二个开始加进去把

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


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

  • TA的每日心情
    思考
    2016-11-16 09:39
  • 签到天数: 39 天

    连续签到: 1 天

    [LV.5]略有小成

    4

    主题

    55

    帖子

    5035

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5035

    天猫美工

    发表于 2015-3-17 21:23:50 | 显示全部楼层
    做成图片加热链接  比较简单

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 17:53 , Processed in 0.127425 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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