共有テンプレートとカスタマイズ方法をちょっとだけ紹介。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

幅を広げる

~まずやってみよう~

※共有テンプレート「asagi-simple01」を使った例です。
スタイルシートで↓の部分をさがす。

/* レイアウト用ブロックの設定
----------------------------------------- */
	#container {
		width : 800px;
		margin-left : auto;
		margin-right : auto;
		background-color : transparent;
		text-align : left;	
	}
~~~~~~~~中 略~~~~~~~~~~
	.column {
		margin : 5px 0;
	}

/* タイトル・サイトの説明部分の設定
----------------------------------------- */

「/* レイアウト用ブロックの設定」以下「/* タイトル・サイトの説明部分の設定」の手前まで(「#container」~「.column」)の部分を削除し、↓のお好みのものに書き換えてください。
※枠の中をクリックすると全文が選択されますので、コピーしてご利用ください。
▼サイドの幅を広げる▼

▼メインの幅を広げる▼

▼メイン・サイドの幅を広げる▼


~解説~

幅が広くなりましたか?ご自身のブログにあわせてご利用下さい。
メインのカラムは幅480px程度、両サイドには幅200px程度までの画像が入るようになります。メインを広げた場合、横幅468px(バナーサイズ)も利用できるようになりますのでご活用下さい。

詳しい説明は省略させていただきます。他の幅に変えたい場合は数字を変える必要がありますが、自己責任でお願いします。

★カスタマイズについて★

カスタマイズはご自由にどうぞ。
再配布も○ですが↓のことを守ってください。

・ページ下部の「Template designed by SYU_ASAGI」のリンクは削除しないで下さい。

・カスタマイズした場合、「arranged by ●●」と追記してください。

プロフィール

浅葱 愁

管理人  浅葱 愁(あさぎ しゅう)

▽ブログ名▽
浅葱愁のつれづれなるままに
▽URL▽
http://syuasagi.blog95.fc2.com/


当ブログはリンクフリーです。

MENU

◆共有テンプレート◆
「asagi-simple01」
「asagi-simple02」
注意事項も記載してますので、ご利用前にそれぞれ目を通してください。
コメントナンバーの表示について(01.02共通)
検索バーを非表示にする
◆テンプレートカスタマイズ◆
「asagi-simple01」を使った簡単なカスタマイズ方法を紹介。
はじめに
準備
色について
■文字のカスタマイズ
文字の色を変える
リンク部分の文字色を変える
本文を左寄せにする
■幅のカスタマイズ
幅を広げる
■枠のカスタマイズ
線の種類を変える
■背景のカスタマイズ
背景を変える

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。