目次

掲示板

・質問掲示板

ブログ内にない事で解からない場合はこちらにどうぞ。リクエストもお待ちしてます。記事がある場合は、その記事のコメント欄へ。

ＨＴＭＬとＣＳＳ

・アメブロＨＴＭＬソース	ＣＳＳを弄るにはまずＨＴＭＬを確認。（流し読み程度）
・ＨＴＭＬとＣＳＳ	大体どんなものかを知る。

ＣＳＳ編集画面

・大きく分けて３つ	何処を見ればいいの？ＣＳＳ編集画面は大きく３つに分かれています。
・all_skin部分	最初の部分。個別に設定がない場合、全てのスキンに適応されるＣＳＳ。
・スキン別common.css部分	真ん中の部分を大まかに分けた説明。
・each menu setting部分	真ん中の部分の「each menu setting」を細かに分けた説明。
・advertising部分	真ん中の部分の「advertising」を細かに分けた説明。
・MainColumn部分	真ん中の部分の「MainColumn」を細かに分けた説明。
・ＣＳＳの記述	ＣＳＳ、指定の方法。
・ブログ全体の指定	body#mainIndex　#frame　#subFrame　の設定。
・ブログ構造ヘッダ	#header　#wrap　の設定。
・ブログ構造カラム	#main #sub_main #sub_a #sub_b　の設定。

カスタマイズ

・まず始めに	サイドバーより記事を先に表示させる為に
・３カラムから２カラムへ	２カラム愛用者へ、表示を速くさせる方法（まず始めにの続き）
・サイドバーを左右逆に	３カラム愛用者へ、表示を速くさせる方法（まず始めにの続き）

ヘッダ（タイトル部分）をカスタマイズ

new #header	#header　に色々ＣＳＳを指定してみる
・ヘッダ１	画像ＵＲＬって？画像が縮小される！？
・ヘッダ２	記事やサイドバーに重ねる#frameを利用

ＣＳＳリファレンス

・font	文字のスタイル・文字の太さ・文字の大きさ・文字の種類
・color	文字の色・境界線の色
・text-decoration	文字の装飾。文字にライン
・text-align	文字の位置。左寄せ・中央寄せ・右寄せ
・line-height	行間
・background	背景色、背景画像
・width　height	幅、高さ
・margin　padding	余白・スペース
・border	枠の太さ、枠の色、枠の種類
・overflow	はみ出し部分の表示方法。表示しない、ボックスをスクロール
・scrollbar	スクロールバーの色変更
・display	表示形式。ブロック・インライン・リスト・非表示
・visibility	非表示。↑display:none;との比較
・float	回り込み。2コラムや3コラムなどで使用
・position	ボックスの位置。2コラムや3コラムなどで使用
・z-index	重なったボックスの表示順序。
・a	リンクの指定。色・アンダーライン・背景など
・list-style	リストの指定。リストのマーク
・まとめ	ボックスにＣＳＳを指定。classとidへCSSを指定

無料素材配布

・無料素材

当ブログで使用した素材を無料配布。