淘宝装修教程: 代码 篇

来源:百度文库 编辑:神马文学网 时间:2024/04/28 12:18:06
一、LOGO:就是店标,规定大小100X100xp,gif、jpg格式都可以,图像大小控制在80K以内,否则不让上传的哦~~~~~
二、公告栏:这个是我们展示窗口,很重要的。最新、最优惠、最吸引人的消息都要放在上面,一定要让公告栏显得突出、色彩靓丽、抓得住看众的眼球。公告栏的宽度最好不要超过400xp,否则多余部分显示不出来哦,长度最好不要超过600xp,其实长一点也没有关系,只是恐怕看众没有那么多的耐心。。。。
三、签名:就是大家发帖子后的签名图片~~~~~呵呵,这个也需要注意哦,它可是你的活广告呢。签名图片的最大规格为468X60xp,超过了一律不允许上传啦。。。在签名图片中大家可以放上自己特色商品、主打商品、名称、地址等信息。。。。尽量的设计一个动态的签名。
四、产品分类图片:产品分类的图片宽度不要超过150xp,否则会把商品都挤到下面去,把页面拉的很长很长……当然图片一般都是长方形。例如150X35xp,或者145X40xp,尽量不要超过150X150xp。否则观起来不是很协调哦。注意分类的图片底色和自己选的页面模板要协调起来,最好选用同一个色系的。。。。。有的可以用整副的图片切割成几个分类,有的是同样的带边框的小图片,总之大家根据自己的主题自由搭配拉。
五、商品的背景图片/图框:为自己的商品做好背景和图框是很重要的哦,最好一个分类都能用统一的背景和边框。背景图片的合适尺寸为550X550xp,这样图片放大的时候买家可以看的清清楚楚,并且带上写有你地址和图框还有统一的背景,也是一种很好的宣传哦。 六、水印:水印一般都是或者地址,设置成半透明色覆盖在商品图片上的。这样就是你的小店的商标啦。所有你辛苦得来的商品图片都会迎上贵店的大名哦。呵呵,并且可以防止不良事件的发生,例如盗版纠纷啊什么的。。。。。。
七:产品介绍模板:这个是最复杂的啦,上面的都只是需要图片设计,而这个就需要涉及到网页设计,其实也很简单的。不想做网页的也可以全部作成图片然后再切割,只是这样不方便重复利用而已。
模板的内容一般有四项:
栏目1-宝贝描述:这里就好好介绍介绍你的宝贝啦,尽量的具体哦~~~~
栏目2-买家必读:涉及到购买须知、付款、退货等等问题~~~~
栏目3-邮资说明:一般写上平邮、快递、送货上门、同城交易什么什么的费用问题~~~~
栏目4-联系方式:写上方便买家联系自己的QQ、Email、旺旺或者电话等~~~~~~
然后给模板做上几个基本的链接:
链接1-逛逛本店
链接2-介绍
链接3-信用评价
链接4-收藏本店
记得发布掌柜推荐的暖销商品哦~~~~~,不错过任何一个做宣传的机会。。。。。。
相关连接
淘宝装修各类代码
淘宝店装修代码 Cm *gBJX}5
hE C4 VP&:
R $8caByTq
一、插渗入渗出图片: *$ 5 SVi S
二、插入公告图片: @"X!Iu" t!
o)Uh;C"SF
三、插入公告挂饰: Z q" :Un]
fuC9-+ua V
☆把挂饰图片上传到网络相册里哦!!!!, J7{w6@|1r$
然后点击图片放大,在大图中鼠标右键选择属性,在属性中有网络地址,把它拷贝下来, c,1JL=}M%
放到下边一串代码里替代汉字部分!!! g>boS mE_w
% Fk/.Ow
再打开我管理把这段代码放在公告最后就可以啦,你就可以在你里观见挂饰了。☆ 4BY Asp=`
- f+r1U c
四、分类代码: 7l M>o/:a'
*~P /H
五、背景音乐代码: X ?kwo |L
O %w4 mDi=
#y( X z"*
提供一些常用的钢琴曲或音乐(自己重新选择添加音乐的时候,可以在WWW。BAIDU.COM中搜索MP3等,在出现播放器在播放你需要的音乐时,用鼠标左键选中该播放器,全部选中后,点右键选择"属性",里面的地址才是歌曲的链接地址) ]*%] w Q\
秋日的私 C:#,GjP T
致爱丽 #S ri9{#6
一路上有 vg7 u k Z
鸟叫 6uadEtp^=~
} ]g }>/
水边的阿狄丽 J} u MJ: O
古筝梅花三 D m/ %%|
赵咏华-最浪漫的事.mp3 i' Y c! V*
古筝:鸭戏 2' $ b|:A
枉凝眉.mp3 8|V:$X3pR
古筝 十送红 q P G yTH
古筝弯完的月 (2006-3-19 15-33-47)/10.wma }4 rij
c U6 Wp
六、在图片里附加音乐的办法: v,* ][$>_x
4O0 D t/=B
七、浮动的图片的代码:;1- BccYkOob
八、添加QQ在线::320001031 [G m '"K c
<6 'kx/1
f U ) .*#}
九、添加WW在线: pF2& 1bSk
:D]? Zs+
十、下面的代码设置在一定区域内让文字向上滚:"scrollamount="可改变速度。
文字
J[ SD; :
/ T9..(\ Q
;s1% (+4*
w +十一、插入-FLASH动画 Tx< (nx 78
~*: ' {/gi
BEE V fy
十二、让文字左右往返流动:我淘心情你淘宝贝 hf (W oJs
>6 u_ @`\k
8-z|1$v=
十三、让文字由下至上滚动: 淘宝贝 ^1aFb+ wUm
u- ' ;#0
十四、让文字由左向右流动: 你淘宝贝 K4>{`2gSwe
V- d'Q] 9$
十五、如何让文字滚动起来:我淘心情你淘宝贝 ]FAK~ >Bl
O85K vO(#
UD J"bw
十六、如何让文章中的重要文字变成红色:我淘心情你淘宝贝 >i>DAO9 b
tKe% &
十七、添加背景音乐: W% 9 cC4oU
qTJ`iFT-,
十八、各字体颜色代码(把文字改成要添加的颜色的英文) %Y%U _
rL xE#}/
文字 O!!E <* +F
m(6 S@SB
十九、文字加粗,倾斜的代码 n RgwS6
文字加粗的代码是: 文字 j 1a%pyu
文字倾斜的代码是: 文字 -#[LpHa
pf @8}
i#A~i:K
二十、换行代码 J{ , x_U
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输渗透
=g 99ZP !
这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明 v&IAQ`\ 8w
如果输渗透一个
,那就是另起一行,如果连续输渗入渗出两个,即

,那就会空一行 h W2!z
R% L`[` Y
二十一、文字移动的代码:这里写文字 f|}* M :./
g2M]WEw Q
二十二、移动图片的代码 6!G!XX} /
sATy ua\
z Q p 6 ,
6Pa 5l$
二十三、背景音乐的代码 % >5 9 [79
如果想在你的网站上放上一段背景音乐,代码是: f (FL}v 0|
|\T 2I5ao:
0 h{H M
L `I
里面的背景音乐地址你能自己替换。 VQJ e*3vcP
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。
[@ `da#y+
d[ 6>0Rc_/
二十四、页中插入一个Flash动画的代码 Y '1*Ld9q
Ml " t Q
Txu ~3 {
OSsj EzU#
里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注重。 <> ' !$Dn
淘宝装修 各类 代码全集 要装修快来看 非常全面
现在我就教大家做一个,能动起来的往返帖,说起来也挺简单的,首先弄个滚动字幕的代码:这里是你想打的字
公告栏图片代码

例如下边所写
例:


里面漂浮动画代码


给个人里加上音乐:
代码为:bgsound loop="infinite"src="http://star.163.com/2003/uploa d/singer/1048945996.mp3"/>
将其中的bgsound loop="infinite" src="后面的地址换为自己想要的地址就行了
滚动字幕
代码:新年快乐
注解: 是一对控制文字滚动的代码,放在它们之间的文字显示出来的效果就是从右到左移动。代码中间的字可以换成自己想要的字
自定义颜色
代码:一元拍
注解: 是一对控制文字颜色的代码,等于号(=)后就是颜色值:可以更换为其他颜色的,如:red(红)、blue(蓝)、green(绿);也可以用#000000--#ffffff的形式(不过注意代码的总长度不要超过40)。代码中间的字可以换成自己想要的字
定义粗体
代码:重要提示
注解: 是一对让中间文字粗体显示的代码。代码中间的字可以换成自己想要的字
定义斜体
代码:重要提示
注解: 是一对让中间文字斜体显示的代码。代码中间的字可以换成自己想要的
滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到ja - script的document.write里面,请看下面例d的详细说明)Dreamweer也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
1.建立第一个滚动字幕。代码:
我钟意网页树树

2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入了:
中央电视台
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
文字内容
c)交替效果。代码如:
文字内容
d)多行文本向上滚动。代码如:
.早晨好啊!
.空气好清新啊
.今朝食乜好呢?

.中央电视台


淘宝完美装修-DIY自己动手全搞定之代码
2007年04月30日 星期一 下午 01:26
淘宝完美装修-DIY自己动手全搞定之代码
一、 插入图片代码:

注:先把图片上传到网络相册网络地址,把它拷贝下来,放到下边一串代码里替代汉字部分;可以
应用于公告栏、分类栏及宝贝描述内。
二、 插入公告栏挂饰代码:

注:先把挂饰图片上传到网络相册;可以应用于公告栏、分类栏及宝贝描述内。
三、背景音乐代码:

注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
三、 在图片里附加音乐的办法:

注:先把挂饰图片上传到网络相册;可以应用于公告栏、宝贝描述内。
四、 浮动的图片的代码:
<img alt="1" height="150" src="这里放图片地址"/>
五、 悬浮挂饰代码:
<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />
六、 文字链接代码:
<a href="网页地址">链接的文字</a>
七、 移动文字代码:
<marquee>从右到左移动的文字</marquee>
八、 计数器代码
alt="00Counter.com">
九、 公告里的漂亮悬浮挂件的代码:


十、 公告添加个性的鼠标指针代码:


十一、 宝贝描述加上个性的鼠标指针代码
先选"编辑源文件" ,然后复制以下代码:



另外,还要在源文件底部输入代码:

十二、 添加QQ在线交谈代码:

点击这里给我发消息

注: 这是QQ在线状态的代码,里面的数值要改变,号码和网址改为你自己的,这个链接的作用
是别人可以直接点击联系你而无需加你为好友,使用方法是直接链接。
十三、 下面的代码设置在一定区域内让文字向上滚:"scrollamount="可改变速度。
scrollamount=2>文字

十四、 添加旺旺在线代码:
"http://pics.taobao.com/newstyle/online_pic.gif" border=0>
十五、插渗入渗出-FLASH动画:

十六、让文字左右往返流动:
88亮荘
十七、让文字由下至上滚动:
88亮荘
十八、让文字由左向右流动:
88亮荘
十九、如何让文字滚动起来:
88亮荘
二十、如何让文章中的重要文字变色代码:
我淘心情你淘宝贝
颜色代码附:
1白色 #FFFFFF
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中海绿色 #426F42
69中石板蓝色 #7F00FF
70中春绿色 #7FFF00
71中绿松石色 #70DBDB
72中紫红色 #DB7093
73中木色 #A68064
74深藏青色 #2F2F4F
75海军蓝 #23238E
76霓虹篮 #4D4DFF
77霓虹粉红 #FF6EC7
78新深藏青色 #00009C
79新棕褐色 #EBC79E
80暗金黄色 #CFB53B
81橙色 #FF7F00
82橙红色 #FF2400
83淡紫色 #DB70DB
84浅绿色 #8FBC8F
85粉红色 #BC8F8F
86李子色 #EAADEA
87石英色 #D9D9F3
88艳蓝色 #5959AB
89鲑鱼色 #6F4242
90猩红色 #BC1717
91海绿色 #238E68
92半甜巧克力色 #6B4226
93赭色 #8E6B23
94银色 #E6E8FA
95天蓝 #3299CC
96石板蓝 #007FFF
97艳粉红色 #FF1CAE
98春绿色 #00FF7F
99钢蓝色 #236B8E
100亮天蓝色 #38B0DE
101棕褐色 #DB9370
102紫红色 #D8BFD8
103石板蓝色 #ADEAEA
104浓深棕色 #5C4033
105淡浅灰色 #CDCDCD
106紫罗兰色 #4F2F4F
107紫罗兰红色 #CC3299
108麦黄色#D8D8BF
109黄绿色 #99CC32
二十一、文字加粗,倾斜的代码
文字加粗的代码是: 文字
文字倾斜的代码是: 文字
二十二、换行代码
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输渗入渗出

这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明
如果输渗透一个
,那就是另起一行,如果连续输入两个,即

,那就会空一行
二十三、时钟在背景上显示代码




二十四、中文星期网页特效显示代码:

二十五、添加到收藏夹的代码:
收藏本站
二十六、设为首页的代码:
设为首页
二十七、保护自己的页面不被别人放在框架中:

二十八、状态栏出现打字效果特效代码:
要完成此效果需要两个步骤
第一步:把如下代码加渗入渗出到区域中

第二步:把"onLoad="statusMessage()""加在标记里
例如:
二十九、在标题栏显示时间特效代码
完成此效果把如下代码加入到区域中

附件:
1、增强被搜索的机会(把自己的小店或网站最快推广的方法之一)
http://www.google.com/intl/zh-CN/add_url.html
http://www.baidu.com/search/url_submit.html
http://db.sohu.com/regurl/regform.asp
http://misc.yahoo.com.cn/search_submit.html
2、缩短网址最佳利器:(很多,可以在百度或GOOGLE自己搜索)
http://url.bb258.com/comurl.php
http://www.kuso.cc/
3、计数器申请网站:(很多,可以在百度或GOOGLE自己搜索)
http://00counter.com/
www.88count.com
4.常用图片及动画修理和制作工具下载地址:
图片一般可以PS,动画一般常用PS里面的IMAGEREADY和FLASH软件,为方便新手,可提供免安装注册的绿色软件,以供大家共享之!
PHOTOSHOP CS3 图片处理软件: http://www.greendown.cn/soft/73.html
FLASH8.0动画下载地址: http://www.greendown.cn/soft/520.html
以上信息,为个人装修过程中,学习及总结的东东,仅供大家相互学习借鉴,以抛砖引玉!