studio08-01

STUDIO

STUDIOでタブ切り替えコンテンツの掲載

STUDIOでは、タブ切り替えコンテンツの掲載ができます。

サンプルページはこちらから

詳しい制作方法はSTUDIOのサイトのブログ「STUDIOでタブ切り替えを実装する方法」で紹介されています。

STUDIOでタブ切り替えを実装する方法

【注意点】
ポイントはコンテンツのマージントップにマイナスの数字を入力して、
タブとコンテンツのトップの位置を揃えることです。
上記の設定をしない場合、タブを選択した際にコンテンツのトップの位置が画面上部に移動してしまい、
タブが画面の外に隠れてしまうことがあります。

studio08-03

▼解説①(拡大表示できます)
studio08-04

▼解説②(拡大表示できます)
studio08-05

studio07-01STUDIOを使って時短で低価格の本格的なホームページを制作します前のページ

「グリッチスライドショー」というPremiere Proテンプレートを使用して作成。次のページpr-thumbnail20200904-2

関連記事

  1. studio07-01

    STUDIO

    STUDIOを使って時短で低価格の本格的なホームページを制作します

    ホームページ制作過程におけるコーディング作業の負担は、スマホ対応によっ…

  2. studio11-01

    STUDIO

    サンプルサイト10/テーマ:家具製作所

    STUDIOで家具製作所をテーマにしたサンプルサイトを制作しました。…

  3. studio04-01

    STUDIO

    WordPressを使わずにSTUDIOでニュースサイトを構築する

    STUDIOのCMS機能を使って、WordPressで作成したようなニ…

  4. studio-001

    STUDIO

    『STUDIO』を始める

    『STUDIO』をというホームページを作成するためのサービスを使い始め…

  5. studio10-01

    STUDIO

    サンプルサイト08/テーマ:歯科医院

    STUDIOで歯科医院をテーマにしたサンプルサイトを制作しました。…

  6. studio12-01

    STUDIO

    写真を表示させる歳のアニメーションを制作

    STUDIOの機能を利用して、写真を表示する際のアニメーションを1…

  1. photoshop-art005

    Photoshop

    Photoshop Art 005
  2. animated-intro-001

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

    イメージ上のテキストにアニメーションを(Adobe Muse CC)
  3. gif-animation03

    Adobe Animate CCを使ったコンテンツ制作

    GIF ANIMATION 03
  4. sample01-01

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

    アダプティブWebデザイン/サンプル01(Adobe Muse)
  5. zoom-and-pan-slideshow-01

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

    ズームとパンスライドショー(Adobe Muse)
PAGE TOP