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

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

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

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

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

No.2 回答者： ORUKA1951 回答日時： 2012/03/19 23:28

＞フリーエリアの中の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 回答日時： 2012/03/18 15:33

結論だけにさせていただきます。

表示されるページのHTMLソースを見て、文書構造から指定したい要素を、セレクタを使って特定して、プレゼンテーションを指定すれば良いです。
　これは、
「FC2カテゴリ親文字だけ大きく、親ごとに行間入れる - HTML - 教えて！goo ( http://oshiete.goo.ne.jp/qa/7368896.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 … )

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

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

この回答への補足

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

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

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



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


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

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

のみです。



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



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

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

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

補足日時：2012/03/19 15:43