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





↓--------

スポンサーサイト

 スポンサー広告



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


↓2005-09-23

ヤプログ・記事タイトル(題名)の背景色変更&背景画像の指定

 ヤプログ講座



記事タイトル(題名)の背景色をかえたり、背景に画像を指定したりします。透過(透明にする)もします

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

.entry_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 3px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

というタグが入ってます。ここを改造します

★背景色を指定

.entry_title
{
PADDING-RIGHT: 0px;
~省略~
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}
に一行付け加え、BACKGROUND-COLOR: #f99を削除します↓

.entry_title
{
background:ここに好きなカラーコードやカラーネーム;
PADDING-RIGHT: 0px;
~省略~
LETTER-SPACING: 1px;

}
となります
参考→カラーコードとカラーネーム


.entry_title
{
background:#000000;
PADDING-RIGHT: 0px;
~省略~
LETTER-SPACING: 1px;
}

★背景画像を指定

.entry_title
{
PADDING-RIGHT: 0px;
~省略~
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

に一行付け加え、BACKGROUND-COLOR: #f99を削除します↓

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


.entry_title
{
background:url(http://blog25.fc2.com/yaplog/1.gif);
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 3px;
LETTER-SPACING: 1px;
}
コレで画像が全面に並びます。

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

★背景色を透過
.entry_title
{
~省略~
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}
のBACKGROUND-COLOR: #f99を削除します。

.entry_title
{
~省略~
LETTER-SPACING: 1px;
}
となります。background:?;という部分があればそれも削除します



講座の目次


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