2011-03-01から1ヶ月間の記事一覧
（ラウンドアップ）CSSでbodyにbackground-image 新規作成で 幅160pixcel・高さ34pixcel 新規レイヤーを作る そこに楕円選択ツールで正円を描く（スタイル→固定→幅34px・高さ34px）。 薄い色を塗る（Shift + F5）。 長方形選択ツールに持ち替えて長方形を描…
ナビゲーションボタンでマウスを置いた時にボタンの画像が切り替わる <a href="#"><img src="images/01.jpg" width="140" height="40" alt="" onmouseover="this.src='images/01_o.jpg'" onmouseout="this.src='images/01.jpg'"> 画像入力の後に半角スペースを空けてonmouseoverとonmouseoutを書き込む。 this.srcで1wordということ。 ’（シングルコート）でフォルダと画像名を囲む。HTML側だけでボタンの色が変える</a>…
画像リンクとインライン化・ブロック化のリンク <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equive="Content-Style-Type" content="text/css"> <title>カフェ茶の花</title> <style type="text/css"> </meta></meta></head></html>
楽しいけど出来ることが多すぎて この先大丈夫だろうか・・・どちらも授業のテンポが速くてアップアップ。 焦る。 何度やってもナビゲーションボタンが思うようにいきません。
機能を使いこなせない。 習うより慣れろか。 沢山触るしかない。
背景に画像を挿入する。 背景をimagesフォルダーに作り background-image:url(images/名前.gif); background-repeat:repeat-x;横に繰り返す -y;縦に繰りかえす background-position:center; をセットで入力する。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equive="Content-Style-Type" content="text/css"> <title>カフェ茶の花</title> </meta></meta></head></html>
background-image: url(images/画像名.jpg) グラデーション画像を用意してその画像をrepeat-xで横に繰り返す。 グラデーション画像の終りの色に合わせて背景色を入力する。 視覚的にページの下までグラデーションがなっているように見える。
img src はAltの説明が必要でCSSオフにしても見える。（商品の写真など） background-imageは見えなくても差し支えないもの。 （飾りなど）
Snipping Toolで画像を切り抜く。 切り取りたい画像を表示してから アクセサリーのSnippingToolを選ぶ。 切り取った画像を保存してはてなにアップロードする。
ブラウザが持っている基準値と＃containerの基準値を相対的→relativeに変動させる。 そこで上から左から何pxにするか→absoluteで指定する。 これらをセットで指定する。 absolute 親要素の左上を基準とした座標で指定する。 relative 本来の配置される場所を…
同じフォルダのなかにhtmlとimgフォルダを作れば簡単なんだ。 違うところに作ると階層が変わって内側から外側へいくから./とか../とか つけなくてはならないと複雑に……。 慣れてきたらどうってことないのかも（笑）今はいいや。 <img src="images/btn.gif" width="100" height="100" alt="ボタン">cssでtext-align: center;に…
3D回転体 と 円のグラデーションイラストレーターを開きペンツールで描く。 効果→3D→回転体を選択する。完成 楕円選択ツールで円を描きグラデーションをかける。拡大・縮小ツールでShift＋Altを押して比率を保ちながら円内に コピーする。内側の円のグラデー…
