如何使用Tab組件?
如何使用Tab組件?
發布日期:2017-06-28
瀏覽次數:2829
這篇教程將介紹如何使用活動組件中的Tab效果。
1. 添加組件:點擊頁面中的“+”,添加活動組件->Tab效果。

2. 添加內容:點擊Tab組件中的“+”或者工具條上的“+”添加內容。

3. 通過工具條上的“+”可以新增內頁。

4. 點擊齒輪按鈕可以打開Tab設置。

5. 在設置中,可以新增內容、編輯內頁名稱等。點擊【快捷格式】按鈕可以選用系統預先設定好的樣式。

6. 點擊【編輯內部區域】,可以對內頁進行區塊和專欄設置,退出設置點擊【退出內部編輯】。


其它參數介紹:
【按鈕欄設置】:設置按鈕欄的寬度、顏色、邊框、位置等。
【按鈕設置】:設置按鈕的寬度、背景、字體、顏色等。
【內容區域邊框】:設置是否顯示內容區域邊框,以及邊框顏色等

下面展示幾種用tab組件做出的效果:
效果1:
用戶使用說明
此Tab效果僅適用于包含背景顏色或背景🤡圖片的設計,由于當前內容區邊框及懸浮按鈕邊框、背景皆設置為不顯示或透明狀態,所以在去掉背景顏色或圖片時🌳您將無法識別Tab組件與背景的界限。
- 在起飛頁自助建站平臺,您不需要任何編程基礎,就能做出功能強大,效果出眾的專業級網站;
- 真正的響應式建站,無論是在電腦的大屏幕,還是手機小屏幕上,網站都能友好地展示;
- 您的訪客還可以注冊成為會員,并進行在線購物;
- 如果您需要多語言版本,起飛頁也可以輕松為您實現;
- 無需額外設置,平臺自動為您生成網站地圖(sitemap),幫助搜索引擎全面地對網站進行索引;
- 頁面標題、頁面描述以及靜態化鏈接技術也可以幫助您更加輕松地獲得較高的關鍵詞排名。
- 在起飛頁自助建站平臺,您不需要任何編程基礎,就能做出功能強大,效果出眾的專業級網站;
- 真正的響應式建站,無論是在電腦的大屏幕,還是手機小屏幕上,網站都能友好地展示;
- 您的訪客還可以注冊成為會員,并進行在線購物;
- 如果您需要多語言版本,起飛頁也可以輕松為您實現;
- 無需額外設置,平臺自動為您生成網站地圖(sitemap),幫助搜索引擎全面地對網站進行索引;
- 頁面標題、頁面描述以及靜態化鏈接技術也可以幫助您更加輕松地獲得較高的關鍵詞排名。
效果2:
- 在起飛頁自助建站平臺,您不需要任何編程基礎,就能做出功能強大,效果出眾的專業級網站;
- 真正的響應式建站,無論是在電腦的大屏幕,還是手機小屏幕上,網站都能友好地展示;
- 您的訪客還可以注冊成為會員,并進行在線購物;
- 如果您需要多語言版本,起飛頁也可以輕松為您實現;
- 無需額外設置,平臺自動為您生成網站地圖(sitemap),幫助搜索引擎全面地對網站進行索引;
- 頁面標題、頁面描述以及靜態化鏈接技術也可以幫助您更加輕松地獲得較高的關鍵詞排名。
- 在起飛頁自助建站平臺,您不需要任何編程基礎,就能做出功能強大,效果出眾的專業級網站;
- 真正的響應式建站,無論是在電腦的大屏幕,還是手機小屏幕上,網站都能友好地展示;
- 您的訪客還可以注冊成為會員,并進行在線購物;
- 如果您需要多語言版本,起飛頁也可以輕松為您實現;
- 無需額外設置,平臺自動為您生成網站地圖(sitemap),幫助搜索引擎全面地對網站進行索引;
- 頁面標題、頁面描述以及靜態化鏈接技術也可以幫助您更加輕松地獲得較高的關鍵詞排名。
效果3:
用戶使用說明
此Tab組件最外層邊框來自于區塊專欄的邊框設置,當前內容區邊框設置為不顯示狀態.
- 在起飛頁自助建站平臺,您不需要任何編程基礎,就能做出功能強大,效果出眾的專業級網站;
- 真正的響應式建站,無論是在電腦的大屏幕,還是手機小屏幕上,網站都能友好地展示;
- 您的訪客還可以注冊成為會員,并進行在線購物;
- 如果您需要多語言版本,起飛頁也可以輕松為您實現;
- 無需額外設置,平臺自動為您生成網站地圖(sitemap),幫助搜索引擎全面地對網站進行索引;
- 頁面標題、頁面描述以及靜態化鏈接技術也可以幫助您更加輕松地獲得較高的關鍵詞排名。
當今最領先的響應式自助建站平臺,我們的流線式網頁布局設計方案和可ꦬ視化圖文內容編輯模式讓網站制作和維護成為一件輕松愜意的事。無論您是普通互聯網用戶, 還是專業網站制作人員,都能使用起飛頁設計出最具專業水準的網站。想創建一個簡單的單頁式站點,還是一個專業的公司網站,亦或是一個別具一格的博客?起飛頁可以滿足您的所有需求。我們是響應式網站的倡導者,所有前端頁面代碼均采用HMLT5和CSS3實現。起飛頁提供了海量精美網站模板和成品網站,幾乎覆蓋了當今各個行業,您只需在模板上進行少量修改,即可完成自己的網站,這一切都是免費的。