webflow014-01

STUDY

ドロップダウンメニューの設定(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)前のページ

フレックスボックスの設定(webflow)次のページwebflow015-01

関連記事

  1. webflow009-01

    STUDY

    タブの使用(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いてい…

  2. filmora032-01

    Filmora

    26種類のフレームオーバーレイ(後半)(Filmora)

    26種類のフレームオーバーレイ(後半)(Filmora) from…

  3. Filmora031-01-01

    Filmora

    26種類のフレームオーバーレイ(前半)(Filmora)

    26種類のフレームオーバーレイ(前半)(Filmora) from…

  4. webflow002-01

    STUDY

    スライドショーの設置(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はスライド…

  5. filmora-pho011-01

    Filmora

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

    トランジション「ベーシック編3」; from yasuo kish…

  6. container_img01

    STUDY

    コンテナの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いてい…

  1. ch-lipthink01

    Character Animater

    シーンオーディオからリップシンクを計算(Adobe Character Anim…
  2. randomizer01

    Adobe Muse CCを使ったホームページ制作

    イメージのランダム表示(Adobe Muse)
  3. eyecatch-200614

    After Effects

    エフェクト/ブラインドを使ったモーショングラフィックス(After Effect…
  4. sidebar-connect02

    Adobe Muse CCを使ったホームページ制作

    強力サイドバーナビゲーションシステム(Adobe Muse)
  5. studio13-01

    STUDIO

    マウスオーバーによるボタンアクション集を制作(STUDIO)
PAGE TOP