TABLE ENOCH@NINJA

忍者ブログ共有テンプレート配布とサポート

[PR]

2024/05/13 (Mon) -

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Pattern04の背景画像の設定

2007/05/20 (Sun) - Pattern04

Pattern04の背景画像を設置する手順です。

記事を投稿する時と同じように画像をブログにアップロードし、次に記したスタイルシートを設定して下さい。

ブログ管理ページ「テンプレート設定/編集」でCSS編集の部分をカスタマイズします。

CSSソースの BODY{ のすぐ下に次のスタイルシートを追加します。

backgournd-color:#fff ;
backgournd-image:url(http://file.<!--$g_user_id-->/bg.gif) ;
backgournd-attachment:fixed ;
backgournd-repeat:no-repeat ;
backgournd-position:right bottom ;

上のスタイルシートを次の様に変更して使用します。

backgournd-colorは背景色の設定です。色の指定が必要な時に使います。（サンプルの値「#fff」は白です。
backgournd-imageは背景画像の設定です。サンプルの「bg.gif」の部分をブログにアップロードした背景画像名に変更して使います。
backgournd-attachmentは背景画像を固定する時使います。
backgournd-repeatは背景画像の繰り返しの指定です。横一列は「repeat-x」、縦一列は「repeat-y」、一つだけの場合サンプルと同じ「no-repeat」に値を変更して使います。
backgournd-positionは背景画像の表示位置の設定です。右下に表示させる場合サンプルの値の様に「right bottom」と、半角スペースをあけて記述します。左上に表示させるなら「left top」、ど真ん中は「center」。

Trackback()　Comment(0)

PREV　HOME　NEXT