livedoor ナレッジ

ブログのタイトルについて。

すみません質問します。

ブログのタイトル文字のフォント変更や色、枠等をつけたりとかって出来ますか??

またサブタイトルも同様に出来ますでしょうか??
そのサブタイトルを左右に若干ずらす事も可能でしょうか??

参考までに自分のブログは です。

宜しくお願い申し上げます。

これってひとつの質問枠の中に質問多すぎっ ^^; 分割していただいた方が回答が多く付きます。すべてに答えられないと考えた回答者は、回答するのをやめてしまいますから。回答者の身になってご質問を。

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

■ ブログのタイトル文字のフォント変更
（ フォント字体そのもの？ で良いのかな？ ）

.blogtitle{ } の中に以下の記述を追加します。

font-family: ○○○ ,□□□ ,△△△;

表示させたいフォントを○や□、△の中に記述します。複数を入れたい場合は上記のように 「 , 」 カンマで区切ります。単独ならこうなります。↓

font-family: ○○○;

■ ブログのタイトル文字の色変更
各テンプレートにより、少し表記が違うのですが、CSS の中の

#banner,#subbanner{} の中に、
こういう部分があるでしょ、

#banner a:link{}
#banner a:visited{}
#banner a:active{}
#banner a:hover{}

多分ノーマルでは何も設定されていないから、ここに新しく指示を追加します。

#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;}

カーソルをあてた時に色を変化させたかったら、最後の a:hover の部分の色コードを変えて下さい。text-decoration:none; は下線なし、text-decoration:underline; は下線あり。

■ ブログのタイトルの周りに枠
これは残念ながら不可能。枠自体は簡単に付けられるけど、あのブログタイトルを表示させている、目に見えない構成枠 （ ボックスと呼びます ） は意外と範囲が広く、枠を付ける指示をおこなうと、すごく大きな枠が表示されます。ブログタイトルだけを調度良い具合に囲むのは無理ですね。

もし色々と装飾したいのであれば、ブログタイトルの画像化をお薦めします。こちらを参考にして下さい。↓

☆ タイトルを画像に （ 1 ）
http://blog.pekebatu.com/archives/50489864.html

※ 字数制限の為、続きはコメント欄 >>#1 へ

その他についてはAQさんが回答されているので、ブログのタイトルの枠の付け方についてだけ回答します。
CSSの「.blogtitle」という項目の「padding:45px 0 0 40;」という項目を「margin:45px 100px 0 40px;」（順に上、右、下、左の余白指定）にして、
「border: #121212 1px solid;」などと記述します。
ちなみに枠の色、枠の太さ、枠の種類を指定しています。
枠の中に余白を付けたい場合は、例えば「padding: 2px;」などと追加します。