FC2フリーエリアのタイトル画像を消し、ただの枠に

質問

公式のテンプレートを使ってブログを作っています。

フリーエリアの「タイトル」と「タイトルの背景の画像」を表示しないようにして、ただの枠にするにはどうすれば良いでしょうか？

カテゴリ等、他の枠のは消したくありません。

どうか教えてください。よろしくお願いします。<(_ _)>

回答No.2

ORUKA1951

＞フリーエリアの中のhtmlは、
＞
＞<div class="plugin-freearea" &align>
＞&freearea
＞</div>

　HTMLは、それじゃないです。(大文字ですよ)
　実際に出力された、HTMLです。firefoxで閲覧し、ツール→Web開発→Don Inspectorがもっともわかりやすいですが、実際に出力されたHTMlの構造です。
　それをつかって先にあげた例のような
[例]
html　　　　　　　　　　　class名　　　　　id
|-- head
|-- body
|　　|-- div　　　　　　header　　　　　　top
　　　　　|-- p　　　　　logo
　　　　　　　|-- img src="../image/logo.gif"←この画像でしたら
で、デザインを指定したい要素を特定してください。

回答No.1

ORUKA1951

結論だけにさせていただきます。
表示されるページのHTMLソースを見て、文書構造から指定したい要素を、セレクタを使って特定して、プレゼンテーションを指定すれば良いです。
　これは、
「FC2カテゴリ親文字だけ大きく、親ごとに行間入れる - HTML - 教えて！goo ( http://okwave.jp/qa/q7368896.html )」
　についても、まったく同じことが言えます。

　便利なのは、Firefoxに付属のDOMインスペクターを使って、文書構造(DOMツリー)を参照ですね。
　CSSのセレクタは、CSS2.1のもので大抵はカバーできるでしょう。

[例]
html　　　　　　　　　　　class名　　　　　id
|-- head
|-- body
|　　|-- div　　　　　　header　　　　　　top
　　　　　|-- p　　　　　logo
　　　　　　　|-- img src="../image/logo.gif"←この画像でしたら
body>div>p:first-child img　　子供セレクタ　擬似要素
p[src="../image/logo.gif"]　　要素セレクタ
div#top p.logo img　　　　　　一意セレクタ　クラスセレクタ
など、どれでもこのimgを特定できますね。
★5. セレクタ ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html )

プレゼンテーションを指定する要素がセレクトできたら、display:none;ないしvisibility:hidden;などで指定すると良いでしょう。
★8. ボックスモデル ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/box.html )
★9. 視覚整形モデル ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html )
★10. 視覚整形モデル詳細 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visudet.html )

　質問が漠然としたものなので、具体的にどう書けば良いかは回答できません。HTMLソースを読んで、もっとも適切なセレクタを記述してスタイルを指定してください。

補足

FC2の「プラグインの設定」で各プラグインカテゴリに名前を付けています。

この「名前」と、「名前の下の背景画像」が表示されてしまうのですが、

表示されないフリー枠が欲しいのです。

拡張プラグインの「フリーエリア」を選択し、そこのソースをいじってなんとか出来ないかと考えています。

フリーエリアの中のhtmlは、

<div class="plugin-freearea" &align>
&freearea
</div>

のみです。

※使っているFC2公式テンプレートは「名前:sky_cube 作者:星野 伸 」さんのです。

当方ほぼhtml初心者でわかりにくいかもです、すみません。

かなり長い間答えがなく彷徨っています。

追記が必要なことは言ってください＞＜