ブログ全体の表示位置を変更する方法

ブログ全体の表示位置を変更する方法をご説明します(・∀・`*)

シンプルブログデザインのテンプレートでは


/* 外枠 */

#container{
width: 730px;
margin: 0 auto;
border: silver 1px solid;
}

という部分でブログ全体の表示位置を指定してあります。

margin: 0 auto;


外側の余白(margin)を 上下「0」 左右「自動調整」して取る
ということを表しています。

省略形ではなく詳細に書き換えると
上外側余白=0px 右=auto 下=0px 左=auto (上から時計回り)
と表記すればよい訳ですから

margin: 0px auto 0px auto;

となります。

例えば
ブログ全体を左に寄せたい場合は

margin: 0px auto 0px 0px;

と指定します。・∀・。)!


ご質問いただいたユーザー様へ
ブログにパスワードがかかっており訪問レスができませんでしたので
この記事エントリーで代わりとさせていただきました
素敵なブログにしてくださいね☆
今後ともシンプルブログデザインをよろしくおねがいします ・∀・。)/

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


背景色を変更する方法

背景の色を変更するには
「テンプレートの設定」でスタイルシート(CSS)で
「background-color」を指定します。

例えば
背景を変更したいところに

background-color : black ;
または
background-color : #000000 ;

を追加(書き換え)すると
背景色を「黒(black #000000)」に変えることができます!

色の種類は
「色 パレット」と検索すると色サンプルを見ることのできる
サイトがたくさんヒットするのでそちらをご参照ください ・ω・`)ノ

シンプルすぎるくらいのシンプルブログデザインのテンプレートも
ボーダーで四角く囲ってある部分(ヘッダー、プラグインタイトル、
記事タイトル、フッターなど)の色を変えるだけでも全くちがった
印象のテンプレに大変身します。
シンプルブログデザインのテンプレは全てカスタマイズOKなので
どんどん改造してオリジナルのブログを作成してください( ・∀・*)ノ

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


文字(フォント)の大きさを変更する方法

ブログの文字の大きさを変更するには
「テンプレートの設定」でスタイルシート(CSS)で
「font-size」という部分を書き換えます。

文字(フォント)を小さく変えたい部分の

font-size: 12px;

の部分を

font-size: 10px;

といったように書き換えます〆(・∀・`*)

シンプルブログデザインの
最新XHTMLバージョンテンプレート(テンプレ名の最後が「_3」)の場合は
スタイルシート最上部の

* {
font-size: 12px;

を変更するだけでOK!
ブログ全体の文字サイズが自動的に変わるよう設計してあります・∀・)ノ

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


カレンダーの記事投稿日リンクを太字化する方法

ブログ記事を書いた日のリンクに「下線」をつけるには
↓こちらを「テンプレートの設定」からスタイルシートに追加してください

カレンダー日付リンク太字化CSS

これでブログを書いた日がわかりやすくなりますね♪

また

font-weight : bold;
text-decoration : none;

の部分を

font-weight : normal;
text-decoration : underline;

にすると
太字ではなく下線になります

よろしければご利用くださいませ・∀・)ノ☆
(再配布はご遠慮願います)

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


【SEO】ランキングに参加して外部リンクを増やそう【アクセスアップ】

にほんブログ村 ブログテンプレート」ランキングに参加しました
すでに「FC2ブログランキング」と「人気ブログランキング」に参加
していますので3つ目のランキング参加となりました。

ランキング参加は外部リンクを増やすなどSEO効果がありますので
まだの方はぜひ参加してみてくださいね*ゝω・)ノ☆゚

ポチッと応援おねがいしまーす`・ω・´)σ人気ブログランキングへ


最近の記事

最近のコメント

最近のトラックバック

検索フォーム

必ずお読み下さい

シンプルテンプレート

テンプレランキング

テンプレランキング
他の作者さんの素敵なテンプレ


にほんブログ村 ブログブログ ブログテンプレートへ

カテゴリー

リンク

おすすめシンプルテンプレート

画像をクリックするとサンプルが表示されます ・v・ 。)ノ
a-00001gray2left_4
FC2シンプルブログデザインテンプレートa-00001gray2left_4
詳細
a-00001gray2right_4
FC2シンプルブログデザインテンプレートa-00001gray2right_4
詳細
a-00001gray3_4
FC2シンプルブログデザインテンプレートa-00001gray3_4
詳細
a-00001white2left_3
シンプルブログデザイン・白色テンプレート2カラム左サイドバー型
詳細
a-00001white2right_3
シンプルブログデザイン・白色テンプレート2カラム右サイドバー型
詳細
a-00001white3_3
シンプルブログデザイン・白色テンプレート3カラム型
詳細
a-00001black2left_3
シンプルブログデザイン・黒色テンプレート2カラム左サイドバー型
詳細
a-00001black2right_3
シンプルブログデザイン・黒色テンプレート2カラム右サイドバー型
詳細
a-00001black3_3
シンプルブログデザイン・黒色テンプレート3カラム型
詳細
未登録の方はこちらからFC2ブログを登録、 詳細ページからHTMLとCSSをそれぞれを右クリックでデスクトップ等に保存し、 「テンプレートの設定」のHTML部分とCSS部分に貼り付け保存、 利用規約に同意の上、ご利用ください
・v・ 。)ノ

| TOP | NEXT >>