淘寶裝修基礎版全屏店招


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}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM