尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » css+html »

淘宝店铺装修常用代码

2019-06-11   Umming   css+html    评论(0)    浏览(2018)


自定义店招

图片尺寸950*120(使用默认导航);950*150(使用图片导航);页头背景要单独设计(尽量以纯色为主)

<img src="//gdp.alicdn.com/imgextra/i1/2153733875/O1CN01Wldqca1eUnI5JoDXh_!!2153733875.jpg" border="0" usemap="#cimomap" alt="世模创意设计" /> 
<map name="cimomap">
    <area coords="0,100,180,150" href="//shop111846396.taobao.com/search.htm" target="_blank" alt="所有商品" /> 
    <area coords="180,100,285,150" href="//shop111846396.taobao.com/" target="_blank" alt="首页" />
    <area coords="285,100,425,150" href="" target="_blank" alt="品牌LOGO设计" /> 
    <area coords="425,100,580,150" href="" target="_blank" alt="产品包装设计" /> 
    <area coords="580,100,715,150" href="" target="_blank" alt="创意海报设计" /> 
    <area coords="715,100,840,150" href="" target="_blank" alt="党建设计" />
    <area coords="840,100,950,150" href="" target="_blank" alt="VIS设计" />
    <area coords="900,0,950,50" href="" target="_blank" alt="收藏" /> 
</map>

自定义区域全屏图片代码

<div style="height:2580px;">
	<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
		<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
			 <a style="width:1920px;height:2580px;display:block;"> 
			 <img src="//gdp.alicdn.com/imgextra/i4/2153733875/O1CN01chh4fJ1eUnI3ApHaW_!!2153733875.jpg" border="0" /> 
			 <img src="//gdp.alicdn.com/imgextra/i4/2153733875/O1CN01MQIWT01eUnI2nrpW9_!!2153733875.jpg" border="0" /> 
			 <img src="//gdp.alicdn.com/imgextra/i1/2153733875/O1CN01ifFg571eUnI3leKfz_!!2153733875.jpg" border="0" /> 
			 </a>
		</div>
	</div>
</div>

产品详情页

产品预览图尺寸:400*400

详情图片尺寸:750*高度不限

(注:如遇到详情图之间有1px间隙,在源码模式下删除p标签,并在源码模式保存)

本文链接:https://www.umming.com/css_html/130.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//