スポンサーリンク
こんばんは。「ここにブログの名前を入れます」略して「ナマ入れ」です。
人のコメント欄に長々説明するのは、良くないと思ったので、記事にします。
でも、そう考えたのは、もう書き込んでしまった後でした。
わかる人いたらアドバイスお願いします(;^ω^A
パソコン初心者がネットで お小遣い稼ぎに挑戦!!「眠たい目をこすりながら」
リンク貼ってくれていたし、これから同じ疑問を持つ人もいるだろうから。
ついでに、トラックバックも送っておこう。
文字の大きさを変更するスタイルシート
文字の大きさをスタイルシートで変更するには、font-size:200%という風に書きます。
これは、文字(フォント)の大きさを、2倍にするという意味です。
パーセンテージが150%なら、1.5倍。
80%なら、0.8倍、つまり、元のサイズより小さく表示されます。
元のサイズは100%です。この100%がどれくらいの大きさなのかは、設定によって違います。
ちなみに、次のようにスタイルシートに書くと、1文字が10ピクセルになります。
html{ font-size:62.5%; }
これを基準値にすると、計算が楽になります。
ただし、10ピクセルでは小さくて読みづらいので、各場所の文字サイズをfont-sizeで決めていきます。
わからなければ、現在の文字の大きさを見ながら、目分量でパーセンテージを、決めてください。
実際にスタイルシートを適用する
まず、スタイルシートを開きます。
ファンブログの場合は、下の記事を参考にして、開いてください。
ページ全体の文字をを大きくしたい
とにかく、ブログ全体の文字を大きくしたい場合はbodyにスタイルシートを適用します。
body{ font-size:200%; }
上の例は、文字の大きさを200%にする場合です。
これを、スタイルシートの、いちばん下に書きます。
なぜ、いちばん下に書くのか?
もしかしたら、スタイルシートのどこかに、bodyのfont-sizeが指定されているかもしれません。
しかし、スタイルシートは、後から読み込んだものが、先に読み込んだものを上書きするので、
一番最後に書けば、それが適用されます。
もちろん、スタイルシートの中で、bodyタグの指定箇所を探して、その中に書いても構いません。
ただし、わたしが使っている、ファンブログの3カラムスキンはbodyにmultiというid名が
つけられています。
bodyタグの確認方法
Internet Explorerの場合、まずメニューバーの表示をクリック。出てきた一覧からソースをクリックします。
すると、見ているページのソースコードが別窓で、開きます。
この中から、bodyタグを探すために、ソースコードのメニューバーから、編集、検索と順にクリック。
検索窓が現れるので、<bodyと入力します。
見つかると、ソースコードの該当箇所が、青く表示されます。
もし、<body id=”multi”>となっていたら、下のように、body#multiと、bodyとid名を#でつないで書きます。
body#multi{
font-size:200%;
}
そうではなく、<body class=”multi”>となっていたら、body.multiと、bodyとclass名を.でつないで書きます。
body.multi{
font-size:200%;
}
記事のみ文字を大きくしたい
下の図は、ファンブログの3カラムスキンの構造です。
ヘッダ id=”header” |
||||
id=”main”
|
||||
フッタ id=”footer” |
記事の部分は、idがentriesの部分です。
この部分にスタイルシートを適用すればいいです。
div#entries{
font-size:200%;
}
記事とサイドバーの文字を大きくしたい
サイドバーの文字も変更するには、上と同じ要領で、idがmainの部分にスタイルシートを適用します。
div#main{
font-size:200%;
}
関連コンテンツ
スポンサーリンク
勉強になります~。
こういうやりかただったんですね。
こんにちは。
わざわざ記事にまでしてもらって
ありがとうございます。
時間がある時に、また勉強に来ますね^^
こんにちは。
いつもパンチの効いたコメント、ありがとうございます(笑)
年配の方には助かる仕様ですね。
ケント・デリカットの目が大きく見えるのと同じ原理なのでしょうか(笑)
こんにちは!
訪問&コメントありがとうございます!
こうやって変更出来るんですね~
自分も時間が出来たら
少し変えてみようかな?
ポチっとな!
Tomさん こんばんは^^
いつも ありがとうです。
文字の。。勉強してみました^^
実践しながら しっくはっくして
みます。。楽しみです^^
あっ^^☆.。.*・゚☆おめでとうです☆゚・*.。.☆
お祝いコメントありがとうございまーす。
Renさんのサイトが変わるのも楽しみです。
質問があれば、いつでもどうぞ。
ファンブログのデフォルト文字サイズって、
かなり小さいから、大きくする指定はしとくといいですよねぇ♪
こんにちは!
な~る程一番最後に入れれば反映されるんだ!・・・と
うっかり、bodyの方をコピーしたので、
みんなオッキクなっちゃった!
お子様向け、脱原発ブログで、
読みやすいから、entriesに替えるのは
明日にします。
それにしてもコバヤC君・・・どうしちゃったんでしょ?