アイフレってなに? | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

Q アイフレってなに?

答え アイフレは、外付けのメッセージボードの様なもの。




① アイフレは、外付けのメッセージボードの様なもの。

  自己紹介や規約など色々な情報を載せることに利用できます。
  メッセージボードは、ブログホームにしか表示されないのに対して
  アイフレは、ブログホーム以外にも表示できます。


② アメーバの改造を行っている若い子の中で、言われているもので
  絶対配置されていて、スクロールバーがついているもの。


③ iframe(インラインフレーム)に見た目が似ているので、
  i(アイ)frame(フレーム)を足してアイフレ(アイフレーム)
  呼ばれる様になりました。(たぶん)


④ 絶対配置されていなくても、スクロールバーがついていればアイフレと
  呼ぶ人もいます。


⑤ 絶対配置するためには、XY座標で配置場所を指定します。
  
  ヘッダー+コンテンツ全体(フレーム)が画面(ウインドウ)の
  大きさに合わせて、自動的に中央に位置するので、
  ヘッダー+コンテンツ全体(フレーム)の左上に起点を決めなければ
  絶対配置ものの位置がずれて見えてしまいます。

  XY座標は、ヘッダー+コンテンツ全体(フレーム)の左上を
  top:0px; left:0px; とします。
  topは、下に行くほど数値が高くなります。
  leftは右に行くほど数値が高くなります。
  マイナズの値も指定できます。




⑥ 新スキンの場合は下記のCSSで起点を決めます。



/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に   */
/* ------------------------------------------------------- */
.skinFrame2{
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
width:980px;/* 調整が必要 */
}