no.010 イラスト

ホームページを更新しました♪

●2013.03.03 イラスト・写真ページを更新しました

その他イラストにマジシャンを追加しました。

イラスト一点だけですけどね！（＞＜）

あとはcssをちょこちょこと弄りました。

cssについては以下をご覧ください。
no.009 ロールオーバー用css

本当はindexの更新履歴も外部に書き出して読み込んで～ってしたかったのですが、

上手くいかず断念。

今後修正していきたいです。

no.009 ロールオーバー用css

ホームページにイラストを追加しようと思って、久々にファイルを見てみたら、

更新が面倒なことに気が付き、cssを編集してみました。

今回編集したページは以下。

http://sami.chu.jp/image.html

更新するにあたりどこが面倒だったかと言いますと、

1枚画像を掲載したいだけなのに、必要な画像が3枚。

・サムネイル画像

・サムネイル画像のロールオーバーイメージ

・クリックした後に開くjs用の画像

今回cssを編集したことにより、以下の画像が不要となりました。

・サムネイル画像のロールオーバーイメージ

使用したcssは以下の2つ。

p.hvr{

background-color: #000000;

}

pタグで囲んでいるimg要素の背景を黒にし、

p.hvr a:hover img
{opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}

aタグで囲んでいるimg要素をロールオーバーした際に、透過する。

htmlは以下の通り記述しました。

<p class="hvr"><a href="クリックした後に開くjs用の画像.jpg"><img src="サムネイル画像.gif" width="190" height="190" alt=""></a></p>

これで更新の手間が少し省けました。

白く透過したい時は、1つめのcss（img背景を黒くする）は不要です。

細かいcssの説明はグーグル先生に聞いてみてね（*・ω・*）

no.008 時間、とは

自分で作るものだと、専門時代に教えられました。

忙しいはいいわけにしかならない。
時間は、自分で作るもの。

最近、やりたいことがたくさんあって、
そのうちいくつかは、もう1年以上も前からやりたいやりたいと思っていたのですが、
毎回、やりたいことと、やらなきゃいけないことの板挟みで…
結局やりたいことも、やらなきゃいけないことも出来ずに時間を潰してます。

今週は仕事に終われていて、帰ったらご飯食べて、お風呂入って寝る。
ただ、これだけの生活を送ってます。

朝になったら起きて、ご飯食べて、仕事して…って。

でも、その分休日はプライベートを充実させなきゃ！と思える一週間でもありました。

仕事をするときって、工数と時間を決めて、優先順位を付けて…ってやっているんだけど、私にはそのやりかたがあっているみたい。

今週末は自分なりに充実した休日を送れるよう、がんばります！
そのためには仕事をきっちり終わらせねば！がんばるぞー！