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





↓--------

スポンサーサイト

 スポンサー広告



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


↓2005-09-23

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

 ヤプログ講座



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

スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
ピンク色のスキン(他の色でも問題ナシ)は最初、スタイルシートの真ん中より上あたりに

.entry
{
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
}

というタグが入ってます。
.entry{ここの部分}に、「background:?;」というタグを入れることで背景画像や背景色を指定します

★背景色を指定

.entry
{
BORDER-RIGHT: #f99 1px solid;
~省略~
}

に一行付け加えます↓

.entry
{
background:ここに好きなカラーコードやカラーネーム;
BORDER-RIGHT: #f99 1px solid;
~省略~
}
となります
参考→カラーコードとカラーネーム


.entry
{
background:#000000;
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
}

★背景画像を指定

.entry
{
BORDER-RIGHT: #f99 1px solid;
~省略~
}

に一行付け加えます↓

.entry
{
background:url(ここに画像のアドレス);
BORDER-RIGHT: #f99 1px solid;
~省略~
}
となります。url(ここに画像のアドレス)のカッコは消さないでください
参考→23HELP ヤプログで画像をアップロード(別サイト様)


.entry
{
background:url(http://blog25.fc2.com/yaplog/1.gif);
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
}
コレで画像が全面に並びます。

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

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



講座の目次


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