Tag Archives: ページ作成

横並びメニューを入れた、ヘッダーを作ってみる

・
 

リストタグをdisplay : inline;で、横並びにし、作ったメニューを使い、ヘッダーを作ってみました。
素材によって、ずいぶん印象が変わると思いますよ!
display : inlineで、横並びのやり方は、こちらから


Continue Reading

2カラムのページを作ろう 9 今日で完成!


 

2カラム……

いよいよ、今日で、完成ですよ!

頑張っていきましょう!



Continue Reading

2カラムのページを作ろう 8 フッターの設定 floatの解除

今回のフッター部分作成で、スタイルの設定は、終了です。

Continue Reading

2カラムのページを作ろう 7 サイドバー メニューの設定【display : block】でボタンぽく

ページの構造概念図

いま作っているもののサンプルページは、こちらから

左サイドメニューの設定だよ~~~

Continue Reading

2カラムのページを作ろう 6 メイン記事設定【overflow : auto;】で小窓を作る

今回は、フロートさせた、メイン記事部分の設定です。

【overflow : auto;】というスタイルを使って
こんな小窓を作成します。
動かしてみてね~~
 
 
 
 
 
 
 
 

 
Continue Reading

2カラムのページを作ろう 5 float フロートの設定

いよいよ、2カラム(二段組み)のメインの部分。
スタイルで、フロート設定をしていきます。
float(フロート)については、
こちらにまとめてありますので、先に読んでね!

Continue Reading

2カラムのページを作ろう 3 ヘッダー部分のスタイル設定

今日は猫の日 猫の画像

今日は、2月22日ニャンコの日です!
GIMPでやっつけで画像を切り抜きました……
ふちが、ざつだね……(>_< ) うちの子ではありませんよ。
さて、今日は、ヘッダー部分のスタイルの設定をしていきます。


Continue Reading

2カラムのページを作ろう 2 CSSリセットから外枠の設定

今日は、スタイルのリセットと、外枠の設定。

短くて、ごめんなさい(>_< )

お詫びに↓↓↓管理人が作ったヘタクソ・アイコン良かった持って帰ってね!
白背景で使ってね。
ハートのアイコン赤  ハートのアイコンピンク

Continue Reading

2カラムのページを作ろう 1 はじめに

2カラムはじめま~~す

2カラムサンプル画像

こんなのを作っていきます。
画像クリックで見本のページへ飛びますよ!

やっつけで、作ったでしょ!!?

そ、そ、そんなことは、ないですよ^^;

Continue Reading

1カラムの簡単なページを作る 13 HTMLタグを挿入してスタイルを設定する(1)

これから、下記の図のような箱を作っていきます。
順番は、
一番外の箱 → ヘッダー入れて、その中に、タイトル → メニュー → 
→中の箱見出し入れて、その中に、見出しとコメント(繰り返し) → フッター

a_bl1208.gif

ポイントです。
改行キーに注意してください。

Continue Reading