PC掲示板

並べ替え: [ ツリー順に表示 | 投稿順に表示 ]

心からのお礼とお願いです (親記事) - jin8t

　２４日にご指導いただいた件、実に見事に成功しました。自分の力では、駄目かと思っていましたので、ありがたいやら嬉しいやらで、早速ご報告とお礼をと思ってキイを打っています。

　私からすれば神業の如く、詳しくいらっしゃるので、深く敬服しつつ、驚いています。自分では到底出来なきことでも、こうして教えていただける事に喜びを持って感謝しています。

　「BBS」[日記｝などの上部に綺麗な画像を貼ってあるものを見かけます。「KAKEI」様というお方が、テンプレートというのを配布しておいでのことまでは分かりました。

　しかし、うっかり手をつけて、すべて駄目にしてはという恐怖心のような気持ちがあり、手を出せないでいます。「デザインの変更」に、配布されているものを、適宜判断して取り込むのがいいのか、あるいは別の方法があるものか、無理を申し上げているのかもしれませんが、よろしかったら、後日お教えをお願い致します。

　いつも勝手なお願いばかりで、恐縮に存じています。寒くなりました。ご自愛をお祈りしつつお願い申し上げます。

[No.1642] 2008/11/27(Thu) 17:00:06

Re: 心からのお礼とお願いです (No.1642への返信 / 1階層) - 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