淘宝手机店铺模板代码
篇一:淘宝店铺装修模板代码使用教程
淘宝旺铺自定义
区装修模板代码使用教程
淘宝旺铺中,自定义内容区可以显示店铺公告,人气宝贝,店长推荐,新品发布,联系方式等。如下图:
淘宝店铺自定义内容区要编辑源文件,装修涉及的代码,一般都是放在自定义模块里的。一般来讲,自定义模块根据位置分左侧模块、右侧促销自定义模块等。这些代码的使用方法都一样,不同的只是模板的位置不同、大小不同而已。这里我们以旺铺右侧自定义模块代码的插入为例子,给大家讲讲如何插入模板代码。
在插入代码前,请先添加你需要的自定义模块。在添加好模块后,按以下步骤插入代码:
第一:进入店铺装修页面。
第二:点击右侧自定义内容区的“编辑”按钮。
第三:点击“编辑HTML源码”按钮。
第四:找到你的模板代码并复制。
第五:当按钮变成灰色时即进入代码编辑状态,粘贴代码。
第六:模板效果显示出来。
1
第七:点击插入图片按钮,插入空间图片。插入图片前要把图片上传到博客,或者提供免费相册的网站,QQ相册空间等。粘贴图片地址后,就可以显示你的宝贝图片了。
篇二:淘宝店铺装修模板代码使用教程
淘宝旺铺自定义内容区装修模板代码使用教程
淘宝旺铺中,自定义内容区内容区可以显示店铺公告,人气宝贝,店长推荐,新品发布,联系方式等。如下图:
淘宝店铺自定义内容区要编辑源文件,装修涉及的代码,一般都是放在自定义模块里的。一般来讲,自定义模块根据位置分左侧模块、右侧促销自定义模块等。这些代码的使用方法都一样,不同的只是模板的位置不同、大小不同而已。这里我们以旺铺右侧自定义模块代码的插入为例子,给大家讲讲如何插入模板代码。
在插入代码前,请先添加你需要的自定义模块。在添加好模块后,按以下步骤插入代码:
第一:
第二:
第三:
第四:
第五:
第六:
第七:点击插入图片按钮,插入空间图片。插入图片前要
2
把图片上传到博客,或者提供免费相册的网站等。粘贴图片地址后,就可以显示你的宝贝图片了。
篇三:淘宝店铺装修代码大全
淘宝店铺装修代码大全 (2009-10-28 13:37:34) 转载?
标签: 公务员 公主书店 分类: 淘宝学习
考试书籍 淘宝 杂谈
一、LOGO:就是店标,规定大小100X100xp,gif、jpg格式都可以,图像大小控制在80K以内,否则不让上传的哦~~
二、公告栏:这个是我们展示店铺的窗口,很重要的。最新、最优惠、最吸引人的消息都要放在上面,一定要让公告栏显得突出、色彩靓丽、抓得住观众的眼球。公告栏的宽度最好不要超过400xp,否则多余部分显示不出来哦,长度最好不要超过600xp,其实长一点也没有关系,
只是恐怕观众没有那么多的耐心。
三、签名:就是大家发帖子后的签名图片~~~~~呵呵,这个也需要注意哦,它可是你的活广告呢。签名图片的最大规格为468X60xp,超过了一律不允许上传啦。。。在签名图片中大家可以放上自己的店铺特色商品、主打商品、店铺名称、地址等信息。。。。尽量的
一个动态的签名。
四、产品分类图片:产品分类的图片宽度不要超过150xp,否则会把商品都挤到下面去,把页面拉的很长很长??当然图
3
片一般都是长方形。例如150X35xp,或者145X40xp,尽量不要超过150X150xp。否则看起来不是很协调哦。注意分类的图片底色和自己选的页面模板要协调起来,最好选用同一个色系的。。。。。有的可以用整副的图片切割成几个分类,有的是同样的带边框的小图片,总之大家根据自己的主题自由搭配拉。
五、商品的背景图片/图框:为自己的商品做好背景和图框是很重要的哦,最好一个分类都能用统一的背景和边框。背景图片的合适尺寸为550X550xp,
这样图片放大的时候买家可以看的清清楚楚,并且带上写有你店铺地址和名字的图框还有统一的背景,也是一种很好的宣传哦。
六、水印:水印一般都是店铺的名字或者地址,设置成半透明色覆盖在商品图片上的。这样就是你的小店的商标啦。所有你辛苦得来的商品图片都会迎上贵店的大名哦。呵呵,并且可以防止不良事件的发生,例如盗版纠纷啊什么的。
七:产品介绍模板:这个是最复杂的啦,上面的都只是需要图片设计,而这个就需要涉及到网页设计html代码,其实也很简单的。不想做网页的也可以全部作成图片然后再切割,只是这样不方便重复利用而已。
模板的内容一般有四项:
栏目1,宝贝描述:这里就好好介绍介绍你的宝贝啦,尽
4
量的详细栏目2,买家必读:涉及到购买须知、付款、退货等等问题
栏目3,邮资说明:一般写上平邮、快递、送货上门、同城交易什么什么的费用问题
栏目4,联系方式:写上方便买家联系自己的QQ、Email、旺旺或者电话等
然后给模板做上几个基本的链接:
链接1,逛逛本店
链接2,店铺介绍
链接3,信用评价
链接4,收藏本店
记得发布掌柜推荐的热销商品哦,不错过任何一个做宣传的机会。
相关连接html设计代码大全
1贴图:< img src=图片地址
2加入连接:< a target=_blank href=所要连接的相关地址写上你想写的字< /a
3在新窗口打开连接:< a target=_blank href=相关地址
target=_blank写上要写的字< /a
4移动字体走马灯:< marquee写上你想写的字 < /marquee (可用于店铺分类,和评价)
5字体加粗:< b写上你想写的字< /b
5
6字体斜体:< i写上你想写的字< /i
7字体下划线: < u写上你想写的字< /u
字体删除线: < s写上你想写的字< /s
9字体加大: < big写上你想写的字< /big
10字体控制大小:< h1写上你想写的字< /h1
其中字体大小可从h1-h5,h1最大,h5最小
其中字体大小可从h1-h5,h1最大,h5最小
11更改字体颜色:< font color=#value写上你想写的字< /font其中value值在000000与ffffff16位进制之间
12消除连接的下划线:< a target=_blank href=相关地址
style=text-decoration:none写上你想写的字< /a
13贴音乐:< embed src=音乐地址 width=宽度 height=高度 autostart=false
14贴flash: < embed src=flash地址 width=宽度 height=高度 15贴影视文件:< img dyc=文件地址 width=宽度 height=高度 start=mouseover
16换行:< br
17段落:< p段落< /p
1原始文字样式:< pre正文 < /pre
19换帖子背景:< body background=背景图片地址
20固定帖子背景不随滚动条滚动:< body background=
6
背景图片地址 body bgproperties=fixed
21定制帖子背景颜色:< body bgcolor=#valuevalue值见10
22帖子背景音乐:< bgsound=背景音乐地址 loop=infinite(听到音乐了吗,也可以加在你的店铺公告里)
23贴网页:< iframe src=相关地址 width=宽度 height=高度< /iframe
最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了~
使用时把前边后边代码内的空格去掉即可~举个例子4移动字体走马灯:< marquee写上你想写的字< /marquee
把< marquee和< /marquee
删为去掉括号中的空格即可,其他不用动~ 后边代码不动即可~ 店铺装修代码
1、店铺音乐代码:音乐网址 loop=-1
2、图片制作代码:,img src=这里放图片地址,
3、公告图片代码:,img border=0 src=这里放图片地址 /,或,img src=这里放图片地址/,
4、悬浮挂饰代码:,img src=这里放图片地址 style=left:20px; position: relative; top:0px /,
5、商品分类代码:,img src=这里放图片地址/,
7
6、字体大小代码:,font size=2,这里放要处理的文字,可用3、4、5等设置大小,/font,
7、字体颜色代码:,font color=red,这里放要处理的文字,可以换成blue,yellow等,/font,
8、文字链接代码:,a target=_blank href=网页地址,链接的文字,在分类栏里用时链接的网页地址必须缩短,/a,
9、移动文字代码:,marquee,从右到左移动的文字,/marquee,
10、背景音乐代码:,bgsound loop=-1 src=这里放音乐地址,,/bgsound,
11、图片附加音乐代码:,img border=0 src=这里放图片地址 dyc=这里放音乐地址,
12、浮动图片代码:,img alt=1 height=150 src=这里放图片地址/,
公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码 计数器代码颜色代码:
1白色 #ffffff
2红色#ff0000
3绿色#00ff00
4蓝色#0000ff
5牡丹红#ff00ff
6青色 #00ffff
8
7黄色#ffff00
8黑色#000000
9海蓝#70db93
10巧克力色#5c3317
11蓝紫色 #9f5f9f
12黄铜色#b5a642
13亮金色#d9d919
14棕色#a67d3d
15青铜色 #8c7853
162号青铜色 #a67d3d
17士官服蓝色 #5f9f9f
18冷铜色 #d98719
9