2006年 01月 29日
23 記事表示部分の背景に壁紙を設定しててみましょう-2 (HTML & CSS)
|
ベーシック スキンのダークブルーをベースに書いていきます。
今回は記事表示部分の背景に壁紙を設定しててみましょう。
前回はCSSでカスタマイズを行いました...そうすると、表示する内容が無いと、背景は途中で途切れてしまいます。
それを回避してみましょう。
準備.壁紙にする画像を “マイイメージアカウントにイメージ登録” から登録して下さい。
イメージのurlをコピーしておいてください。
*注意
他のサイトから直接リンクだけはしないようにしてくださいね。
必ず自分でupしたurlで行ってください。
画像のサイズは適当でOKです^^;
1.HTML(全体)をカスタマイズします
24,25行目位に
<td width="560" valign="top">と言う文があります
<div id="RIGHT">
valign="top"の後ろに半角のスペースをいれた後に
BACKGROUND="http://pds.exblog.jp/pds/1/****.gif"
を追記してください。http://~はあなたがupした画像のurlですよ^^
編集後
<td width="560" valign="top" BACKGROUND="http://pds.exblog.jp/pds/1/****.gif">
<div id="RIGHT">
CSSをカスタマイズします。
Ⅰ.CSS の比較的上のほうに^^;(25行目くらいに...)
DIV#RIGHT {
BORDER-LEFT : 1PX #CCC DOTTED;
BACKGROUND : #F4F5F9;
WIDTH : 520PX;
MARGIN-BOTTOM : 40PX;
PADDING : 0PX 20PX 0PX 19PX;
WORD-BREAK : BREAK-ALL;
}
という文がありますので探してみてください。
BACKGROUND : #F4F5F9;
を削除してください。
この後プレビューを押して確認してみてください。 OKでしたら保存を押して適用してくださいね。
CSSのみで行ったときのプレビュー
今回のプレビューね?切れてなぁ~い^^
今回の背景は和風素材の小紋屋様からお借りいたしました。
by chocobopapa
| 2006-01-29 15:26
| スキン編集