背景画像ってなんじゃらほい?

ども。
ホームページを更新するのを
自力でやっている人にすると
HTMLとかCSSとかたくさんあって
意味ワカラン・・・って
なる時も多いと思います!
(。_。(゚ω゚(。_。(゚ω゚(。_。(゚ω゚(。_。(゚ω゚ )スペシャルウン
特にCSSが絡んでくると
「お前は誰じゃーーーーーーっ!」みたいな
指示が入っていたりするので
ビックリすることもしばしば。
!∑(゜∀゜) ナニコレー
今回は、ブログなんかでも使える
背景画像の指定をしているCSSの部分です!
背景画像かどうかなんてわからなーい!って
時もあるかと思うので
まずその調べ方♪
◆調べ方
ブラウザ(InternetExplorerとかfirefoxとか)で
調べたいところの画像のところへ
マウスをもっていきます。
んで、右クリックした時に
「名前をつけて画像を保存」って出てこない場所は
CSSで背景画像として指定されてます♪
※ふつうに画像として入れ込まれているやつは
最近のブラウザやとマウスでその画像の上を
ドラッグすると画像部分だけ
ビヨーーーンって動いたりするよ♪
ちなみにこの「ブログを書く」っていう画面の場合は
$大阪のWEBデザイナーRYO★りょうのWEBデザイン放浪日記
この画面の一番右側にある緑色の「タグ編集エディタ」の部分が
背景画像に指定されている部分です。
じゃ、どうやって指定してんねやっっ!!
ちゅー話になってきますよね。
これはCSSファイルの中に
backgroundって書いてるところがあるはず!
それが背景を指定するための魔法のお言葉。
background-imageってだけの場合もあるけども
これはもう完璧に
「背景画像」って事です。
そこに
background:url(img/head_bg.jpg);
って感じで書いてたら
img/head_bg.jpgってのが画像がある場所のこと。
このCSSでは、head_bg.jpgっていう画像が
imgフォルダの中にあるんやなぁってのがわかります。
むしろこのフォルダの中にその名前の画像がない場合は
表示がされへんくて
「・・・・(o’ω’o)?」って感じになってるはず(笑)
探してねーちゃんと探してねー♪
なかったらそこの場所にちゃんと
その名前(head_bg.jpg)で画像を入れてあげてくださいね♪
こんな感じでCSSに慣れていきましょう!
*:..。o☆★o。..:* RYO’s HOMEPAGE *:..。o☆★o。..:*

ホームページを自分で更新するお勉強会、やってます!

Who's Tocoton? Tocotonってどんなん? ------------------------------------------------------
Tocoton はアメ村でホームページを中心にデザイン制作をしてます。
http://toco-ton.com/
ロゴ・名刺・チラシ・メニュー表・看板、写真撮影もやりますよ!
フットワーク軽いデザイナーお探しの方、ここにおります。
ご相談・お見積もり・ちょっと聞いてー!もどうぞ。
海外からのお仕事も大歓迎
Tocoton is a freelance web designer works at America-mura @ Osaka, Namba.
Web site, logo, namecard, flyer, menu, signboard and photographer, please check my website!
-----------------------------------------------------------------------

Share Button