ヤプログ・全体の背景色変更&背景画像の指定 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


↓2005-09-23

ヤプログ・全体の背景色変更&背景画像の指定

 ヤプログ講座



全体の背景色をかえたり、背景に画像を指定したりします。

スタイルシート・メインテンプレート・1記事テンプレート・アーカイブテンプレートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
メインテンプレートの上のほうにある

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

bgcolor="#FFFFFF"を削除し、

<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

とします。同じことを1記事テンプレート・アーカイブテンプレートにもおこないます

つぎに、スタイルシートの一番上にタグを入れます

★背景色を指定

body
{
background:ここに好きなカラーコードやカラーネーム;
}

というタグを一番上に貼り付けてください
参考→カラーコードとカラーネーム


body
{
background:#000000;
}

★背景画像を指定

body
{
background:url(ここに画像のアドレス);
}

というタグを一番上に貼り付けてください。url(ここに画像のアドレス)のカッコは消さないでください
参考→23HELP ヤプログで画像をアップロード(別サイト様)


body
{
background:url(http://blog25.fc2.com/yaplog/1.gif);
}
コレで画像が全面に並びます。

背景画像を一列に並べたり、一箇所に固定したい方はコチラ

記入したbackground:?;という部分を削除すると、背景色が透明になります



講座の目次


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。