★埼玉散策★　Macky's Blog

バナータイトルの位置を変える
下の写真のようにバナータイトルとブログの説明文の位置を変更してみます。



オリジナルデザイン変更画面の「スタイルシート」の中から以下の部分を見つけます。

.blogtitle{

	font-size						:30px;

	font-weight					:bold;

	padding						:20px 0px 0px 10px;

	text-align						:left;

	letter-spacing					:2px;

}



.description{

	color						:#fff;

	font-size						:12px;

	padding						:4px 0px 0px 35px;

	text-align						:left;

	letter-spacing					:2px;

}

「.blogtitle」はブログのタイトルのスタイル
「.description」はブログの説明文のスタイルです。

見やすいようにスペース（タブ）を減らしました。
緑色の所を"left"左から"right"右に変えました。
青文字の所は、表示する色を変更出来ます。

.blogtitle{

    color		:#fff;

    font-size	:30px;

    font-weight	:bold;

    padding	:20px 0px 0px 10px;

    text-align	:right;

    letter-spacing	:2px;

}



.description{

    color		:#0F0;

    font-size	:12px;

    padding	:4px 0px 0px 35px;

    text-align	:right;

    letter-spacing	:2px;

    font-weight	:bold;

}

今回は、比較的簡単？

カラーコード表は、検索サイトで探すといっぱいあるので、自分で使いやすいサイトを選んでください。