淘宝店铺基本装修代码?

2023-04-06 19:45:02JavaScript07

淘宝店铺基本装修代码?,第1张

body,td,option,textarea{color:#000font:12px ""Grey""}

textarea{border:0pxwidth:510pxheight:120pxbackground:#EB0079background-image: url(留言板内背景插入图片地址)}

#headV3B {background:url(页面顶部插入图片地址) left no-repeatwidth:980pxMARGIN-BOTTOM: 10pxOVERFLOW: hiddenHEIGHT:300px}

#headLogo{visibility: hidden }

#headV3 #headMenu {visibility: hidden}

#shopInfo ul{padding-top:60pxpadding-left:10px}

#shopMenuMain{margin-top:-5pxz-index:9dth:100%}

#headV3B .findInto {visibility: hidden}

#headV3B .findGoto {visibility: hidden}

#shopZone,body{background:#ffffff url(店铺主背景和推荐栏后背景插入图片地址) repeat 0px 0pxmargin-top:0pxmargin-left:0px}

#shopVote{background-image: url(店主推荐横条背景插入图片地址)margin-top:0pxcolor:#000}

#shopInfo{background-image:url(公告栏背景插入图片地址)}

#shopNote,#shopBanner{background-image:url(广告栏背景插入图片地址)}

#CategoryListDiv{background-image:url(店铺类目背景插入图片地址)}

#Friend ListDiv,#shopMain{background-image:url(店铺类目和商品栏后面的背景插入图片地址)}

#footV3 {height:106pxBORDER-TOP:#ffffff 0px solidbackground:url(最底层广告背景插入图片地址) left repeatMARGIN-TOP: 8pxFONT-FAMILY: Verdana}

#loginAndPost{background-image:url(留言栏以外背景插入背景图片地址)}

#sideList ul{ background:url(商品栏背景插入图片地址) bottom left no-repeat}

<!--

a { cursor: url("鼠标插入图片地址") }

body{cursor: url("鼠标插入图片地址")

}

</STYLE>

下面是淘宝店铺装修的一些代码：一、插入图片代码：<img src=图片链接地址 / 注：先把图片上传到网络相册网络地址，把它拷贝下来，放到下边一串代码里替代汉字部分；可以应用于公告栏、分类栏及宝贝描述内。二、插入公告栏挂饰代码：<img src=图片链接地址 style=left:20pxposition: relativetop:0px / 注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。三、背景音乐代码：<bgsound loop=-1 src=音乐地址</bgsound 注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。四、在图片里附加音乐的办法：<img border=0 src=图片地址 dynsrc=音乐地址注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内。五、浮动的图片的代码：＜img alt=1 height=150 src=这里放图片地址/＞六、悬浮挂饰代码：＜img src=这里放图片地址 style=left:20pxposition: relativetop:0px /＞七、文字链接代码: ＜a href=网页地址＞链接的文字＜/a＞八、移动文字代码: ＜marquee＞从右到左移动的文字＜/marquee＞九、计数器代码 <a href= target=_blank<img src=计数器地址border=0 alt=</a十、店铺公告里的漂亮悬浮挂件的代码： <marquee style=position:relativeonMouseOver=() onMouseOut=() 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你要进入卖家中心店铺管理店铺装修下拉点击点此添加新模块里面勾选自定义模版然后点击一下源码的按钮直接复制你的代码在里面保存发布就可以了

淘宝装修模板代码教程大全(完整版)

1)公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----

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

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

<IMG style="right: 5pxBOTTOM: 0pxPOSITION: relative" src="

你图片的地址">

3)加背景音乐的代码。

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

再写你的公告文字

4)浮动的图片的代码：

</td></tr></table><img height="150" src="图片地址"

5)滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有

很多朋友在好评里都会用到哦！ <marquee>输入你想说的话</marquee>

6)自定义颜色代码

<font color=blue>输入你想要说的话</font>

注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜

色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度

不要超过40哦。

7)增加链接链接内容

8)店铺分类的代码 <img src=" 图片的地址 " />代码就放在：我的淘

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

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

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

上传到网上相册；

2、复制代码 <img src=" 图片的地址 " />到宝贝分类中；

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

址；

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

址缩短工作：即把复制的图片地

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

5、再用短地址放入 <img src=" 图片的地址 " />的""中就ok了

9)如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以

让您的店铺公告更有吸引力呀<table style="CURSOR: url('上传后的

鼠标指针的网址')"><tr><td><table border="0" style="TABLE-

LAYOUT: fixed">

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

自己喜欢的鼠标指针选好了吗？那就马上复制这个代码在宝贝描述里

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

<table width="100%" style="CURSOR: url('这里是已上传的鼠标指针

网址')">

<tr>

另外，还要在源文件底部输入代码：</td></tr></table>

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

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

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

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

http://favorite.taobao.com/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.com/shop/view_shop.htm?nekot=c21pbGVfNWNt1281414248539&user_number_id=321589306

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

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

12) 添加音乐代码：

百度音乐http://mp3.baidu.com/搜索你想要的歌曲，记得要选连接速

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

：

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

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

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

背景音乐代码：

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

14) 添加计数器代码：

到免费的计数器网站如http://00counter.com/注册一个账号，然后登

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

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

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

15) 公告图片的代码：

16) 公告挂饰：

<img src="图片地址" style="left:20pxposition: relative

top:0px" />

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

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

，把它拷贝下来，

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

<img src="图片地址" style="left:20pxposition: relative

top:0px" />

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

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

17) 店铺分类代码:

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

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

以下代码：

<table width="100%" style="CURSOR: url('这里输入靓靓鼠标的地址

')">

<tr>

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

</td></tr></table>

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

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

下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改

变速度。

<font size=3 color=ff0000><b><center><marquee width=150

height=100 direction=up scrollamount=2>文字

</marquee></font></b></center>

19) 文字左右来回流动

<marquee direction="up">3861,个人主页</marquee>------让文字由

20) 下至上滚动

<marquee direction="right">3861,个人主页！</marquee>------让

21) 文字由左向右流动！

<marquee>3861,个人主页！</marquee>-----如何让文字滚动起来？

<font color="#FF0000">个人主页！</font>------网页代码：如何让

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

↑颜色

<bgsound src=/textbook/matter/music/china.mid loop="-1">-----

23) 颜色代码

衣装盛饰（绿色）

衣装盛饰（褐色）

衣装盛饰（蓝色）

衣装盛饰（紫色）

衣装盛饰（红色）

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

文字加粗的代码是: <b>衣装盛饰</b>

文字倾斜的代码是: <i>衣装盛饰</i>

25) 文字链接代码

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

码是这样：

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

26) 在网站上放图片的代码

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

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

27) 图片链接网站代码

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

<img src=http://image.taobao.com/shop-

logo/e1/a4/e1a4b8e3ba46500a2591423094eb48d9_1139322435035.gif?

1141437603766></a></img>

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

代码是这样的：

<img src=http://9soho.com/images/logo.gif width="180"

height="60"></a></img>

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

代码是这样的：

<img src=http://9soho.com/images/logo.gif width="180"

height="60" border="1"></a></img>

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

28) 换行代码

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

<br>

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

落分明

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

，那就会空一行

29) 文字移动的代码

<marquee>这里写文字</marquee>

八，移动图片的代码

<marquee><img src=http://9soho.com/images/logo.gif width="180"

height="60"</img></marquee>

<marquee><img src=http://9soho.com/images/logo.gif width="180"

height="60"</img></marquee>

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

入：

里面的图片地址自己定。

30) 背景音乐的代码

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

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

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

放次数。

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

pluginspage="http://www.macromedia.com/go/getflashplayer"

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

height="400">

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

意

32) 忽视右键

或

33) 简单的window.open方法

<a href="#"

onclick="javascript:window.open(文件路径/文件名,newwindow,

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

width=400,height=300)">文字或图片</a>

参数解释：

<SCRIPT LANGUAGE="javascript">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

为允许；

</SCRIPT>js脚本结束

34) 简单的页面加密

<!--

function loopy(){

var sWord =""

while(sWord!="login"){sWord=prompt("请输入你的登陆密码")}

alert("登陆成功！")

}

loopy()

//-->

</script>

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

<style>

body{background-image:url(logo.gif)

background-repeat:no-repeatbackground-position:center}

</style>

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

37) 随机替换图片

document.write(<img src="img/+parseInt(Math.random()*(5))

+.gif"height="40" width="50">)

</script>

图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

38) 窗口定时关闭

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

function closeit() { setTimeout("self.close()",10000) //毫秒

}

</script>

然后再在<body>标内加入如：<body onload="closeit()">

39) 网页自动关闭

<html>

<head>

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

</object>

</head>

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

</body>

</html>

40) 网页自动刷新

在head部记入

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

41) 网页自动转页

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

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

<div z-Index:2><object xxx></object>＃前面

<div z-Index:1><object xxx></object>＃后面

<div id="Layer2" style="position:absolute

top:40width:400px

height:95pxz-index:2">height=100% width=100%>

</div>

<div id="Layer1" style="position:absolute

top:50width:200px

height:115pxz-index:1">

</div>

43) 返回上一页

<a href=javascript:history.back(1)>『返回上一页』</a>

44) 关闭窗口

45) 关于iframe的透明背景

<IFRAME ID="iFrame1" SRC="iframe.htm"

allowTransparency="true"

style="background-color: green"></IFRAME>

46) 淘宝网店设为首页的店铺装修代码

设为首页的代码： <span onclick="var

strHref=window.location.hrefthis.style.behavior='url

(#default#homepage)'this.setHomePage('小店网址')"

style="CURSOR: hand">设为首页</span>

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：div+css 各大浏览器中有多少种不兼容的情况？很多吗？如果很多的话可以举例一些常见的吗？

# 下一篇：怎么可以在电脑玩王者荣耀

推荐阅读

热门文章

最新发布

标签列表

淘宝店铺基本装修代码?

给您推荐相同类型的内容：