FC2ブログのテンプレートをカスタマイズしたい
初心者なので、既存のテンプレートに少し変更を加える程度です。
(1)TOP(ヘッダー?)にイラストを貼り付けたいのですが
1.小さなイラストを大きく表示することは不可能ですか?
2.複数のイラスト組み合わせたい場合、スタイルシートで複数指定することはできませんか?
(2)一部のフォントを変更したい
既存のテンプレートでは、記事のタイトルのフォントの大きさを変えると
サイドメニュー(最新記事とかアーカイブなどのタイトル)のタイトルも連動して
変わってしまいます。
スタイルシートに「H3 120%」みたいに書かれてあったので
試しにサイドメニューの部分でH3と書いてあるところを「H6(H3よりは小さい設定)」などに変更してみたのですが
見た目は何も変わりません。
自分なりに検索して調べてみたのですが
個別に文字を設定してることを前提で説明されてるものばかりでした。
どこをどうしたらいいのか教えていただけないでしょうか。
どの部分が関係しているのか見当がつきませんが
一応、関係してそうな部分を貼ってみます。
ますはHTMLの一部です。中ほどにH3の記述があります。
Latest Entriesがh2となっているので
試しにh2を50%にしてみましたが、見た目は何も変わりませんでした。
<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>
こちらはスタイルシートの一部です。下から3行目にh3の記述があります。
/* 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;
お礼
>>W_fang」様 ご回答ありがとうございます。 背景のほうはできたのですが、投稿記事一つ一つを丸みを帯びた四角で囲むのは難しいので、今回はあきらめます。 本当にありがとうございました。