webflowを使用してのサイト制作を進めながら学習したことを書いていきます。
今回は[Tabs]の使用方法を紹介します。
◎Components／[Tabs]をドラッグして、画面上に配置します。
◎[Tabs Menu]と[Tabs Content]にパートが分割されています。
◎[Tabs Menu]の編集作業
・タブの名称はText BlockをWクリックして編集する。
・タブの数は「＋」を選択して増やせます。
◎[Tabs Content]の編集作業
・コンテンツを配置したい[Tab Pane]を選択する。
・テキストや画像を配置して編集していく。
◎[Tabs Menu]のデザインを変更する。
・タブを選択した状態で、Selector:で名称を設定。（例）Tab Link
・残り２つについても同名称を選択する。
・デフォルト、マウスオーバーなどそれぞれの状態の設定を行う。
▽サンプル
▷Adobe Museでホームページの制作／岸岡デザイン事務所
http://y-kishioka.com
▷Movie Web Magazine／KISHIOKA.DESIGN
http://kishioka.design
