Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2007年01月23日

FC2の新しく記事を書く機能を使って強調文字を使用する場合

今回はコメントで質問をいただいた返答を元に、FC2ブログで用意されている、新しい記事を書くの本文欄で使用できる、strong(強調)とi(斜体)タグを使用する場合向けのカスタマイズです。

1.スタイルシートのカスタマイズ


* {
margin: 0;
padding: 0;
font-style : normal;
font-weight: normal;
word-break: break-all;
font-family: Verdana, Arial, sans-serif;
}

上記の抹消線を削除してください。


#box-right{
float: right;
width: 230px;
}

#box-right h3{
font-weight: normal;
}

#box-sub{
float: left;
width: 150px;
}

#box-sub h3{
font-weight: normal;
}

今度は赤色の部分を追加します。できたらこの場所に追加してください。
これで本文に強調文字、斜体文字が設定でき、左右カラムのh3タグ部分も標準フォントで表示されるはずです。(後ほどこのようにFC2ブログ用のテンプレートを変更するかもしれません。この方がよいかも。)

2.FC2ブログ本文で文字のサイズ変更を使用する

大・小の文字設定機能ですが、文字の指定方法が異なるため、うまくは機能しません。どうしても使用したい場合は、以下のようにFC2ブログ用テンプレートを変更してください。


.maincontent{
padding: 0 10px;
margin-bottom: 10px;
color: #000;
font-size: 12px;
line-height: 150%;
}

上記のスタイルシート抹消線部分を削除して、替わりにfont-size: small;font-size: x-small;を追加してください。
これで大文字・小文字も設定できますが、本文の文字サイズはコントロールできなくなります(ブラウザなどにより異なるサイズで表示される)。

スポンサーサイト
プロフィール

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。