解決済

clip!clip!
Ads By Google

TOPページ上部部分にオリジナルの画像を設定したのですが、最上部に日記部分が表示されてしまいます…

ブログのデザインは「シンプル」のNATURAL Diaryを使用しています。どうすれば日記の部分はそのままで、TOPページの最上部にオリジナル画像を配置することができますでしょうか?
あと、ブログのタイトルも表示しないようにしたいです。教えて下さい。
よろしくおねがいします。

2006-12-12 18:22の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-12-12 19:00:54ベスト
どのような画像の入れ方をしてあるのかは解りませんが

画像は
<img src="画像URL" width="***" height="***" border="0" alt="画像名">
このタグで表示させるのが普通だと思います

この画像タグをカスタマイズにて
[トップページ]
[個別記事ページ]
[カテゴリアーカイブ]
[月別アーカイブ]
これら4つのHTMLテンプレの中にある
<div id="container">
という記述の上に4つそれぞれ追加して
全てのページにて再構築して
試してみていただけませんか?

ブログのタイトルの非表示は
スタイルシート(CSS)の
.blogtitle{
の後に
display:none;
を追加、CSSの再構築すれば表示されません

御不明な点はコメントください
結果をお知らせ頂ければ幸いです
Ads By Google

コメント(6)

#2.  Kiss115
2006-12-12 21:16:28

あるいは
スタイルシート(CSS)の

#container{
の後に
background-image: url(画像URL);
background-repeat: no-repeat;
を追加して
#blogcontainer{
の後ろにある
padding-top
pxを画像に合わせて調整でも良いかと思います

#3.  kick
2006-12-13 10:38:08

kiss115さん、
適切なご説明ありがとうございます。
回答1の方法でレイアウトはうまくいきました。

ただ、TOPページに配置した画像の上下のスペースが若干開きすぎてしまうのですが、ここのスペース調整するにはどうすればよいのでしょうか?

#4.  Kiss115
2006-12-13 14:14:08

スペースは
スタイルシート(CSS)にて調整します
記事側の方は

#content{
の後にある
padding-top:30px;
の数字を小さく
左側サイドプラグインの方は
#links{
の後の
padding-top:40px;
の数字を小さくして
[この内容で保存する]
[デザイン(CSS)]の再構築で
スペースは縮まるかと思います

#5.  Kiss115
2006-12-13 14:24:38

追記

数字を0にしても

#blogcontainer{
の後の
padding-top:10px;
があるのと各所上部にスペースがあるため
完全に隙間が無くなる訳ではありません

ただ、ここの
padding-top:10px;
の数字を小さくすると
もっとスペースは無くなります

#6.  kick
2006-12-14 10:38:49

kiss115さん
全て解決しました。
ご親切にありがとうございました。

#7.  Kiss115
2006-12-14 11:17:11

良かったです~^^

トラックバック(2)

トラックバックURL: