menu

ドロップダウンメニューの設定(webflow)

webflowを使用してのサイト制作を進めながら学習したことを書いていきます。
今回はドロップダウンメニューの設定方法を紹介します。

◎Components/[Dropdown]をナビゲーション箇所に配置する。

webflow014-02
webflow014-03

◎下の階層のメニュー設定を行うには、配置したドロップダウンメニューを選択した状態で
Navbar Settings/Open Menuをクリックする。

webflow014-04
webflow014-05

◎テキストの入力やボタンのデザイン編集を行い、
Link Settingsで各ボタンのリンク先設定を行う。

webflow014-06
webflow014-07

▽サンプル
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

webflow013-01フィルタの設定(webflow)

webflow015-01フレックスボックスの設定(webflow)

関連記事

  1. filmora-pho029-01

    Filmoraで動画編集〜スピードコントロール(Filmora)…

    Filmoraで動画編集〜スピードコントロール(Filmora) from yasuo kish…

  2. filmora-pho011-01

    トランジション「ベーシック編3」(Filmora)

    トランジション「ベーシック編3」; from yasuo kishioka on Vimeo.…

  3. audition02

    動画のBGMにはbeatgain.comとAudition CC…

    前回、制作した「Keynote Animation」ですが、一部(20〜30点程)フリーで利用可…

  4. webflow018-01

    セクションの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「セクション…

  5. filmora-pho024-03

    ビューティーコレクション/オーバーレイ9種(Filmora)

    ビューティーコレクション/オーバーレイ9種(Filmora); from yasuo kishi…

  6. filmora018

    ファッションコレクション/オーバーレイ10種(Filmora)

    ファッションコレクション/オーバーレイ10種(Filmora); from yasuo kish…

  7. webflow013-01

    フィルタの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフィルタの設…

  8. webflow011-01

    ブレークポイントで画像のサイズを変更する(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はブレークポイ…

PAGE TOP