人気ブログランキング | 話題のタグを見る
2006年 01月 29日
23 記事表示部分の背景に壁紙を設定しててみましょう-2 (HTML & CSS)
exciteブログワンポイント カスタマイズの第23回目です

ベーシック スキンのダークブルーをベースに書いていきます。


今回は記事表示部分の背景に壁紙を設定しててみましょう。
前回は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でしたら保存を押して適用してくださいね。
23 記事表示部分の背景に壁紙を設定しててみましょう-2 (HTML & CSS)_e0075308_21521324.jpg

CSSのみで行ったときのプレビュー
今回のプレビューね?切れてなぁ~い^^

今回の背景は和風素材の小紋屋様からお借りいたしました。
by chocobopapa | 2006-01-29 15:26 | スキン編集

記事更新停止中です;;
by chocobopapa
    
since 2005.9.17
Count Down
Ranking

第10位

マイペース
SunSet Swish

第9位

Around The World
MONKEY MAJIK

第8位

恋のダウンロード
仲間由紀恵
with ダウンローズ

第7位

太陽の下
レミオロメン

第6位

Kiss Me Good-Bye
アンジェラ・アキ

第5位

Startin'/Born To Be...
浜崎あゆみ

第4位

SEXY BOY-そよ風に寄り添って-
モーニング娘。

第3位

純恋歌
湘南乃風

第2位

一剣
氷川きよし

第1位

サヤエンドウ
はだしのシンデレラボーイ
NEWS
Chocobo Style
    
以前の記事
    
カテゴリ
    
最新のトラックバック
    
フォロー中のブログ
    
その他のジャンル
    
ファン
    
記事ランキング
    
ブログジャンル
    
画像一覧
Copy Right Chocobo Style Since 2006