制作淘宝成人内衣宝贝详情页源代码,详情页页头源代码!

当前位置：主页 > 店铺装修 > 正文

制作淘宝成人内衣宝贝详情页源代码,详情页页头源代码!

时间：2014-07-08 21:08 来源：Q淘网收集作者：蒋坤阅读：次

内容摘要:

全部采用Table表格编写，为什么采用表格？很简单，因为表格简单一点，而且兼容性更强，特别是在详情页里，淘宝不支持div背景，但却支持表格背景。效果图如下：复制以下全部代码，粘贴到详情页源码区，把图片更改为自己的图片，再输入相应的信息即可。重点

全部采用Table表格编写，为什么采用表格？很简单，因为表格简单一点，而且兼容性更强，特别是在详情页里，淘宝不支持div背景，但却支持表格背景。

效果图如下：

内容来自www.qqaiqin.com,Q淘网

复制以下全部代码，粘贴到详情页源码区，把图片更改为自己的图片，再输入相应的信息即可。
重点说下宝贝指数的修改方法，选中小红心剪切，粘贴到合适的位置。注意，这个小红心只是个特殊符号，并不是图片哦。
因为成人类目的特殊性，图片都必须通过审核才能使用，所以写此模块我没有使用一张图片，就是为了方便大家使用。

<table bgcolor="#ffa0a0" width="745" height="50" cellspacing="0" cellpadding="0" style="margin-bottom:5px;">
        <tr>
            <td style="color:#fff;font-size:18px;text-indent:5px;">商品信息</td>
    </tr>
        <tr>
            <td style="color:#fff;text-indent:5px;">COMMODITY INFORMATION</td>
    </tr>
</table>

<table width="745" height="500" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffa0a0">
  <tr>
    <td><table width="370" height="495" border="0">
      <tr>
        <td align="center"><img style="height: 485.0px;"  data-cke-saved-src="http://img.taobao.com/bao/uploaded/i2/T1pBK0XeNqXXcTVV71_040136.jpg_600x600.jpg" src="http://img.taobao.com/bao/uploaded/i2/T1pBK0XeNqXXcTVV71_040136.jpg_600x600.jpg" /></td>
      </tr>
    </table></td>
    
    <td><table border="0">
      <tr>
        <td height="40" bgcolor="#ffa0a0" style="font-size:20px;color:#fff;text-indent:5px;">基本信息</td>
       </tr>
       
       <tr>
               <td><table cellpadding="2" cellspacing="0">
               <tr>
                 <td width="150" style="color:#ffa0a0">包含/Contain：</td>
                 <td style="color:#ffa0a0">和服睡裙+T裤+腰带</td>
               </tr>
               <tr>
                 <td style="color:#ffa0a0">面料/Plus material：</td>
                 <td style="color:#ffa0a0">蕾丝、柔锻</td>
               </tr>
                <tr>
                 <td style="color:#ffa0a0">颜色/Color：</td>
                 <td style="color:#ffa0a0">紫色、黑色、粉色、白色、蓝色</td>
               </tr>
             </table>
       </td>
       </tr>
       
       <tr>
               <td height="10"></td>
       </tr>
      
      <tr>
        <td height="40" bgcolor="#ffa0a0" style="font-size:20px;color:#fff;text-indent:5px;">宝贝指数</td>
        </tr>
   
      <tr>
        <td height="30"><span style="color:#ffa0a0;">♥</span>厚度指数</td>
        </tr>
        
      <tr>
              <td>
                <table cellpadding="2" cellspacing="0">
                    <tr>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;">♥</td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="50" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                </tr>
                <tr>
                    <td bgcolor="#f0f0f0" align="center">透视</td>
                    <td bgcolor="#e6e6e6" align="center">薄</td>
                    <td bgcolor="#dcdcdc" align="center">稍薄</td>
                    <td bgcolor="#d2d2d2" align="center">适中</td>
                    <td bgcolor="#c8c8c8" align="center">厚</td>
                    <td bgcolor="#bebebe" align="center">稍厚</td>
                    <td bgcolor="#b4b4b4" align="center">加厚</td>
                </tr>
            </table>
        </td>
      </tr> 
      
        <tr>
        <td height="10"></td>
        </tr>  
        
          <tr>
        <td height="30"><span style="color:#ffa0a0;">♥</span>弹力指数</td>
        </tr>
        
      <tr>
              <td>
                <table cellpadding="2" cellspacing="0">
                    <tr>
                    <td height="20" width="90" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="90" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="90" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;"></td>
                    <td height="20" width="90" bgcolor="#f0f0f0" align="center" style="color:#ffa0a0;font-size:24px;">♥</td>
                </tr>
                <tr>
                    <td height="20" bgcolor="#f0f0f0" align="center">无弹</td>
                    <td height="20" bgcolor="#e6e6e6" align="center">微弹</td>
                    <td height="20" bgcolor="#dcdcdc" align="center">弹力</td>
                    <td height="20" bgcolor="#d2d2d2" align="center">超弹</td>
                </tr>
            </table>
        </td>
      </tr>  
        
       <tr>
               <td height="10"></td>
       </tr>
        
          <tr>
        <td height="30"><span style="color:#ffa0a0;">♥</span>面料柔软指数</td>
        </tr>

<table width="745" height="30" cellspacing="0" cellpadding="0" style="margin:5px 0;">
        <tr>
            <td style="color:#ffa0a0;font-size:20px;">尺码表 <span style="font-size:12px">SIZE CHZRT</span></td>
    </tr>
</table>

<table width="745" border="1" cellpadding="5" cellspacing="0" bordercolor="#ffa0a0">
        <tr>
            <td align="center" style="color:#ffa0a0;">尺码</td>
        <td align="center" style="color:#ffa0a0;">下胸围蕾丝处</td>
        <td align="center" style="color:#ffa0a0;">臀围</td>
        <td align="center" style="color:#ffa0a0;">衣长</td>
        <td align="center" style="color:#ffa0a0;">肩带</td>
        <td align="center" style="color:#ffa0a0;">适合尺码</td>
    </tr>
        <tr>
            <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
    </tr>
    <tr>
        <td align="center" style="color:#ffa0a0;">温馨提示</td>
        <td colspan="5" style="color:#ffa0a0;">以上尺寸为“平铺-拉伸”测量尺寸，误差1-2cm属正常范围。</td>
    </tr>
</table>

<table width="745" height="30" cellspacing="0" cellpadding="0" style="margin:5px 0;">
        <tr>
            <td style="color:#ffa0a0;font-size:20px;">模特信息 <span style="font-size:12px">MODEL INTR</span></td>
    </tr>
</table>

<table width="745" border="1" cellpadding="5" cellspacing="0" bordercolor="#ffa0a0">
        <tr>
            <td align="center" style="color:#ffa0a0;">模特</td>
        <td align="center" style="color:#ffa0a0;">身高</td>
        <td align="center" style="color:#ffa0a0;">体重</td>
        <td align="center" style="color:#ffa0a0;">胸围</td>
        <td align="center" style="color:#ffa0a0;">腰围</td>
        <td align="center" style="color:#ffa0a0;">臀围</td>
    </tr>
        <tr>
            <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
        <td align="center" style="color:#ffa0a0;">--</td>
    </tr>
    <tr>
        <td align="center" style="color:#ffa0a0;">温馨提示</td>
        <td colspan="5" style="color:#ffa0a0;">模特的身材尺寸只作为参考依据，请根据自身情况进行判断和选择。</td>
    </tr>
</table>

本文来自Q淘网 www.qqaiqin.com

复制如上代码到宝贝HTML码里面

转自：Q淘网 [www.qqaiqin.com]

标签：申请企业账号缺少netcfg hlp 圣诞帽子少女前线步枪 3D动态

顶一下

(0)

踩一下

(0)

上一篇：自己制作一个淘宝搜索框，个性淘宝店内搜索模块源代码分享！
下一篇：蓝色格调大气并且简约的女装淘宝专业版模版免费下载!