ＦＣ２ブログのテンプレートをカスタマイズしたい

質問

初心者なので、既存のテンプレートに少し変更を加える程度です。

(1)ＴＯＰ（ヘッダー？）にイラストを貼り付けたいのですが

１．小さなイラストを大きく表示することは不可能ですか？
２．複数のイラスト組み合わせたい場合、スタイルシートで複数指定することはできませんか？

(2)一部のフォントを変更したい

既存のテンプレートでは、記事のタイトルのフォントの大きさを変えると
サイドメニュー（最新記事とかアーカイブなどのタイトル）のタイトルも連動して
変わってしまいます。

スタイルシートに「Ｈ３　１２０％」みたいに書かれてあったので
試しにサイドメニューの部分でＨ３と書いてあるところを「Ｈ６（Ｈ３よりは小さい設定）」などに変更してみたのですが
見た目は何も変わりません。

自分なりに検索して調べてみたのですが
個別に文字を設定してることを前提で説明されてるものばかりでした。

どこをどうしたらいいのか教えていただけないでしょうか。

どの部分が関係しているのか見当がつきませんが
一応、関係してそうな部分を貼ってみます。

ますはＨＴＭＬの一部です。中ほどにＨ３の記述があります。
Latest Entriesがｈ２となっているので
試しにｈ２を５０％にしてみましたが、見た目は何も変わりませんでした。

<div id="wrapper"><!-- wrapper -->
<div id="primary-column" class="main"><!-- primary-column -->
<div id="contents">
<!--index_area--><h2><span>Latest Entries</span></h2><!--/index_area--><!--not_index_area--><h2><span>Entries</span></h2><!--/not_index_area-->
<!--topentry-->
<div class="section entryfield" id="entry-<%topentry_no>">
<div class="entry-title">
<h3 class="entry-header"><%topentry_title></h3>
<!--community-->
<ul class="entry-community">
<li class="entry-community-genre"><%template_genre> : <a href="<%topentry_community_janrelink>"><%topentry_community_janrename></a></li>
<li class="entry-community-theme"><%template_theme> : <a href="<%topentry_thread_link>"><%topentry_thread_title></a></li>
</ul>
<!--/community-->
</div>

こちらはスタイルシートの一部です。下から３行目にｈ３の記述があります。

/* Thirdly
-------------------------------------------------- */
div#thirdly-column {
float : left;
width : 200px;
}
div#extra {
width : 180px;
margin : 0 20px;
}
div#thirdly-column h2 {
display : none;
}
div#thirdly-column div.section {}
div#thirdly-column h3 {
margin : 0 0 1em 0;
padding-left : 20px;

回答No.1

naokita · ベストアンサー

＞１．小さなイラストを大きく表示することは不可能ですか？
可能ですが、画像がボケます・・・
＞２．複数のイラスト組み合わせたい場合、スタイルシートで複数指定することはできませんか？
組合せの意味が分かりませんが、
HTMLが複数あれば複数指定出来るし、
一つのCSSで複数のセレクタを指定出来るのがCSSの利点でもあります。

HTML,CSS　それぞれの適応箇所が違うようなので、検証できませんが
応急処置って事なら以下をスタイルシートの編集で以下の一行を追加

h3.entry-header{font-size:200% !important;}

もしくは、h3の入れ子がインクルードされてCSSが適応される場合は、
h3.entry-header,h3.entry-header *{font-size:200% !important;}
とか、あくまでも応急処置の例です。

お礼

お礼が遅くなってすみません。回答ありがとうございます！

フォントの件。
どうしても上手くいかなかったので、
参考にできそうなテンプレートをマネして、書換えました。
これはこれでＣＳＳとの整合性が・・・・大変でしたが。

画像の件。
１．やっぱり画像がぼけますか。了解です。
２．現在bodyに全体背景、headerの最上部にイラスト、containerにメインになる（ブログタイトル部分の背景みたいに）画像を横リピートで入れてます。
例えばですが、container部分に空の画像を横リピートで指定して
その上から虹のイラストを重ねるような記述の仕方はあるのか？という事が知りたかったのです。

初心者すぎて、頂いた回答が上記のような事なのかも理解できず・・・すみません。
自分なりにもう少し調べて勉強してみます。