昨日に引き続き、gooブログのテンプレート変更方法です。
▼ブログ概要の文字色と位置変更
昨日、変更をしたタイトルのちょっと下に
/* ブログの概要 */
.bDesc {
text-align: left;
padding-bottom:6px;
font-size: ;
color: ;
}
と表示されている場所があります。
ここの
text-align: left;
のleftの文字をrightに変更すればブログの概要が右側に変更となります。
文字の色は
color: ;
ここの":"と";"の間に色の数値を入れるだけ…となります。
ｗｅｂで使える色見本は検索をすると沢山のサイトが見つかりますので、そちらを参考にするのが一番だと思います。
一応、標準色…と言うのがありまして…
■black #000000■
■navy #000080■
■blue #0000ff■
■green #008000■
■teal #008080■
■lime #00ff00■
■aqua #00ffff■
■maroon #800000■
■purple #800080■
■olive #808000■
■gray #808080■
■silver #c0c0c0■
■red #ff0000■
■fuchsia #ff00ff■
■yellow #ffff00■
■white #ffffff■←白文字がありますが見えていません。
この１６色になります。
▼ブログタイトルの文字色の変更
昨日、一緒に書いてしまえばよかったのですが、昨日変更したブログ位置の近くに概要と同じように
color: #333333;
と表示されている場所があります。
（クリアホワイトの場合です。）
この#333333と書かれている数値を自分の好きな色の数値に変更しれば大丈夫です。
▼ブログ全体の文字サイズの変更
これはかなり上の方にある
/* ページ全体の文字 */
BODY,TD,DIV {
FONT-SIZE : SMALL;
color: #333;
}
と、表示されている
FONT-SIZE : SMALL;
この部分のSMALLを変更します。
大きさを数値で変更してもokですし
xx-small
x-small
small
medium
large
x-large
xx-large
で、変更してもokです。
▼ブログタイトルおよび記事の色と文字サイズの変更
さて、ここまでやって
記事の文字サイズが変更されない！
っと困ったあなた！
私と一緒です…
実は記事は別に変更するようになっていたんです。
（しつこいですが、私の使ったクリヤホワイトの場合は…です。）
まず最初に
/* エントリータイトル */
.etTitle {
color: #333333;
font-size : large;
font-weight: bold;
}
…と表示されている場所を探して下さい。
ここの
color: #333333;
ここの#333333を使いたい色の数値に変更します。
次に
font-size : large;
largeを好きなサイズに変更します。
これで、記事のタイトルの色と文字サイズが変更されました。
そこで更に、そのちょっと下にある
/* エントリー本文 */
.etBody {
font-size: 105%;
line-height:160%;
word-break:break-all;
text-align: left;
}
ここの
font-size: 105%;
の105%と書かれている場所を好きな文字サイズの変更すれば、記事の文字サイズが変更されます。
色の指定がされていませんので…
color: ;
と入力し、":"と";"の間に好きな色の番号を入力して下さい。
これで文字色も変更されました。
抜けている部分も多々あると思いますが、これで大体の文字サイズが変更出来る…と思います
