淘宝店铺装修代码大全(淘宝装修代码大全)
一、找点淘宝店铺 专业版装修代码
淘宝装修模板代码教程大全(完整版)
1)公告栏的装修图片代码,帖到公告栏就行了.不过还是有好多人来问我公告栏的位置-----点我的淘宝-----
管理我的店铺------基本设置,下面写着公告的位置。
<img src="图片的所在的地址">
<img border="0" src="图片地址"/>
2).公告悬浮装饰图片代码,COPY到公告的最下面就好了哦,
<IMG style="right: 5px; BOTTOM: 0px; POSITION: relative" src="
你图片的地址">
3)加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置”先贴代码,
再写你的公告文字
<bgsound src="你的背景音乐地址" loop=-1>
4)浮动的图片的代码:
</td></tr></table>;<img height="150" src="图片地址"
5)滚动字幕代码:这个用处可就多了,放到哪里那些字都是会动的,有
很多朋友在好评里都会用到哦!<marquee>输入你想说的话</marquee>
6)自定义颜色代码
<font color=blue>输入你想要说的话</font>
注意:等于号"="后就是颜色的英文:不喜欢这个颜色还可以换成其他颜
色的,如:red(红)、blue(蓝)、green(绿)等;不过注意代码的总长度
不要超过40哦。
7)增加链接链接内容
<a rel="external nofollow" href="链接地址">链接内容</a>
8)店铺分类的代码<img src="图片的地址"/>代码就放在:我的淘
宝—管理我的店铺—宝贝分类
简单介绍一下我的操作方法:
1、选好喜欢的宝贝分类模板,复制保存之后,填上适当的文字,然后
上传到网上相册;
2、复制代码<img src="图片的地址"/>到宝贝分类中;
3、打开网上相册,选中相应的模板,右击属性,复制属性中的图片地
址;
4、由于网上的图片地址过长,因此要在上进行网
址缩短工作:即把复制的图片地
址到这个网站中进行缩短,然后会出现一个较短的图片地址
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 width="100%">
另外,还要在源文件底部输入代码:</td></tr></table>
11)在模板中增加淘宝收藏本店代码
宝贝描述中都带有“店铺收藏”字样,但是最新的淘宝收藏夹变化了,
导致了以前的方法不灵了,如何解决这个问题呢?
把以前的代码换成如下即可解决这个问题:
?
id=62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2
(欢迎大家点击这个链接看看我说的方法灵不灵啊,点击确定之后,到您自己的收藏夹里面看一眼,是不是我的店铺已经被您收藏了?^-^
^-^呵呵 ^-^)别忘了把62323209&itemid=62323209&itemtype=0&ownerid=115d86206eeba2e9d827ef69ac80a71c&scjjc=2这个数字修改成您自己的店铺ID哦(不修改的,我热烈的欢迎啊,哈哈)
如何获得自己的店铺ID呢?进入“我的淘宝”/“查看我的店铺”,会
看到浏览器的地址栏中有类似下面的字样:
user_id=后面的那串数字就是您自己店铺的ID了,把这个ID COPY下了
,替换上面的那个代码就可以在宝贝描述模板里面添加收藏店铺了!!
12)添加音乐代码:
百度音乐搜索你想要的歌曲,记得要选连接速
度快的。然后到淘宝的管理我的店铺页面,在公告栏内先输入以下代码
:
<BGSOUND balance=0 src="你的歌曲地址" volume=0 loop=infinite>
然后点击你选择的歌曲的试听选项,在空白处点击全选,然后看属性,
复制属性中的歌曲出处,然后再进入管理我的店铺页面,在刚才输入的
代码处有你的歌曲地址处粘贴歌曲出处就可以了,记得引号要保留。
背景音乐代码:
<bgsound loop="-1" src="音乐地址"></bgsound>
13)在图片里附加音乐的办法:
<img border=0 src="图片地址" dynsrc=音乐地址>
14)添加计数器代码:
到免费的计数器网站如注册一个账号,然后登
陆就可以选择计数器了,然后在网站地址一栏内输入你的淘宝店铺地址
就可以了。确定后会弹出一个网页,提示复制以下代码,还是进入管理
我的店铺页面,在公告栏内粘贴已复制的代码就可以了。
15)公告图片的代码:
<img border="0" src="图片地址"/>
16)公告挂饰:
<img src="图片地址" style="left:20px; position: relative;
top:0px"/>
☆把挂饰图片上传到网络相册里哦!!!!,
然后点击图片放大,在大图中鼠标右键选择属性,在属性中有网络地址
,把它拷贝下来,
放到下边一串代码里替代汉字部分!!!
<img src="图片地址" style="left:20px; position: relative;
top:0px"/>
再打开我的店铺管理把这段代码放在店铺公告最后就可以啦,你就可以
在你的店铺里看见挂饰了。
17)店铺分类代码:
<IMG src="图片地址">
18)宝贝描述个性鼠标使用方法:
1、宝贝描述编辑完成后,先点击“编辑源文件”,在源文件顶部输入
以下代码:
<table width="100%" style="CURSOR: url('这里输入靓靓鼠标的地址
')">
<tr>
<td width="100%">
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)颜色代码
衣装盛饰(绿色)
<font color="#008000"></font>
衣装盛饰(褐色)
<font color="#800000">衣装盛饰</font>
衣装盛饰(蓝色)
<font color="#000080">衣装盛饰</font>
衣装盛饰(紫色)
<font color="#800080">衣装盛饰</font>
衣装盛饰(红色)
<font color="#FF0000">衣装盛饰</font>
24)文字加粗,倾斜的代码
文字加粗的代码是:<b>衣装盛饰</b>
文字倾斜的代码是:<i>衣装盛饰</i>
25)文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代
码是这样:
<a href=;衣装盛饰</a>
如果要点了这个文字以后重新打开一个窗口的话,代码是
<a href= target=_blank>衣装盛饰</a>
26)在网站上放图片的代码
如果你看到一个好看的图片想放到网站上,代码是这样的:
<img src=;
后面的数字调节图片的尺寸大小。
27)图片链接网站代码
如果要点一下图片就能打开一个网站的链接代码是这样的:
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" href="">
<img src=
logo/e1/a4/e1a4b8e3ba46500a2591423094eb48d9_1139322435035.gif?
1141437603766></a></img>
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。
代码是这样的:
<a target="_blank" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="">
<img src= width="180"
height="60"></a></img>
点一下图片打开一个网站的链接,重新打开窗口并图片周边没有黑边。
代码是这样的:
<a target="_blank" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="">
<img src= width="180"
height="60" border="1"></a></img>
上面的数字都能调节图片尺寸大小。
28)换行代码
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入
<br>
这样就会分成两行显示,整个网站看起来也不会是一大片了,而是段
落分明
如果输入一个<br>,那就是另起一行,如果连续输入两个,即<br><br>
,那就会空一行
29)文字移动的代码
<marquee>这里写文字</marquee>
八,移动图片的代码
<marquee><img src= width="180"
height="60"</img></marquee>
<marquee><img src= width="180"
height="60"</img></marquee>
把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插
入:
里面的图片地址自己定。
30)背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐,代码是:
<bgsound src="" loop="2">
里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾后面的数字是播
放次数。
31)中插入一个Flash动画的代码
<embed src=""
pluginspage=""
type="application/x-shockwave-flash" name="obj1" width="550"
height="400">
里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注
意
32)忽视右键
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
33)简单的window.open方法
<a rel="external nofollow" 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)简单的页面加密
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
alert("登陆成功!");
}
loopy()
//-->
</script>
35)拉动页面时背景图不动
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>
36)让浏览器在保存页面时保存失败
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
37)随机替换图片
<script>
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)窗口定时关闭
先将如下代码网页文件的区:
<script language="javascript">
function closeit(){ setTimeout("self.close()",10000)//毫秒
}
</script>
然后再在<body>标内加入如:<body onload="closeit()">
39)网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(closes.Click(),10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.
</body>
</html>
40)网页自动刷新
在head部记入
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新,你可以更改为任意值。
41)网页自动转页
<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">
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:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute;
top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
43)返回上一页
<a href=javascript:history.back(1)>『返回上一页』</a>
44)关闭窗口
<a href=javascript:self.close()>『关闭窗口』</a>
45)关于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"></IFRAME>
46)淘宝网店设为首页的店铺装修代码
设为首页的代码:<span onclick="var
strHref=window.location.href;this.style.behavior='url
(#default#homepage)';this.setHomePage('小店网址');"
style="CURSOR: hand">设为首页</span>
二、普通的淘宝网店要怎么装修
淘宝网店怎么装修?
网店装修基本内容:一大把网站手把手教你装修网店店铺开了淘宝网店过后,应该知道,淘宝网店分为两种,一种是旺铺,一种是普通店铺。而最近淘宝在旺铺上又分为了标准版旺铺和创业扶植版旺铺,创业版旺铺是相对新开的掌柜提供的一个很优惠的旺铺,一个月只需20元,相对于标准版的旺铺而言少了30元,而功能的差别上不是很大,至少比普通店铺要进步很多。对于普通店铺的装修,前面已经写过文章“如何装修淘宝普通店铺”介绍过了,普通店铺的装修相对于旺铺的装修要简单,但是每个细节还是值得去琢磨的。如果你还没有准备好要在淘宝投入资金,那么普通店铺就可以了,如果你想做好生意,并且不断尝试,那么,你就应该定制一个旺铺。标准旺铺和创业版旺铺的功能差别是创业版模板不能自定义。
一、淘宝网店旺铺装修之店招装修
店招大小在100K以内,建议规格为950*150。对于店招的装修,建议掌柜们先从整个店铺的风格考虑,包括主题色,是经营什么产品等等因素,才能定好店招要制作成什么风格,如果前期掌柜对店招的设计无从着手,可以到其他店铺去模仿学习一下。另外可以用淘宝的店招制作flash,都是不错的选择。→免费装修工具的获取途径
二、淘宝网店旺铺装修之促销模板装修
这个版块是最需要功底的,建议掌柜先用纸或者网站策划工具画大体的促销版块,分为多少个主题区,特别提醒的是一定要店铺的主打和最得意的产品凸显出来。→淘宝宝贝描述模板制作教程
三、淘宝网店旺铺装修之公告装修
对于公告装修,现在很多店铺已经弱化其效果,但是作为一个新开的店铺,很有必要把你的店铺的服务,促销,以及产品信息浓缩起来告诉顾客,建议一定要大气,大方,最主要的是你的内容要恰当,可以设置为滚动显示。→网店装修常用经典工具让您网店更美观
四、淘宝网店旺铺装修之自定义版面装修
这个功能可以给淘宝掌柜无限的想象空间,可以按照自己对宝贝的理解,把宝贝分为很多类,按照不同的特点放在一个自定义页面上,也可做一个很好看的促销版面,总之,可以把淘宝的模板里面没有的东东,你需要的都弄上去。包括店铺介绍、购前必读等等页面都可以。→如何用photoshop抠图和加背景
五、淘宝网店旺铺装修之其他装修
其他装修就和普通旺铺差不多多,主要分为:宝贝分类装修、宝贝描述模板装修,这个可以参考如何装修淘宝普通店铺。→淘宝网店页面特效编辑代码大全
打字不易,如满意,望采纳。
三、淘宝店铺装修代码大全
淘宝店铺装修是淘宝卖家必须要掌握的一项技能。通过精美的店铺装修,可以吸引更多的买家,提高店铺的转化率。在淘宝店铺装修中,代码是不可或缺的一部分。本文将为大家提供淘宝店铺装修代码大全,帮助大家打造个性化、高效率的淘宝店铺装修方案。
一、背景颜色设置
淘宝店铺的背景颜色设置可以让店铺更加突出,吸引更多的买家。以下是背景颜色设置的代码:
```css
body{
background-color:ffffff;/*背景颜色*/
}
```
将上述代码复制到淘宝店铺装修中的CSS代码框中即可。
二、字体颜色设置
淘宝店铺的字体颜色设置可以让店铺更加突出,吸引更多的买家。以下是字体颜色设置的代码:
```css
body{
color:333333;/*字体颜色*/
}
```
将上述代码复制到淘宝店铺装修中的CSS代码框中即可。
三、图片边框设置
淘宝店铺的图片边框设置可以让图片更加突出,吸引更多的买家。以下是图片边框设置的代码:
```css
img{
border:1pxsolidcccccc;/*图片边框*/
}
```
将上述代码复制到淘宝店铺装修中的CSS代码框中即可。
四、鼠标悬停效果设置
淘宝店铺的鼠标悬停效果设置可以让买家更加直观地了解商品信息。以下是鼠标悬停效果设置的代码:
```css
a:hover{
color:ff0000;/*鼠标悬停字体颜色*/
text-decoration:underline;/*鼠标悬停下划线*/
}
```
将上述代码复制到淘宝店铺装修中的CSS代码框中即可。
五、商品标题设置
淘宝店铺的商品标题设置可以让买家更加直观地了解商品信息。以下是商品标题设置的代码:
```html
商品标题
```
将上述代码复制到淘宝店铺装修中的HTML代码框中即可。可以根据需要修改标题的字体、颜色等属性。
六、商品价格设置
淘宝店铺的商品价格设置可以让买家更加直观地了解商品信息。以下是商品价格设置的代码:
```html
¥100
```
将上述代码复制到淘宝店铺装修中的HTML代码框中即可。可以根据需要修改价格的字体、颜色等属性。
七、商品图片设置
淘宝店铺的商品图片设置可以让买家更加直观地了解商品信息。以下是商品图片设置的代码:
```html
```
将上述代码复制到淘宝店铺装修中的HTML代码框中即可。可以根据需要修改图片的大小、位置等属性。
八、商品描述设置
淘宝店铺的商品描述设置可以让买家更加直观地了解商品信息。以下是商品描述设置的代码:
```html
商品描述
```
将上述代码复制到淘宝店铺装修中的HTML代码框中即可。可以根据需要修改描述的字体、颜色等属性。