衣丫丫淘宝店铺装修网

 找回密码
 注册会员

QQ登录

只需一步,快速开始

搜索
热搜: 扶植版 店招 充值 资本运作 拓展版 淘宝店招 950 淘宝店招素材 UGG店招 虚拟店铺模版 笨笨 虚拟 免费 公告 店招模板 淘宝快递 商品模板 店铺logo 中秋节 海报
查看: 39832|回复: 353

网店装修大全

    [复制链接]

0

主题

0

听众

119

积分

淘宝新手

Rank: 1

该用户从未签到

金币
0
积分
119
UID
2894
  • 收听TA
  • 发消息
乖宝xin 发表于 2009-10-13 17:28:00 |显示全部楼层
本帖最后由 乖宝xin 于 2009-10-13 17:40 编辑

游客,如果您要查看本帖隐藏内容请回复
最近从一个网站上看到这么一篇文章,感觉很实用,所以拿到这里来与大家共同学习学习
一、加入背景图片
      记住代码要添加到最前面哦。
   <table width="你所需的宽度" height="0" border="0"
   cellpadding="0" cellspacing="0" background="你的背景图片地址">
   <tbody>
   <tr>
   <td>
   二、加入背景音乐
   在你的源代码最前面或最后面添加以下代码就可以
   <bgsound loop="-1"  src="你的背景音乐地址"></bgsound>

  三、加入掛件:
   <IMG style="LEFT: 45px; POSITION: absolute; TOP: 200px" alt=""

   src="图片地址" useMap=#Map border=0>
   四、公告欄掛飾:
   <p><img style="left: 20px; position: relative; top: 0px" alt=""

   src="图片地址" /></p>
   五、漂浮掛飾:
    <p><img style="left: 1px; width: 107px; position: relative; top:

   0px; height: 107px" alt=""
   src="图片地址/></p>

   六、添加旺旺在線:
   <A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG

   src="地址" border=0></A>
  七、添加到收藏的代码:
   <span style="CURSOR: hand" title="想添加的名?">收藏本站

   </span>
   八、设置首页的代码:
   <span style="CURSOR:

  hand">设置首页</span>
   九、浮动的图片的代码:
   <img alt="1" height="150" src="这里放图片地址"/ >

   十、悬浮挂饰代码:
   <img src="这里放图片地址" style="left:20px; : relative; top:0px" /

   >
   十一、文字链接代码:
   <a href="网页地址">链接的文字</a>

   十二、移动文字代码:
   <marquee>从右到左移动的文字</marquee>

   十三、计数器代码
   <a href="http://00counter.com" target="_blank"><img src="计数器地址

   "border=0

   alt="00Counter.com"></a>

   十四、店铺公告添加个性的鼠标指针代码:
   <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>

   十六、 下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改
   变速度。

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

   direction=up

   scrollamount=2>文字</marquee></font></b></center>

   十七、让文字左右来回流动:
   <marquee behavior="alternate">元兴</marquee >

   十八、让文字由下至上滚动:
   <marquee direction="up">元兴</marquee>

   十九、让文字由左向右流动:
   <marquee direction="right">元兴</marquee>

   二十、文字加粗,倾斜的代码
   文字加粗的代码是: <b>文字</b>
   文字倾斜的代码是: <i>文字</i>

   二十一、换行代码
   如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>
   这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明
   如果输入一个<br>,那就是另起一行,如果连续输入两个,即<br><br>,那就会空一行

  二十二、如何让文章中的重要文字变色代码:
   <font color="#FF0000">元兴首饰工厂</font>
     颜色代码附:
   1白色 #FFFFF
   2红色#FF0000
   3绿色#00FF00
   4蓝色#0000FF
   5牡丹红#FF00FF
   6青色 #00FFFF
   7黄色#FFFF00
   8黑色#000000
   9海蓝#70DB93
   10巧克力色#5C3317
   11蓝紫色 #9F5F9F
   12黄铜色#B5A642
   13亮金色#D9D919
   14棕色#A67D3D
   15青铜色 #8C7853
   162号青铜色 #A67D3D
   17士官服蓝色 #5F9F9F
   18冷铜色 #D98719
   19铜色 #B87333
   20珊瑚红 #FF7F00
   21紫蓝色 #42426F
   22深棕 #5C4033
   23深绿 #2F4F2F
   24深铜绿色 #4A766E
   25深橄榄绿 #4F4F2F
   26深兰花色 #9932CD
   27深紫色 #871F78
   28深石板蓝 #6B238E
   29深铅灰色 #2F4F4F
   30深棕褐色 #97694F
   32深绿松石色 #7093DB
   33暗木色 #855E42
   34淡灰色 #545454
   35土灰玫瑰红色 #856363
   36长石色 #D19275
  37火砖色#8E2323
   38森林绿 #238E23
   39金色 #CD7F32
   40鲜黄色 #DBDB70
   41灰色 #C0C0C0
   42铜绿色 #527F76
   43青黄色 #93DB70
   44猎人绿 #215E21
   45印度红 #4E2F2F
   46土黄色 #9F9F5F
   47浅蓝色 #C0D9D9
   48浅灰色 #A8A8A8
   49浅钢蓝色 #8F8FBD
   59浅木色 #E9C2A6
   60石灰绿色 #32CD32
   61桔黄色 #E47833
   62褐红色 #8E236B
   63中海蓝色 #32CD99
   64中蓝色 #3232CD
   65中森林绿 #6B8E23
   66中鲜黄色 #EAEAAE
   67中兰花色 #9370DB
   68中海绿色 #42642
   69中石板蓝色 #70FF
   70中春绿色 #7FF00
   71中绿松石色 #70DBDB
   72中紫红色 #DB7093
   73中木色 #A68064
   74深藏青色 #2F2F4F
   75海军蓝 #23238E
   76霓虹篮 #4D4DFF
   77霓虹粉红 #FF6EC7
   78新深藏青色 #00009C
   79新棕褐色 #EBC79E
   80暗金黄色 #CFB53B



(二):
一、背景上显示时钟:

<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></div>

<div id="mainbody" style="position:absolute; visibility:visible">

</div>

       二、添加背景花瓣效果

<script Language="java - script">

function a(x,y,color)

{document.write("<img border=''0'' style=''position: absolute; left: "+(x+300)+"; top: "+(y+200)+";background-color: "+color+"'' src=''px.gif'' width=1 height=1>"}

</script>

<script>

for(t=1;t<=360;t++){

lo=200 * Math.sin(2 * (Math.PI / 180) * t);

x = lo * Math.cos((Math.PI / 180) * t);

y = lo * Math.sin((Math.PI / 180) * t);

a(x,y,"#000000";

lo=200 * Math.cos(2 * (Math.PI / 180) * t);

x = lo * Math.cos((Math.PI / 180) * t);

y = lo * Math.sin((Math.PI / 180) * t);

a(x,y,"#ff0000";

}

</script>

三、漂浮广告代码

<div id="ad" style="position:absolute">

<a href= target="_blank">

<img src="http://www.068058.com/copyright.gif" border="0">

</a></div>

<script>

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 10

var obj=document.getElementById("ad"

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x < L) { xin = true; x = L}

if (x > R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y < T) { yin = true; y = T }

if (y > B) { yin = false; y = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

</script>

把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

-----上面的代码说明-------

http://www.068058.com//换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面

http://www.068058.com/copyright.gif//换成是漂浮广告图片的URL地址,最好采用绝对路径

var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上

var step = 1 //层移动的步长,值越大移动速度越快

var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快

四、链接处变换色彩

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE="java - script">

<!-- Begin

function initArray() {

for (var i = 0; i < initArray.arguments.length; i++) {

this = initArray.arguments;

}

this.length = initArray.arguments.length;

}

var colors = new initArray(

"red",

"blue",

"green",

"purple",

"black",

"tan",

"yellow",

"lime",

"coral",

"palegreen",

"silver",

"gold",

"red";

delay = .5; // seconds

link = 0;

vlink = 0;

function linkDance() {

link = (link+1)%colors.length;

vlink = (vlink+1)%colors.length;

document.linkColor = colors[link];

document.vlinkColor = colors[vlink];

setTimeout("linkDance()",delay*1000);

}

linkDance();

// End -->

</script>

那么链接处就会出现彩色字体

注意:不能在<style>中定义好链接颜色

五、增强被搜索的机会(把自己的小店或网站最快推广的方法之一)
http://misc.yahoo.com.cn/search_submit.html


六、缩短网址最佳利器:http://www.kuso.cc/

七、计数器申请网站:http://00counter.com/

八、插入图片:<img border="0" src="图片地址" />

九、插入公告图片:<img src="公告图片地址"/>

十、插入公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />

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

然后点击图片放大,在大图中鼠标右键选择属性,在属性中有网络地址,把它拷贝下来,

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

<img src="图片地址" style="left:20px; position: relative; top:0px" />

再打开我的店铺管理把这段代码放在店铺公告最后就可以啦,你就可以在你的店铺里看见挂饰了。☆

十一、店铺分类代码:<IMG src="图片地址">

十二、背景音乐代码:

<bgsound loop="-1" src="音乐地址"></bgsound>

提供一些常用的钢琴曲或音乐(自己重新选择添加音乐的时候,可以在WWW。BAIDU.COM中搜索MP3等,在出现播放器在播放你需要的音乐时,用鼠标左键选中该播放器,全部选中后,点右键选择“属性”,里面的地址才是歌曲的链接地址)

秋日的私语http://www.meilie.com.cn/info/xxyz/images/piano/06.MP3

致爱丽丝http://www.sznx.com.cn/NT/DISCOL/lj33/music/music6.mp3

一路上有你http://123.tfol.com/sing/web/music/200532822653_6052.mp3

鸟鸣:http://bbsatt.ccmove.com/download_010/604632/YM-%B4%D4%C1%D6%C4%F1%C3%F9.mp3

http://631.uuclubs.com/audio/upload/674000/zhuo_qiang_moblog_1111740438_1829.mp3

水边的阿狄丽娜http://www.jcbk.com/images/abcd.mp3

古筝梅花三弄http://www.wenyi.com/ART/MUSIC/MUSIC/chuizou/meihua.mp3

http://www.hrb69.edu.cn/sunshine/webw/2.8/files/赵咏华-最浪漫的事.mp3

古筝:鸭戏水http://www.sjsedu.net.cn/xiaoxuejiaoyan/xuekedaohang/music/file-5/text2/nusic/gu5.mp3

http://www.liangge.net/soft/枉凝眉.mp3

古筝 十送红军http://nhyz.org/lkm/yyxs/gzheng/shshj.MP3

古筝弯完的月亮http://www.tzsgzx.com/Mymusic/one(2006-3-19 15-33-47)/10.wma

十三、在图片里附加音乐的办法:<img border=0 src="图片地址" dynsrc=音乐地址>

十四、浮动的图片的代码:</td></tr></table>;<img alt="1" height="150" src="图片地址"

十五、添加QQ在线::<a class=''qqa'' target=blank href=''http://wpa.qq.com/msgrd?V=1&Uin=320001031&Site=在线咨询&Menu=no'' title=''在线即时交谈''><img src=http://www.33363336.cn/qqimages/QQonline.gifborder=0 align=middle>320001031</a>

十六、添加WW在线:<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src="http://pics.taobao.com/newstyle/online_pic.gif" border=0></A>

十七、下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改变速度。

<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字</marquee></font></b></center>

十八、插入-FLASH动画

<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>   

十九、让文字左右来回流动:<marquee   behavior="alternate">我淘心情你淘宝贝</marquee>           

三十六、保护自己的页面不被别人放在框架中:

<Script LANGUAGE="java - script">

if(self!=top){top.location=self.location;}

</script>



三十七、状态栏出现打字效果特效代码:

要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<SCRIPT LANGUAGE="java - script">

<!-- Begin

var msg = "Welcome To The java - script Fairyland";

var chars = msg.length + 1;

var updateStatus = "";

var i = 0;

function statusMessage() {

if (i < chars) setTimeout("nextLetter()", 300);

}

function nextLetter() {

updateStatus = msg.substring(0,i) + ''_'';

window.status = updateStatus;

i++;

statusMessage();

}

//   End -->

</script>

第二步:把“onLoad="statusMessage()"”加在<body>标记里

例如:<body>

三十八、在标题栏显示时间特效代码

完成此效果把如下代码加入到<body>区域中

<SCRIPT LANGUAGE="java - script">

<!-- Begin

var clocktext;

var pagetitle = document.title;

function scroll() {

today = new Date();

sec = today.getSeconds();

hr = today.getHours();

min = today.getMinutes();

if (hr <= 9) hr = "0" + hr;

if (min <= 9) min = "0" + min;

if (sec <= 9) sec = "0" + sec;

var clocktext = " 现在时间是: " + hr + ":" + min + ":" + sec;

clocktimer = setTimeout("scroll()", 1000);

document.title = pagetitle + clocktext;

}

if (document.all) scroll();

//   End -->

</script>

三十九、舞台光柱特效代码:

<head>

<title>Untitled</title>

</head>

<body bgcolor="Black">

<div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px;

color: White; filter: light">

<p align="center">

春花秋月何时了,往事知多少

</p>

<p align="center">

<br>

小楼昨夜又东风

</p>

<p align="center">

<br>

故国不堪回首月明中。

</p>

<p align="center">

<br>

雕栏玉砌应犹在,只是朱颜改。

</p>

<p align="center">

问君能有几多愁,

</p>

<p align="center">

<br>

恰似一江春水向东流。<br>

</p>

</div>

<script language="VBScript">

Option Explicit

sub window_OnLoad()

call myLightObject.filters.light(0).addambient(0,0,255,30)

call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)

end sub

sub document_onMouseMove()

call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)

end sub

</script>

</body>
已有 8 人评分好评 收起 理由
坏蛋静静 + 1 很给力!
jiubao + 1
banmoqiu + 2
xxy6214369 + 1
冷血琴魂 + 2 我很赞同

总评分: 好评 + 20   查看全部评分

回复

使用道具 举报

0

主题

0

听众

90

积分

游客

Rank: 1

该用户从未签到

金币
0
积分
90
UID
3619
  • 收听TA
  • 发消息
sadmad 发表于 2009-10-13 21:34:02 |显示全部楼层
不错不错不错不错
回复

使用道具 举报

130

主题

0

听众

1135

积分

超级版主

Rank: 16Rank: 16Rank: 16Rank: 16

该用户从未签到

金币
0
积分
1135
UID
298
  • 收听TA
  • 发消息
疯鱼 发表于 2009-10-17 12:41:32 |显示全部楼层
代码不分普通店铺和旺铺的,都可以使用!
回复

使用道具 举报

0

主题

0

听众

33

积分

淘宝新手

Rank: 1

该用户从未签到

金币
0
积分
33
UID
3702
  • 收听TA
  • 发消息
xiaoxiaonian 发表于 2009-10-18 10:06:18 |显示全部楼层
谢谢了!!!!
已有 1 人评分好评 收起 理由
skl_soft + 1 淡定

总评分: 好评 + 1   查看全部评分

回复

使用道具 举报

19

主题

0

听众

476

积分

淘宝新手

Rank: 1

该用户从未签到

金币
0
积分
476
UID
3878
  • 收听TA
  • 发消息
konting 发表于 2009-10-21 10:07:54 |显示全部楼层
哇.....好东西,赶快去试试
我的淘宝小店,还在一步步完善中,欢迎高手们多给意见http://364587778.taobao.com
回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 注册会员

社区首页| 家园首页| 群组首页|Archiver|淘宝店铺装修免费模板_淘宝店铺装修教程 ( 苏ICP备12000784号-2 )   360网站安全检测平台

GMT+8, 2013-3-25 14:15 , Processed in 0.181353 second(s), 32 queries .

Powered by Discuz! © 2001-2011 Comsenz Inc.

回顶部