人気ブログランキング | 話題のタグを見る

○○さんの為のエキサイト・スキン編集ブログ
by skin_dasu
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
カテゴリ
skin編集
投稿&表示方法
コメント欄
背景の変更
メモ帳
その他
タグについて
skin付属
スキン解体
はじめに
以前の記事
2010年 12月
2009年 06月
2009年 05月
2006年 08月
2006年 07月
2006年 05月
2006年 04月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
メモ帳
ご訪問有り難うございます。
なるべく分かり易いように
努力致します。
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧


投稿欄の背景色の変更
えー、やっと本来の続きをUPします。

画像が見にくい場合は画像を直接クリックです。

今回はタイトルにもある通り、投稿欄の背景色の変更についてです。
これはCSS編集枠の「DIV.POST」のコーナーで行います。
「POST」=投稿欄と憶えておいていいと思います。↓
投稿欄の背景色の変更_a0064894_1473786.jpg


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
記事が書いてある背景色は「DIV.POST_BODY」で行います。
投稿欄の背景色の変更_a0064894_1494077.jpg

現時点では、背景は白(色指定はされていません)なので、
ここに色を指定する今までも出てきました
「BACKGROUNG-COLOR : # ;」を入力します。(お好きなカラーをどうぞ)

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
入力したものが↓
投稿欄の背景色の変更_a0064894_153223.jpg


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
プレビューすると↓
投稿欄の背景色の変更_a0064894_1542052.jpg


おっと、なんか変ですね。






これは投稿欄にもマイ・イメージ(白く残っている部分=トップ、タイトル、エンド)が
適応されているからです。↓
投稿欄の背景色の変更_a0064894_1565691.jpg


※タイトル部分は「DIV.POST_HEAD」になります。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
この「BACKGROUND-IMAGE : ・・・・・・・」の部分を削除して
「BACKGROUND-COLOR」に変更(入力)すればいい訳です。
「DIV.POST_HEAD」は他のカラーを別にして下さい。

投稿欄の背景色の変更_a0064894_202668.jpg


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
プレビューすると↓
投稿欄の背景色の変更_a0064894_224297.jpg


これで一応完成です。これまでが理解出来ていれば、割と簡単だったはずですね。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「タイトル部分の縦幅がちょっと気になる」と云う方は、「DIV.POST_HEAD」の
「hieght : 40PX;」の40の部分を30とかにして調整して下さい。


投稿欄の背景色の変更_a0064894_255320.jpg


ワンポイント・アドバイス:シンプルなスキンをお使いの方は、
背景のマイ・イメージが無い場合があります。
その場合、今回と逆で、どなたかのテクスチャーや自作の背景を作って、
マイ・イメージに登録して、backgroung-imageでUPすればいい訳ですね。

以上です。
次回はコメント欄についてです。
by skin_dasu | 2006-02-09 02:14 | 投稿&表示方法 | △TOP
<< スキン編集をスムーズに 画像サイズの変更 >>