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カラムの簡単なページを作る 1 はじめに

とても、簡単な、上のようなページをつくります。
もちろんCSS(スタイルシート)を使い、作っていきます。

実際のページは、こちらです。

Continue Reading