PC掲示板

Re: 心からのお礼とお願いです (No.1642 への返信) - donbey

> 　「BBS」[日記｝などの上部に綺麗な画像を貼ってあるものを見かけます。「KAKEI」様というお方が、テンプレートというのを配布しておいでのことまでは分かりました。
>
テンプレート確認してきました。
テンプレートを利用すると簡単に画像を入れて綺麗なページにすることが出来ますが、
自分好みの画像を入れたり、ページ全体のデザインを今のまま維持するのにはそれなりの工夫と知識が必要です。
そこで今のページデザインのまま画像を入れる為のＣＳＳソースを下に書いておきますので試してみてください。
画像は貴方のページに貼り付けていたものを利用しています、変更の場合は画像のＵＲＬを入れ替えてみてください。

ＢＢＳの場合は　body {・・・}の部分を全て削除して下記のソースに入れ替えてください。

body {
margin: 2em;
color: #000000;
font-family: "ＭＳ Pゴシック",serif;
background-color: #000000;
background-image: url(http://www.eclat.cc/home/jin8t/files/s-3yama.jpg);
background-repeat: no-repeat;
background-position: center 20px;
}
#write {
margin-top: 200px;
}

日記のページの場合はＢＢＳの時と同様、body { }の部分を下記のソースに入れ替えると共に　#back_link a{ と　#back_link a:hover{ にある
width: 150px; を　width: 180px;　にしてください。

body {
margin: 2em;
color: #ffffff;
font-family: "ＭＳ Pゴシック",serif;
background-color: #000000;
background-image: url(http://www.eclat.cc/home/jin8t/files/s-3yama.jpg);
background-repeat: no-repeat;
background-position: center 20px;
}
#header{
margin-top: 200px;
}

画像は640Ｘ165px のものが入っていますが、画像の縦寸法が165ｐｘ以外の場合は margin-top: 200px; の200の数値を画像の寸法＋40ｐｘ位に書き換えてください。

では説明をよく確認の上挑戦してみてください。

[No.1643] 2008/11/27(Thu) 20:14:54

この記事への返信は締め切られています。
返信は投稿後 30 日間のみ可能に設定されています。