素材の配置方法(固定)

 背景画像(jpg gif) イラスト画像(jpg gif)
左に固定(このページが見本) 左上に固定
<style media="screen" type="text/css"><!--
body { background :
#ffffff url(画像の名前.jpg) repeat-y fixed;}
--></style>

<style media="screen" type="text/css"><!--
body { background:
#ffffff url(画像の名前.jpg) no-repeat fixed left top }
--></style>

右に固定 右下に固定
<style media="screen" type="text/css"><!--
body { background:
#ffffff url(画像の名前.jpg) repeat-y fixed right }
--></style>
<style media="screen" type="text/css"><!--
body { background:
#ffffff url(画像の名前.jpg) no-repeat fixed right bottom}
--></style>
上に固定 お好きな場所に固定

<style media="screen" type="text/css"><!--
body { background: #
ffffff url(画像の名前.jpg) repeat-x fixed ;}
--></style>

<style media="screen" type="text/css"><!--
body { background:
#ffffff url(画像の名前.jpg) no-repeat fixed700px 700px }
--></style>
下に固定 右上に固定

<style media="screen" type="text/css"><!--
body { background:
#ffffff url(画像の名前.jpg) repeat-x fixed bottom }
--></style>

<style media="screen" type="text/css"><!--
body { background: #
ffffff url(画像の名前.jpg) no-repeat fixed right top }
--></style>
タグの使い方
タグをコピーして、head と head の間に貼り付けます。
●変更箇所
 画像の名前 .jpg または、.gif
 背景色 #ffffff #000000 など
●300px 300px (お好きな場所・イラストの場合のみ)
プレビューで、確認できれば完了です。
素材の失敗しないサイズ変更の仕方(ホームページ・ビルダー編)
ホームページ・ビルダーをお使いの方は、素材をドラッグすれば、拡大・縮小ができます。この時、Shift を押しながらドラッグすると、左右の比率を変えることなく拡大・縮小できます。拡大は素材が劣化しますので、あまりお薦めできません。
素材サイズの変更を認めていない素材屋さんもありますので、ご利用規定をよくお読みになってからにしましょう。夢幻華亭は、サイズ変更はOKですが、画像ソフトをご利用以外の場合はこの方法をお使い下さい。


トップページ > サイトメニュー > 素材の配置方法

季節の素材 夢幻華亭
Copyrightc(c) mugenka_tei All Rights Reserved since 2003