面倒を減らせるインラインフレーム


*


*
もじ文字 有意義な労働 健康と衛生 執筆への道標 そもそも学 更新情報

創作活動歴 | 作品紹介 | 小説投稿サイト | ホームページ | おすすめ小説 | サウンドアドベンチャーゲーム

執筆への道標

* *
*
創作ホームページ

面倒を減らせるインラインフレーム

ページ数が増えていくと
全ページに対して
定期的な更新情報やお知らせなど
ページごとに更新しなくても出来る方法がないか
知りたくなるものです。

各ページの指定した場所に
共通した同じ内容を
どのように設定すればよいかを紹介します。

ひとつの掲示板やコメント受付コーナーを
全ページに表示したい場合にも利用できます。

簡単にHTMLとCSSのタグを利用して行うことができます。


「インラインフレーム」


●HTMLのタグ

<iframe src="URLを入力" class="CSS用の言葉" scrolling="autoまたはno"><a href="URLを入力">題名や注意事項</a></iframe>


●CSSのタグ

iframe.CSS用の言葉{height:縦の長さを入力(数字)px;width:横の長さを入力(数字)px;}


HTMLのタグを
「index.html」や
「page.html(001〜)」の
好きな場所に入力します。

「URLを入力」に
更新情報やお知らせや掲示板があるURLを入力します。

「CSS用の言葉」に
任意で半角英数字の言葉を入力します。
掲示板であれば「keiziban」
お知らせであれば「osirase」でもかまいません。

「autoまたはno」は
小窓に入りきれない情報を見るためのスクロールが
表示されるかどうかを選択できます。

スクロールさせる場合は「auto」を
スクロールさせない場合は「no」を選択します。

「題名や注意事項」に関して
インラインフレームがブラウザによって
対応していない場合があります。
その場合には
移動してほしいリンク先の「URLを入力」や
リンク先の題名や
「インラインフレームが対応していない場合はこちらへどうぞ」
などの注意事項を入力しておきます。

インラインフレームに対応しているブラウザの場合は
「題名や注意事項」は表示されません。


CSSのタグを
「main.css」や
「page.css」へ入力します。

「CSS用の言葉」に
HTMLのタグに入力した
同じ「CSS用の言葉」を入力します。

「縦の長さを入力(数字)」に
好きな大きさの縦幅を指定します。

「横の長さを入力(数字)」に
好きな大きさの横幅を指定します。

どのようなイメージになるか確認したい場合
縦も横も「300」と入力してみると
大きさが理解できると思います。
インラインフレーム以外の方法で
こちらの方法もおすすめいたします。

共通ページ項目の修正を簡単にするPHP

どうぞご利用くださいませ。



   ■創作ホームページ 一覧へ戻る
   *


 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
*




     




*その他コンテンツ











プロフィール&創作作品
もじ文字
サイトマップ
もじ文字 更新情報



健康と衛生
そもそも学
執筆への道標
有意義な労働



With the exception of the work that has been provided with the consent,
all of the copyright is owned by the administrator of もじ文字 _since2013_
同意を得て提供されている作品や紹介されている不特定多数の作品を除いて
当サイトに掲載されている著作権の全てをもじ文字の運営者が所有しています。