解決済

clip!clip!
Ads By Google

ブログタイトルについて

ブログをはじめたばかりなのですがタイトルが小さすぎて分かりづらい・地味です
どうしたらタイトルなどを大きくしたり派手にできるんですか?
教えてください

2006-08-18 16:01の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-08-18 16:18:42ベスト
他のところで同じ質問があって回答したんだけど、
放置されてるからこちらにも同じ回答を ^^;

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更するんですが、CSS を上から覗いていって下さい。

■ 文字を大きくする
.blogtitle{ } という部分があります。
この中に記載されている、font-size:○○px; という部分の、○○の中の数字を大きくします。現在のところ 22 ならば、26 とかに。お好みの大きさになるまで数字を増やして下さい。

■ 書体を指定する
同じ部分、.blogtitle{ } の中に新たに書体を指定する記述を書き込みます。このように↓

font-family:MS 明朝;
font-family: "ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;
font-family:verdana ,arial ,sans-serif;

例とすればこんな感じです。( あなたのテンプレートの中身とは違いますが、あくまでも例として )

.blogtitle{
font-family:MS 明朝;
text-align:left;
font-size:22px;
padding:100px 250px 0 130px;
}

■ 色を変更する
ブログタイトルにはリンクがかかっているため、
色を変更するには、.blogtitle{ } ではできません。

CSS の中の、

#banner a{
color:#fff;
text-decoration:none;
}
#banner a:link{}
#banner a:visited{}
#banner a:active{}
#banner a:hover{}

という部分を探してください。たぶん、.blogtitle{ } の上の辺にあるはずです。これをこういう具合に整理しましょう。↓

#banner a{}
#banner a{color:#○○○; text-decoration:none;}
#banner a:link{color:#○○○; text-decoration:none;}
#banner a:visited{color:#○○○; text-decoration:none;}
#banner a:active{color:#○○○; text-decoration:none;}
#banner a:hover{color:#□□□; text-decoration:underline;}

#○○○ の ○ の部分にお好きな色コードを入れて下さい。
最後の部分の □ に違う色コードを入れる事で、マウスを上にのせた時に文字の色が変化します。

text-decoration:none;
下線なし
text-decoration:underline;
下線あり

書き換え、追加が終了したら CSS を保存。CSS の再構築をかけます。閲覧しているブラウザーを更新すれば、反映されています。
回答レベル : 回答

ありがとうございます! こんなに早く回答もらえてすごくうれしいです。 
これでブログがもっと楽しくなりそうです。

Ads By Google

コメント(2)

#1.  AQ
2006-08-18 16:20:04

質問には ・・・

派手にできるんですか?

って書いてあるけど、タイトルを画像に変えて表示させたいのならば、本格的にカスタマイズしなきゃ無理ですね。といってもそんなに難しくは無いですよ。こちらを参考にして下さいな (^^)↓

■ タイトルを画像に ( 1 )
http://blog.pekebatu.com/archives/50489864.html
■ タイトルを画像に ( 2 )
http://blog.pekebatu.com/archives/50489901.html

#2.  AQ
2006-08-18 16:34:23

>麦蔵さん
い~え。また何か聞きたい事があれば、いつでも
ナレッジを御利用下さい。
ベストありがとうございました (^^)

トラックバック(2)

トラックバックURL: