Tag Archives: 2カラム

flot(フロート)の解除は、やっかいだ!


 

あれ~? メニューは?

いろいろ考えたのですが、
フロートの解除の説明をしないと、ムリ!かと思いましたので、僭越ながら、先にそれをチョロっと……



 
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

Q&A 2カラムの作り方 2カラムの構造

ごあいさつ

いや……すっかりご無沙汰でございます。
皆さまいかが、お過ごしでしょうか?
放置ブログでございますが、有り難い事にコメントを頂戴致しました。
はじめてのことで、ものすごく、嬉しかったです。
誰も見てないのかな~~(ちょっとシンミリ)と思っていたので。
これを機に、ボチボチ再開していこう!!(←希望的観測?)
今回は、タイトル通り2カラムについて、ちょっとだけ、説明します。
ブログの操作方法、忘れちゃったよ……とほほ(>_<)

Continue Reading