![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
初心者なので、既存のテンプレートに少し変更を加える程度です。
(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;
No.1ベストアンサー
- 回答日時:
>1.小さなイラストを大きく表示することは不可能ですか?
可能ですが、画像がボケます・・・
>2.複数のイラスト組み合わせたい場合、スタイルシートで複数指定することはできませんか?
組合せの意味が分かりませんが、
HTMLが複数あれば複数指定出来るし、
一つのCSSで複数のセレクタを指定出来るのがCSSの利点でもあります。
HTML,CSS それぞれの適応箇所が違うようなので、検証できませんが
応急処置って事なら以下をスタイルシートの編集で以下の一行を追加
h3.entry-header{font-size:200% !important;}
もしくは、h3の入れ子がインクルードされてCSSが適応される場合は、
h3.entry-header,h3.entry-header *{font-size:200% !important;}
とか、あくまでも応急処置の例です。
お礼が遅くなってすみません。回答ありがとうございます!
フォントの件。
どうしても上手くいかなかったので、
参考にできそうなテンプレートをマネして、書換えました。
これはこれでCSSとの整合性が・・・・大変でしたが。
画像の件。
1.やっぱり画像がぼけますか。了解です。
2.現在bodyに全体背景、headerの最上部にイラスト、containerにメインになる(ブログタイトル部分の背景みたいに)画像を横リピートで入れてます。
例えばですが、container部分に空の画像を横リピートで指定して
その上から虹のイラストを重ねるような記述の仕方はあるのか?という事が知りたかったのです。
初心者すぎて、頂いた回答が上記のような事なのかも理解できず・・・すみません。
自分なりにもう少し調べて勉強してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2ブログってログインせず放置...
-
FC2ブログ、管理画面への不正ア...
-
ブログでランキング、順位が上...
-
fc2動画で共有した動画をスマホ...
-
Fc.2動画って有料ですか、無料...
-
洋書の著作権について
-
FC2ブログで文字を小さくしたい...
-
元カレが自分の写真を
-
ブログのURLを変えて、引越しし...
-
FC2ブログに登録をしていない人...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
-
ブログは記事が更新されたら読...
-
テキスト版からURLも表示できる...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報