無料でホームページ作成に取り組みたい人の為のホームページ作成サイトです!

PRAMO WEB2.0の画像を変える方法

PRAMO WEB2.0 にログイン

コントロールパネル→テンプレート編集→スタイルシート【全体】をクリック

スタイルシートの中から下記の部分を探します。

images/header.jpg を 画像のURLと書き換えて保存します。

/* ヘッダーの設定 */

#header {
 height: 230px;
 width: 800px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 background-image: url (images/header.jpg);
 background-repeat: repeat-x;
 background-position: center bottom;
 padding: 0px;
}



まず上記のテンプレートに合わせた画像を作成 しましょう

高さ230px 横幅800px で画像を作成します。

作成した画像を任意のサーバーに転送します。
この場合、転送するサーバーやファイルはどこでもかまいません。

転送した画像のURLを確認します。

転送済みの画像URLをインターネットのアドレス欄へ記入して更新。

画像だけのページが現れたら、転送OKです。

転送確認したURLを images/header.jpg のところに書き込みます。

たとえば、画像URLが、http://hotel.trend-jp.net/images/header.jpg の場合。

下記のようになります。

/* ヘッダーの設定 */

#header {
 height: 230px;
 width: 800px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 background-image: url (http://hotel.trend-jp.net/images/header.jpg);
 background-repeat: repeat-x;
 background-position: center bottom;
 padding: 0px;
}


“超初心者” 無料ホームページ作成講座