淘宝网的卖家最头疼的就是淘宝普通店铺和淘宝旺铺的装修了,花钱让别人替自己装修,往往并不满意,所以不如自己动手DIY 做一个属于自己个性的店,下面是我自己做的及收集的一些装修代码。希望各位卖家尝试着做一下,一定会设计出一个属于自己的个性店面的哦。
先说一下淘宝公告栏的装修教程,制作方法如下:
1、打开我的店铺首面,点击右上角的——管理我的店铺
2、点击店铺公告的编辑按钮
3、出现下面的画面,点击图片旁的“编辑HTML源码(下图黑色圆圈处即是)”
4、点击后出现下图的页面,把你喜欢图片的代码复制,点击鼠标右键——粘贴
5、然后再点击“编辑HTML源码”,代码就变成图片了。
6、最后一步,在上面加上你自己喜欢的文字,点击确认就可以了。
好啦,公告栏就完成啦!
下面是淘宝公告栏常用代码:
一、 插入图片代码:
<img src="图片链接地址" />
注:先把图片上传到网络相册网络地址,把它拷贝下来,放到下边一串代码里替代汉字部分;可以应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码:
<img src="图片链接地址" style="left:20px; position: relative; top:0px" />
注:先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码:
<bgsound loop="-1" src="音乐地址"></bgsound>
注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
在图片里附加音乐的办法:
<img border=0 src="图片地址" dynsrc=音乐地址>
注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码:
<img alt="1" height="150" src="这里放图片地址"/>
五、 悬浮挂饰代码:
<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />
六、 文字链接代码:
<a href="网页地址">链接的文字</a>
七、 移动文字代码:
<marquee>从右到左移动的文字</marquee>
八、 计数器代码
<a href="http://00counter.com" target="_blank"><img src="计数器地址"border=0
alt="00Counter.com"></a>
九、 店铺公告里的漂亮悬浮挂件的代码:
<marquee style="position:relative;" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的图片地址" />
十、 店铺公告添加个性的鼠标指针代码:
<table style="CURSOR: url('上传后的鼠标指针的网址'"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed"> 淘巧网好,好淘巧网
十一、 宝贝描述加上个性的鼠标指针代码
先选“编辑源文件” ,然后复制以下代码:
<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针网址'">
<tr>
<td width="100%">
另外,还要在源文件底部输入代码:</td></tr></table>
十二、添加QQ在线交谈代码:
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="点击这里给我发消息"></a>
注: 这是QQ在线状态的代码,里面的数值要改变,号码和网址改为你自己的,这个链接的作用
是别人可以直接点击联系你而无需加你为好友,使用方法是直接链接。
十三、下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改变速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
十四、 添加旺旺在线代码:
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src= 内容来自taoqao.com
"/Article/UploadFiles/200909/20090923161605594.gif" border=0></A>
十五、插入-FLASH动画 :
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>
十六、让文字左右来回流动:
<marquee behavior="alternate">88亮荘</marquee>
十七、让文字由下至上滚动:
<marquee direction="up">88亮荘</marquee>
十八、让文字由左向右流动:
<marquee direction="right">88亮荘</marquee>
十九、如何让文字滚动起来:
<marquee>88亮荘</marquee>
二十、如何让文章中的重要文字变色代码:
<font color="#FF0000">我淘心情你淘宝贝</font>
颜色代码附:
1白色 #FFFFFF
2红色#FF0000
3绿色#00FF00
4蓝色#0000FF
5牡丹红#FF00FF
6青色 #00FFFF
7黄色#FFFF00
8黑色#000000
9海蓝#70DB93
10巧克力色#5C3317
11蓝紫色 #9F5F9F
12黄铜色#B5A642