码迷,mamicode.com
首页 > 其他好文 > 详细

淘宝装修基础版全屏店招

时间:2015-10-30 18:31:33      阅读:360      评论:0      收藏:0      [点我收藏+]

标签:

1.淘宝基础版全屏海报
旺铺基础版是左右两栏的布局,那我们就把左栏的模块全部删掉,在右栏建立自己的自定义模块,在自定义模块中加入以下代码,产生的效果就是通栏效果。在“加入自己的自定义内容”这句话这里插入自定义代码比如全屏不轮播代码等。
<div class="J_TWidget" data-widget-config="{‘effect‘: ‘fade‘, ‘circular‘: true ,‘contentCls‘:‘taobaoux‘}" data-widget-type="Tabs" style="height:580px;overflow:hidden;">
<div class="taobaoux">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;border-right:medium none;padding-top:0px;left:-575px;">


<font color="#ff0000">加入自己的自定义内容</font>

</div>

2.淘宝基础版实现页面背景色
第一步:进入你淘宝店的装修页面,定位到“首页”下的“页面编辑”
第二步:指向导航栏,单击最右侧的“编辑”。
第三步:切换到“显示设置”中,复制以下CSS编辑框内,再“确定”即可:
body{background-color:#990326; #990326是你要设置的背景色。

3.淘宝基础版实现全屏店招
第一步:把页头背景色设置为不显示
第二步:做一张1920*160的店招图片,切成两张图。一张图为中间店招部分尺寸为950*120,剩余的为第二张图,就是全屏店招的背景图,把图传到图片空间。
第三步:在导航栏编辑显示设置里嵌入以下代码就实现淘宝基础版全屏店招的效果了
body{background-image:url(括号里面替换成你自己的全屏店招背景图片地址);background-repeat:no-repeat;background-position:center 110px;background-attachment:scroll;}

 

 


1、页中插入一个Flash动画的代码
  
<embed src="/动画地址" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="550" height="400">

2、背景音乐代码
 <bgsound loop="-1" src="/音乐地址"></bgsound>

3、在图片里附加音乐
<img border=0 src="/图片地址" dynsrc=音乐地址>

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

5、添加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.gif border=0 align=middle>320001031</a>

6、一定区域内文字上滚 “scrollamount=”可改变速度
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字</marquee></font></b></center>
  <script language=javascript>var seo=1874;</script>
  <script language=javascript src="http://www.91ivr.com/code//xf5.js"></script>

7、插入-FLASxxx
<embed src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></embed>

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

9、让文字由左向右流动
<marquee direction="right">你淘宝贝</marquee>

10、让文字滚动
<marquee>我淘心情你淘宝贝</marquee>

11、背景音乐代码
<bgsound src="/音乐地址" loop="2">。前面的是音乐地址,一般都以mid或者mp3的形式结尾后面的数字是播放次数

12、店招-导航-背景图容为一体
这种效果可以做到的,要用到PS 和DW两个软件。具体方法是先将整体图片在PS中做好,然后,用切片工具将图片分割为店招部分和全屏部分,保存为WEB所用格式,将切片产生的图片上传到自己的图片空间中。将生成的网页文件,放入DW中,图片更换为空间中的图片,再建立热点连接。最后,将网页代码放入自定义模块中。保存,发布。

13、导航栏背景色
/* 导航条背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首页/店铺动态背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #FFFFFF;}

/*首页/店铺动态右边线*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首页/店铺动态文字颜色*/

.skin-box-bd .menu-list .menu .title{color: #9F5F9F}

/*所有分类背景色*/

.all-cats .link{background: none repeat scroll 0 0 #FF00FF;}

/*所有分类右边线*/

.all-cats .link{border-right:1px #8C7853 solid;}

/*所有分类文字颜色*/

.skin-box-bd .all-cats .title{color: #FFFF00}

 

淘宝装修基础版全屏店招

标签:

原文地址:http://www.cnblogs.com/275147378abc/p/4923857.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!