编写的原理是利用浮动层(暂时不支持FF浏览器)把淘宝的LOGO覆盖的方法,然后换上自己所需的。OK,动手才是硬道理!!!

1-店主要自己先把自定义内容区添加上去,操作如下:

首先开淘宝旺旺,然后

2-编写代码,把下列代码复制到上面操作的编辑框里(代码如下)
<!–  ************************   定义更换LOGO开始 ***********************************   –>
<!– 功能为乱套得来的结果,不过有个小问题:)        –>

<!– 暂时就不写其他说明了,前提是操作时候如果已经有开通自定义的,请先备份操作   –>

<!– 无版本号………                         –>

<!–     最顶端代码     –>
<h2>&nbsp;</h2>
<DIV align=left>
<DIV-slider>
<DIV>
<DIV style=”top: -1260px; left:-200px; WIDTH: 950px; HEIGHT: 80px; FLOAT: left;” data-widget-config=”{ ‘triggerType’: ‘mouse’,’triggerCls’:’biaoti’,’panelCls’:’neirong’,’multiple’:true,’autoplay’:false, ‘interval’:’1′}” data-widget-type=”Accordion”>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=950 height=77 align=bottom
background=”” style=”border: 1px solid #e27b87; background-color:#f5f5f5;” >
<TBODY>
<TR>
<!–1首页 logo开始   111111111 –>
<TD vAlign=top width=230>
<table>
<tbody>
<tr>
<td>
<A href=”http://lexiewang.taobao.com/” target=_blank>
<img alt=”乐鞋网http://lexieWang.taobao.com/” width=230 height=70 src=”http://img02.taobaocdn.com/imgextra/i2/10014665/T2bZddXepMXXXXXXXX_!!10014665.gif”>
</A>
</td>
</tr>
</tbody>
</table>
</TD>
<!–1首页 logo结束 111111111    –>

<!–2空白填充================================== –>
<TD height=35 vAlign=top width=312>
</TD>
<!–2空白填充=================================== –>

<!–3自定义开始     –>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width=408>
<TBODY>
<TR> <!–  第一行  –>
<TD height=16>
</TD>
</TR>

<TR> <!–  第二行  –>
<TD>
<!– ========================================================== –>
<!–4活动     444444444444   –>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=408 background=”” height=35>
<TBODY>
<tr>
<TD height=35 vAlign=top width=114>
<img src=”http://img03.taobaocdn.com/imgextra/i3/10014665/T27otcXh8MXXXXXXXX_!!10014665.jpg” width=114 height=35>
</TD>
<!–4活动     444444444444   –>

<!–5热卖     555555555555   –>
<TD height=35 vAlign=top width=100>
<A href=”http://lexiewang.taobao.com/?orderType=_hotsell&search=y” target=_blank>
<img alt=”” src=”http://img03.taobaocdn.com/imgextra/i3/10014665/T2ZUpcXiNMXXXXXXXX_!!10014665.jpg” width=100 height=35>
</A>
</TD>
<!–5热卖     5555555555   –>

<!–6上架     666666666   –>
<TD height=35 vAlign=top width=99>
<A href=”http://lexiewang.taobao.com/?search=y&scid=307208675&scname=0MLGt8nPvNw%3D&checkedRange=true&queryType=cat” target=_blank>
<img alt=”” src=”http://img04.taobaocdn.com/imgextra/i4/10014665/T25UlcXjXMXXXXXXXX_!!10014665.jpg” width=99 height=35>
</A>
</TD>
<!–6上架     666666666666   –>

<!–7收藏我们   777777777     –>
<TD height=35 vAlign=top width=95>
<A href=”http://favorite.taobao.com/popup/add_collection.htm?itemid=61500887&itemtype=0&ownerid=7b86b6a4ac1295db4a83e2a7b90e0b37&scjjc=2″ target=_blank>
<img alt=”” src=”http://img03.taobaocdn.com/imgextra/i3/10014665/T2zUlcXldMXXXXXXXX_!!10014665.jpg” width=95 height=35>
</A>
</TD>

</tr>
</TBODY>
</TABLE>
<!–7收藏我们   77777777  –>
</TD>
</TR>
</TBODY>
</TABLE>
<!– ========================================================== –>

</TD>
<!–3自定义结束   –>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV>
</DIV>
</DIV>
</DIV>

<!–  ************************  定义更换LOGO结束  ************************************   –>

复制上面区块,把该改的信息改成您自己的就OK了。

然后操作:

PS:有朋友问怎么看不到效果,由于我自己是用IE浏览的

1)有可能是浏览器兼容性问题

2)如果你的也是IE,则操作如下:

<!–     最顶端代码     –>
<h2>&nbsp;</h2>
<DIV align=left>
<DIV-slider>
<DIV>
<DIV style=”top: -1260px; left:-200px; WIDTH: 950px; HEIGHT: 80px; FLOAT: left;” data-widget-config=”{ ‘triggerType’: ‘mouse’,’triggerCls’:’biaoti’,’panelCls’:’neirong’,’multiple’:true,’autoplay’:false, ‘interval’:’1′}” data-widget-type=”Accordion”>

… …

把代码的红色字坐标改下合适的大小就可以了。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。