横メニューナビゲーション HTML・CSS作成 | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

★ 横メニューナビゲーション HTML・CSS作成



① ヘッダー下に配置するメニューです。

② 位置調整 は、上からの位置は、ブログのスキンの縦の長さにあわせて調整
  して下さい。
  左からの位置は、0 のままで問題ありませんが、場合によっては、調整をしてください。

③ ペタは、ブログからのペタのリンクです。

④ ヘッダー下の余白がCSS内の下の方に設定がされています。
  調整して下さい。

⑤ ウインドウを拡大・縮小しても位置がずれない処置は、既にある場合は必要がありません。


⑥ HTMLは、フリースペースへ入れて下さい。
  フリースペースを使用していない場合、下記から使用する機能に
  フリースペースを移動して下さい。
  フリースペースがあるサイドバーを絶対配置(position:absolute;)している
  場合は、横メニューはヘッダー下に配置できません。
  
  フリープラグインへ入れる場合は、フリープラグインを使用する機能にしてください。

◆ やり方は下記です
   http://blog.ameba.jp/ucs/sidebar/srvsidebarupdateinput.do


⑦ CSSとHTMLの2つ作成されます。
必ず、CSSはCSSへ入れる。HTMLはフリースペース又はフリープラグインへ
入れてください。

CSSは基本的に文字を表示できません。文字は、HTMLで表示します。
この横メニューは、CSSとHTMLの2つ合わさって機能します。