アットウィキロゴ

ヘッダーにオリジナルイメージを貼る方法


ちょっと調べてみました。

ログインするとプルダウンメニューに表示される"設定"をクリックすると、Wikiの管理メニューになります。
左フレームに"CSSカスタマイズ"というのがありますので、このメニューを選びます。

⇒"基本デザインのCSS”を開くと元のCSSが分かります。
とりあえず、背景のイメージを変更するなら、↓を、ちょっと修正して
"■ユーザー定義CSS:"に貼り付けて、変更するだけです。

#header {
	text-align: left;
	width: 750px;
	height: 150px;
	background-color:#F4A08F;
	background: url(http://img.atwiki.com/image/baby/titlebg.gif) ;
}

↓がイメージ(ここをクリックすると画像が開くので、保存してペイントツールで編集すると良いでしょう)
http://img.atwiki.com/image/baby/titlebg.gif

このファイルは、変更できないので、FTPでオリジナルのイメージファイルを
アップロードします。

FTPで、www22.atwiki.jpに、wikiの管理者ユーザー/パスワードで接続したトップが
http://www22.atwiki.jp/tanakasanchi/pub/
にあたるので、ここに例えば、tsukkun.jpgとかファイルを置くと
http://www22.atwiki.jp/tanakasanchi/pub/tsukkun.jpg
とかするとブラウザで表示することを確認できます。


そして、さっきの#header以下のイメージファイルのところをこれに書き換えて
保存すればOKです。

トップページに戻ってリロードするとオリジナルのイメージに変わっているはずです。^^;

変更用のイメージ作る時は、いったん元のファイルを落として編集すると調整が楽です。
もとのイメージに吹き出しがついているので。。
最終更新:2007年05月20日 22:17