解決済

CSSによる記事本文の字体の変更と記事表示スペースの横幅の変更方法を教えて下さい。

LivedoorBlogでモブログ(クローバー)というテンプレートを使用しております。
携帯用アスキーアートを展示したいと考えております。
モブログ重視のブログですのでPC派の方にも出来る限り携帯閲覧に近い状態で記事を表示できるようにしたいと考えております。

1.記事本文を等幅フォント(monospace)にする方法を教えて下さい。
 コメントも同じようにする方法も併せて教えて頂けると助かります。

2.1.の状態で各記事を横幅全角20文字分にする方法を教えて下さい。

個人的な質問で恐縮ですがお返事お願い致します。

2006-10-10 22:56の質問
携帯  フォント  CSS  文字  アスキーアート  字体  記事の大きさ  
携帯
携帯電話を販売。全国申込OKで送料無料!au特売中。
www.keitai-center.com/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

1.

2006-10-11 04:14:23ベスト
1・記事とコメントを等幅にするのならいっそブログ全体を等幅にしませんか?そのほうが楽ですよ。

カスタマイズ⇒スタイルシート(CSS)を開く。
.bodyの
font-family:verdana,arial,sans-serif;
これを
font-family:monospace;
に変更して、CSSを再構築してください。


2・どの環境・ブラウザでも全角20文字、というのは難しいと思います。
記事表示スペースを弄るよりも、一行の文字数が全角20文字になるように、文字の大きさを調整してみてはいかがでしょうか。
記事の文字サイズは通常、CSSの.main,mainmoreのfont-sizeで指定しますが
『モブログ(クローバー)』は特殊なデザインなのでクラス名が違うかもしれません。

回答有難うございます。
こちらの回答を見逃して同じ質問をしてしまってすみませんでした。
ご指導の通りにやってみました所、質問事項は全て解決しました。
本当に有難うございます!!

ただ、モバイルアクセスした時に全角カナが全て半角になってしまいAAを正しく表示する事は出来ないという事が判明してしまい、Livedoorでの開設は諦める事にしてしまいました。
失礼致しました事お詫び申し上げます。

Ads By Google

コメント(1)

2006-10-15 16:33:17

ご丁寧にどうも^^

どの環境からアクセスしても正しく表示される
これは、AA職人さんの永遠のテーマなのかな^^;

トラックバック

トラックバックURL: