淘宝装修模板代码教程大全.docx

淘宝装修模板代码教程大全.docx

《淘宝装修模板代码教程大全.docx》由会员分享，可在线阅读，更多相关《淘宝装修模板代码教程大全.docx（11页珍藏版）》请在冰豆网上搜索。

淘宝装修模板代码教程大全

淘宝装修模板代码教程大全（完整版）

1）公告栏的装修图片代码,帖到公告栏就行了.公告栏的位置-----点我的淘宝-----

管理我的店铺------基本设置，下面写着公告的位置。

2）.公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，

5px;BOTTOM:

0px;POSITION:

relative"src="

你图片的地址">

3）加背景音乐的代码。

进“我的淘宝”点击“管理我的店铺”进入“基本设置”先贴代码，

再写你的公告文字

4）浮动的图片的代码：

;

5）滚动字幕代码：

这个用处可就多了，放到哪里那些字都是会动的，有

很多朋友在好评里都会用到哦！

输入你想说的话

6）自定义颜色代码

输入你想要说的话

注意:

等于号"="后就是颜色的英文：

不喜欢这个颜色还可以换成其他颜

色的，如：

red（红）、blue（蓝）、green（绿）等；不过注意代码的总长度

不要超过40哦。

7）增加容

容

8）店铺分类的代码代码就放在：

我的淘

宝—管理我的店铺—宝贝分类

简单介绍一下我的操作方法：

1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后

上传到网上相册；

2、复制代码到宝贝分类中；

3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地

址；

4、由于网上的图片地址过长，因此要在.kuso.cc/上进行网

址缩短工作：

即把复制的图片地

址到这个中进行缩短，然后会出现一个较短的图片地址

5、再用短地址放入的""中就ok了

9）如何在店铺公告添加个性的鼠标指针：

马上copy这个代码，它可以

让您的店铺公告更有吸引力呀

url（'上传后的

鼠标指针的网址'）">

LAYOUT:

fixed">

10）宝贝描述加上个性的鼠标指针

自己喜欢的鼠标指针选好了吗？

那就马上复制这个代码在宝贝描述里

就可以了，当然还要先选“编辑源文件”

url（'这里是已上传的鼠标指针

网址'）">

另外，还要在源文件底部输入代码：

11）在模板中增加淘宝收藏本店代码

宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，

导致了以前的方法不灵了，如何解决这个问题呢？

把以前的代码换成如下即可解决这个问题：

http:

//favorite.taobao./popup/add_collection.htm?

id=62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2

（欢迎大家点击这个看看我说的方法灵不灵啊，点击确定之后，到您自己的收藏夹里面看一眼，是不是我的店铺已经被您收藏了？

^-^

^-^呵呵^-^）别忘了把62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2这个数字修改成您自己的店铺ID哦（不修改的，我热烈的欢迎啊，哈哈）

如何获得自己的店铺ID呢？

进入“我的淘宝”/“查看我的店铺”，会

看到浏览器的地址栏中有类似下面的字样：

http:

//store.taobao./shop/view_shop.htm?

nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306

user_id=后面的那串数字就是您自己店铺的ID了，把这个IDCOPY下了

，替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了！

！

12）添加音乐代码：

XX音乐http:

//mp3.baidu./搜索你想要的歌曲，记得要选连接速

度快的。

然后到淘宝的管理我的店铺页面，在公告栏先输入以下代码

：

然后点击你选择的歌曲的试听选项，在空白处点击全选，然后看属性，

复制属性中的歌曲出处，然后再进入管理我的店铺页面，在刚才输入的

代码处有你的歌曲地址处粘贴歌曲出处就可以了，记得引号要保留。

背景音乐代码：

13）在图片里附加音乐的办法：

14）添加计数器代码：

到免费的计数器如http:

//00counter./注册一个账号，然后登

陆就可以选择计数器了，然后在地址一栏输入你的淘宝店铺地址

就可以了。

确定后会弹出一个网页，提示复制以下代码，还是进入管理

我的店铺页面，在公告栏粘贴已复制的代码就可以了。

15）公告图片的代码：

16）公告挂饰：

20px;position:

relative;

top:

0px"/>

☆把挂饰图片上传到网络相册里哦!

!

!

!

，

然后点击图片放大，在大图中鼠标右键选择属性，在属性中有网络地址

，把它拷贝下来，

放到下边一串代码里替代汉字部分!

!

!

20px;position:

relative;

top:

0px"/>

再打开我的店铺管理把这段代码放在店铺公告最后就可以啦，你就可以

在你的店铺里看见挂饰了。

17）店铺分类代码:

18）宝贝描述个性鼠标使用方法：

1、宝贝描述编辑完成后，先点击“编辑源文件”，在源文件顶部输入

以下代码：

url（'这里输入靓靓鼠标的地址

'）">

2、在源文件底部输入以下代码：

3、点击“使用编辑器”，完工!

以下是比较麻烦的店铺装修代码，看懂了就很好用的啦。

哈哈

下面的代码设置在一定区域让文字向上滚：

“scrollamount=”可改

变速度。

19）文字左右来回流动

3861,个人主页------让文字由

20）下至上滚动

3861,个人主页！

------让

21）文字由左向右流动！

3861,个人主页！

-----如何让文字滚动起来？

个人主页！

------网页代码：

如何让

22）文章中的重要文字变成红色

↑颜色

-----

23）颜色代码

衣装盛饰（绿色）

衣装盛饰（褐色）

衣装盛饰

衣装盛饰（蓝色）

衣装盛饰

衣装盛饰（紫色）

衣装盛饰

衣装盛饰（红色）

衣装盛饰

24）文字加粗，倾斜的代码

文字加粗的代码是:

衣装盛饰

文字倾斜的代码是:

衣装盛饰

25）文字代码

如果您想点击某处文字会连接到另外一个网页的效果，这是超，代

码是这样：

//9soho./?

id=admin>衣装盛饰

如果要点了这个文字以后重新打开一个窗口的话，代码是

//9soho./?

id=admintarget=_blank>衣装盛饰

26）在上放图片的代码

如果你看到一个好看的图片想放到上，代码是这样的：

后面的数字调节图片的尺寸大小。

27）图片代码

如果要点一下图片就能打开一个的代码是这样的：

//shop35399347.taobao./">

//image.taobao./shop-

logo/e1/a4/e1a4b8e3ba46500a2591423094eb48d9_1139322435035.gif?

1141437603766>

如果要点一下图片就能打开一个的，并且重新打开一个窗口。

代码是这样的：

//9soho./?

01">

//9soho./images/logo.gifwidth=""

height="60">

点一下图片打开一个的，重新打开窗口并图片周边没有黑边。

代码是这样的：

//9soho./?

01">

//9soho./images/logo.gifwidth=""

height="60"border="1">

上面的数字都能调节图片尺寸大小。

28）换行代码

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入

这样就会分成两行显示，整个看起来也不会是一大片了，而是段

落分明

如果输入一个
，那就是另起一行，如果连续输入两个，即

，那就会空一行

29）文字移动的代码

这里写文字

八，移动图片的代码

//9soho./images/logo.gifwidth=""

height="60"

//9soho./images/logo.gifwidth=""

height="60"

把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插

入：

里面的图片地址自己定。

30）背景音乐的代码

如果想在你的上放上一段好听的背景音乐，代码是：

//9soho./ad/beijing.mid"loop="2">

里面的背景音乐地址你能自己替换。

前面的是音乐地址，一般都以mid或者mp3的形式结尾后面的数字是播

放次数。

31）中插入一个Flash动画的代码

//9soho./qie.swf"

pluginspage=".macromedia./go/getflashplayer"

type="application/x-shockwave-flash"name="obj1"width="550"

height="400">

里面的动画地址换成你的.动画地址都要以swf的形式结尾。

这点需要注

意

32）忽视右键

  或

hidden">

33）简单的window.open方法

  onclick="javascript:

window.open（文件路径/文件名,newwindow,

  toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

  width=400,height=300）;">文字或图片

  参数解释：

  js脚本开始；

  window.open弹出新窗口的命令；

  文件路径/文件名弹出窗口的文件名；

  newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；

  width=400窗口宽度；

  height=300窗口高度；

  top=0窗口距离屏幕上方的象素值；

  left=0窗口距离屏幕左侧的象素值；

  toolbar=no是否显示工具栏，yes为显示；

  menubar，scrollbars表示菜单栏和滚动栏。

  resizable=no是否允许改变窗口大小，yes为允许；

  location=no是否显示地址栏，yes为允许；

  status=no是否显示状态栏的信息（通常是文件已经打开），yes

为允许；

  js脚本结束

34）简单的页面加密

--

  functionloopy（）{

    varsWord="";

    while（sWord!

="login"）{sWord=prompt（"请输入你的登陆密码"）;}

    alert（"登陆成功！

"）;

  }

  loopy（）

  //-->

35）拉动页面时背景图不动

36）让浏览器在保存页面时保存失败

37）随机替换图片

  图片文件名为0.gif1.gif2.gif3.gif4.gif

38）窗口定时关闭

  先将如下代码网页文件的区：

  functioncloseit（）{setTimeout（"self.close（）",10000）//毫秒

}

  然后再在标加入如：

39）网页自动关闭

  classid="clsid:

adb880a6-d8ff-11cf-9377-00aa003b7a11">

  这个窗口会在10秒过后自动关闭,而且不会出现提示.

40）网页自动刷新

  在head部记入

  其中20为20秒后自动刷新，你可以更改为任意值。

41）网页自动转页

42）保持layer在最前面，而不被Iframe、Object所覆盖

  在Layer中再插Iframe或Object设z-Index值

2>＃前面

1>＃后面

absolute;

top:

40;width:

400px;

  height:

95px;z-index:

2">height=100%width=100%>