解決済

Profileのニックネームの文字書体変更方法を教えて下さい。

ブログのプロフィルで「画像」「ニックネーム」「紹介文」と表示されていますが、「ニックネーム」の書体の変更方法が解りません。
 例えば、斜体文字に変更する場合だとどの様にすれば変更出来るでしょうか?

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

回答(2)

1.

2006-06-14 16:19:46ベスト
スタイルシートを変更します。

管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあります。
そこの[デザインを変更する]をクリックすると、「デザインの設定」ページが開きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
スタイルシートの下のほうに、次のように始まる行が並んでいるところがあります。
.afbody{
.afbody img{
.photo{
.nickname{
.message{
.blogtimes{
この内の.nickname{ }の中にニックネームの設定が入っています。
斜体にしたいなら、この中に
font-style:italic; 
を追加してください。
.nickname{color:#FFF;font-size:~~;font-style:italic;~~}
とか
.nickname{font-size:12px;font-weight:bold;font-style:italic;~~}
という具合です。(場所は「;」か「{」の後なら、どこでも構いません。)
色を変えたい場合は、color:#の後の色指定を変えてください。
(指定のないデザインの場合は自分で入れてください。)
大きさはfont-size:の後に14pxのような感じで入れてください。

後は、[この内容で保存する]をクリックして、
「ブログに設定を反映(再構築)」のページで「デザイン(CSS)」に合わせて[ブログを再構築する]をクリックしてください。

「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して(更新して)確認してください。
回答レベル : 回答

 イメージ通りに変更出来ました。丁寧なご回答に感謝致します。

2.

2006-06-14 16:27:42
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の CSS の記述を変更します。

下からのぞいていくと ( だいぶん下の方にありますから、下から探したほうがわかりやすいでしょう。注意して探さないと見つけにくいですよ )、こういう部分があります。↓

.nickname{ }

この中にすでに font-size などが書き込まれていると思います。この中に、こう新たに書き込みます。↓

font-style:oblique;

これで OK です。CSS を保存。CSS の再構築をかけて下さい。閲覧しているブラウザーをリロード ( 再読み込み ) すれば、表示反映されているはずです。
回答レベル : 回答
Ads By Google

コメント(2)

#1.  horsefly
2006-06-14 16:56:23

回答2.が書かれているので、一応解説しておきますと、文字を斜体にするには、2つの方法があります。
元々、斜体のフォントを使う、斜体ではないフォントを斜めに表示する。
回答1.のほうは前者、回答2.のほうは後者です。

ニックネームは英字フォントですから、斜体文字が用意されているはずなので、回答1.のほうがきれいになるはずです。
仮に斜体が用意されていなくとも、英字の場合は、PCやブラウザ側で傾けて表示してくれると思いますので、結果は回答2.と同じになるはずです。

字が小さいので、比較してどれだけ違うか分りませんが。

#2.  Hiroaki.N
2006-06-14 19:39:31

 早速のご返答有難うございました。

トラックバック

トラックバックURL: