*{ padding:0px; margin:0 auto; }img{ border:none; padding-bottom:8px;}body{font-size:12px; line-height:20px;}如何添加如e寶寬屏banner第一步: 進(jìn)入后臺可視化視圖,在banner位置先拖一個一行一列的布局,然后在拖一個banner魔方放在這個布局里面(如圖1.1)。banner魔…
如何添加如e寶寬屏banner
第一步: 進(jìn)入后臺可視化視圖,在banner位置先拖一個一行一列的布局,然后在拖一個banner魔方放在這個布局里面(如圖1.1)。banner魔方的寬高根據(jù)你需要大小設(shè)置(寬度根據(jù)電腦分辨率來定),如圖1.2。
(圖1.1所示)

(圖1.2所示)
第二步: 設(shè)置好魔方和布局后,需要給banner在浮動時候騰出一個高度來放banner魔方,banner在頂級框架內(nèi)就選擇頂部框架的css樣式表設(shè)置底部間距(跟魔方高度一樣),banner在內(nèi)容框架里就選擇內(nèi)容框架css樣式表設(shè)置頂部間距(跟魔方高度一樣)如圖1.3所示 。
(圖1.3所示)
第三步: 進(jìn)入頁面文件管理,點擊banner所在頁面的修改進(jìn)入代碼視圖,banner魔方自身布局設(shè)置樣式: style="width:1423px; MARGIN: 0px auto;" ,外框布局樣式設(shè)置:style="width:100%; position:absolute; left:0px;",如圖1.4所示 。
備注:如果設(shè)置好這里還要進(jìn)入可視化,需先把剛剛這里添加的代碼刪除再進(jìn)可視化。

(圖1.4所示)
屬性介紹:
position:absolute (對banner魔方進(jìn)行絕對定位)
left:0 (對banner魔方靠左對齊)
第四步: 圖片上傳
選定欄目 >> 欄目圖片上傳,然后在前臺查看效果如圖1.5。
(注意圖片的寬度跟設(shè)置的魔方寬度一致。)
(圖1.5所示)