添加通(tōng)欄模塊并添加内容
通(tōng)欄是一個(gè)橫貫左右兩邊的(de)欄目,很多(duō)時(shí)候,通(tōng)欄都會用(yòng)于突顯一些視覺效果并形成與頁面背景或者站點背景形成鮮明(míng)的(de)對(duì)比,以求達到網站吸引眼球的(de)效果。常用(yòng)的(de)位置:網頁頂部、中上部位、底部

 

1. 進入編輯頁面點擊左側的(de)添加按鈕,然後會看到通(tōng)欄模塊:

1574750579925136.png

2.用(yòng)鼠标把這(zhè)個(gè)模塊拖動到頁面上然後會看到灰色部分(fēn)就是通(tōng)欄了(le),新添加的(de)通(tōng)欄是沒有内容的(de),您可(kě)以直接在裏面新增模塊,或者将原有的(de)模塊拖入這(zhè)個(gè)通(tōng)欄中成爲通(tōng)欄中的(de)元素并且可(kě)以一起拖動:



1578453991486409.png

3.上圖的(de)通(tōng)欄是還(hái)沒有添加任何模塊的(de),用(yòng)戶可(kě)以自行将一些文字,或者圖片模塊添加到通(tōng)欄(限内容區(qū)),如下(xià)圖:通(tōng)欄裏面可(kě)以添加文本、圖片模塊或者其它模塊,圖示中已經添加一個(gè)模塊。


如圖,當拖動一個(gè)模塊到通(tōng)欄中,隻要見到通(tōng)欄的(de)内容區(qū)有橙色虛線,意味著(zhe)這(zhè)個(gè)模塊已經在通(tōng)欄區(qū)域中,放手後,就可(kě)以直接拖動通(tōng)欄來(lái)将整個(gè)通(tōng)欄和(hé)内部的(de)元素移動。

1569720665777941.png

4.通(tōng)欄的(de)大(dà)小可(kě)以通(tōng)過拖動邊框調整大(dà)小,點擊屬性功能 按鈕可(kě)以更換通(tōng)欄背景,背景和(hé)其它的(de)任何模塊的(de)背景一樣,可(kě)以是顔色的(de)填充,也(yě)可(kě)以是一張水(shuǐ)平或者垂直重複的(de)圖片。調整的(de)方式也(yě)和(hé)文本模塊、圖片模塊等的(de)背景是完全一樣的(de)。

1569720646805089.png

 
5.使用(yòng)背景視頻(pín),
   
 點擊屬性後勾選使用(yòng)背景視頻(pín),然後錄入視頻(pín)地址即可(kě)

1574751223283306.png

自動播放:不勾選,視頻(pín)将出現控件,需手動控制播放

循環播放:不勾選,視頻(pín)隻播放一次即自動停止

透明(míng)度:可(kě)以調整視頻(pín)的(de)透明(míng)度,并且可(kě)設置遮罩顔色

背景:設置通(tōng)欄的(de)背景,原本的(de)設置項

在Chrome 66 版本及之後版本,谷歌(gē)已經将帶聲音(yīn)的(de)視頻(pín)自動播放默認禁止。 如果勾選打開聲音(yīn)Chrome下(xià)将無法自動播放視頻(pín)

FAQ

Q.背景視頻(pín)透明(míng)度設置無效。

A .必須用(yòng)背景視頻(pín)後,透明(míng)度設置才有效,如果沒有視頻(pín)變通(tōng)的(de)方式是圖片鏈接然後設置 透明(míng)度


6、固定顯示 

一、在編輯界面點擊添加-》選中通(tōng)欄模塊拖拽到需要的(de)位置



二、選中模塊,點擊屬性 設置固定顯示 (勾選)

1578453971135194.png

三、選中模塊拖拽到通(tōng)欄中直到出現 橙色邊框 然後保存即可(kě)



四、如果預覽沒有能固定的(de)處理(lǐ)

把模塊移出通(tōng)欄,然後再移回通(tōng)欄直至出現橙色邊框 然後保存即可(kě)。

五、如果需要固定在底部需要把模塊放在底闆中,勾選時(shí)會顯示底部。



7*24小時(shí)服務
專業設計開發
專業技術支持
系統操作簡便

電話(huà):15207792003

QQ:228818230

郵箱:228818230@qq.com

微信客服

Copyright © 2009-2024 北海市遊資網絡科技有限公司 版權所有 京ICP證000000号

在線
客服

在線客服服務時(shí)間:9:00-23:00

QQ客服在線:

  • 點擊這(zhè)裏給我發消息

客服
熱(rè)線

聯系我們歡迎來(lái)電咨詢

電話(huà):15207792003

關注
微信

微信咨詢
頂部