studio08-01

STUDIO

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

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

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

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

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

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

studio08-03

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

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

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

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

関連記事

  1. studio03-01

    STUDIO

    背景動画、スクロールアニメーション、CMSの導入をテーマにページを作成しました。

    『STUDIO』でホームページの制作今回(サンプルサイト03)…

  2. studio05-01

    STUDIO

    STUDIOにない機能をiframeで読み込んでサンプルページを作成しました

    スライドショーとサムネールからイメージを拡大表示させるコンテンツを…

  3. studio06-01

    STUDIO

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成しま…

  4. studio10-01

    STUDIO

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

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

  5. studio02-01

    STUDIO

    あらかじめサイズを規定してサンプルページを作成

    ブラウザの画面が9種類。▶1920px-Full HD▶1…

  6. studio-001

    STUDIO

    『STUDIO』を始める

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

  1. image-shapes-a-01-2

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

    ポリゴンの数値による画像のモーフィング(Adobe Muse)
  2. filmora-pho009-02

    Filmora

    トランジション「ベーシック編1」(Filmora)
  3. bubble-background01

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

    画面背景にバブルアニメーション(Adobe Muse CC)
  4. animator01

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

    130種類以上の中からアニメーションを選択(Adobe Muse CC)
  5. musexpress2_0-10

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

    MuseとWordPressの連携(その7/Adobe Muse)
PAGE TOP