|
||||||||||||||||||||||||||||
![]() |
||
|
||
|
||
| トップページのタイトルやボタンもアイコンを上手に 組み合わせて作ってみましょう。 イラストと文字のおき場所も考えましょう。 「私のお庭」の両脇のイラストと文字は中央揃いに 設定しました。の中です。 「自己紹介」や「花の写真」の横のイラストは下に揃えてます。 ちょっとした事だけど、すっきりします。 赤い小花はボタン(リストマーク)を並べてラインに見せてます。 |
*〜私の自慢のお庭です。どうぞごゆっくり〜* |
|||
|
|
|
||||
| 透過処理 ○ | 透過処理 × | ||||
白背景用透過処理 |
黒背景用透過処理 |
透過処理されていても ホッとしてたらダメです。 こちらの クマさんの透過処理をご覧下さい。 同じ透過処理でも薄い色用や、濃い色用があるんです。 アタシは面倒くさいので、あまり黒背景用は作りません。 クリスマスのアイコンくらいかな・・・ |
|||
| ↓ | ↓ | ||||
ほらキタナイ |
ほらキレイ |
| 自分のHPだって ごちゃごちゃしてるのに 人に教えるとは何様の つもりかしら? って内心思いながら このページ 書いてます。 (´・ω・‘) |
|
|
| そのまま使用例 (1) | テーブル使用例 (2) | |
| 気に入った壁紙がハデだったら??? あきらめる?それとも無理矢理 使っちまえ〜!? どっちのタイプかしら? 諦めるのも使っちまうのも ちょっと待ったぁ〜 テーブル(=表の事)を使えば (2)のようになんとでもなるのさ。(⌒〜⌒)ニンマリ テーブルの書き方は『タグ・THML』のページに書いてあるので参考にしてね。 |
||
| マウスカーソルをアイコンの上にのせてみて下さい。 文字が表れましたね。これが 代替テキストです。 目の不自由な人の案内にもなるらしいので、ぜひ使いたいものですね。 |
|
| こんな風に 一言メッセージにもなります。 代替テキストのタグは『タグ・THML』のページに書いてあるので参考にしてね。 |