かたくなにＣＳＳでナビなどをロールオーバーしていたが、
ちょっとJavascriptでやってみよう。
とあるサイトから分かりやすそうなソースをコピペ。
【jsソース】
ファイル名：smartRollover.js
function smartRollover() {
if(document.getElementsByTagName) {
var images = document.getElementsByTagName("img");
for(var i=0; i < images.length; i++) {
if(images[i].getAttribute("src").match("_off."))
{
images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
}
}
}
}
}
【HTML】
タイトルの下に以下を記述。
<ｓｃｒｉｐｔ type="text/javascript" src="smartRollover.js">＜／ｓｃｒｉｐｔ＞
nav_on.gifとnav_off.gif画像を用意。
ボディに以下を記述。
<Ｐ><ａ href="/"><ｉｍｇ src="./nav_off.gif" alt="HOME" border=0 />＜／Ｐ＞
これで簡単ロールオーバーのできあがりっ！
2009年5月26日火曜日
GO TO ハローワーク
あはは～。
ブログだいぶさぼってます。
デザインネタはどうしたっ（ほぼ雑記と化してる）
【今日のできごと】
午前中はゴッタ返すだろーとヤマをかけ、ちょっとズラして職安へ。
したら、すっごい人！！ヤマ、ハズれたっ
まあ、待つしかないので持参した本を読みながら呼ばれるまで待つ。
求人検索も目的のひとつなんだけど、メインは職業訓練の出願！
コースはwebクリエイター科。
PHPやデータベースの管理、FLASH、資格取得や面接の受け方講座などなど。
もっと初歩的なことしかやらないと思ってたからビックリ。
このカリキュラムは非常に魅力的だっ！！
ぜひともやりたいデス！と熱意のこもった出願書を本日提出☆
通学中は手当てが支給されることもあって
お金目当ての人もけっこういるらしい。。。
そんなわけで20名枠に100名が応募する講座があるとのこと（友人談）。
あたしが受けたいコースが人気あるかどうかわかんないけど
ほんとに学びたい人を優先して選出して欲しい。。
とゆーか、退社後は勉強しながら就職活動する予定だったのに
また方向が変わってきたネ～～（^^;
もし職訓受かったら、就職もその分ズレてくことに。
ああ。生活費が心配だ～。。。
でも勉強したい～。。。
ブログだいぶさぼってます。
デザインネタはどうしたっ（ほぼ雑記と化してる）
【今日のできごと】
午前中はゴッタ返すだろーとヤマをかけ、ちょっとズラして職安へ。
したら、すっごい人！！ヤマ、ハズれたっ
まあ、待つしかないので持参した本を読みながら呼ばれるまで待つ。
求人検索も目的のひとつなんだけど、メインは職業訓練の出願！
コースはwebクリエイター科。
PHPやデータベースの管理、FLASH、資格取得や面接の受け方講座などなど。
もっと初歩的なことしかやらないと思ってたからビックリ。
このカリキュラムは非常に魅力的だっ！！
ぜひともやりたいデス！と熱意のこもった出願書を本日提出☆
通学中は手当てが支給されることもあって
お金目当ての人もけっこういるらしい。。。
そんなわけで20名枠に100名が応募する講座があるとのこと（友人談）。
あたしが受けたいコースが人気あるかどうかわかんないけど
ほんとに学びたい人を優先して選出して欲しい。。
とゆーか、退社後は勉強しながら就職活動する予定だったのに
また方向が変わってきたネ～～（^^;
もし職訓受かったら、就職もその分ズレてくことに。
ああ。生活費が心配だ～。。。
でも勉強したい～。。。
2009年4月25日土曜日
web実務２回目でアクシデント！
ウチの会社は基本web仕事はしたくない方針なんだけど
営業がどーしても断れない！ってことで
簡単な更新作業を引き受けた。
前回は単純にカレンダーの画像差し替えだけで終わったから
なんの問題もなかったけど
今回はアップされてるものとクライアントの原稿のレイアウトが
大幅に変わっているってことで、
html + CSSで更新、校正していた。
そして本日ＯＫが出たので、本アップロード！
順風満帆～～！！
ところが、なんということでしょう…。
ＩＥでみたらズレていたのだ！おおう。
実はあたしはfirefoxを使ってて、
一度もIEで確認してなかったんですわ～！！
firefoxの状態でクライアントに校正チェック出してしまったという。。。
怖ろしい！アホ！まぬけ！
上司に事情を説明し、緊急オペ！（？）
どちらかに合わせようとすると、片方がズレる。。。
marginとpaddingの数値を直し、スターハック使いまくり！
そのうちアタマが混乱！
「ＩＥだけに合わせてたらいっかな～」と
悪魔のささやき…。
いや！お客さんがＩＥ見てるとは限らんしっ
ちょっと冷静になって考え、改めてそれぞれのdivとcssの関係を見てみる。
図に書いてみて、「あ、ここのdivの左右marginとればいいだけでは？！」
とひらめき。
ぶじ解決～～～！
ああ。よかった。
つか、あたしがアホなんだね。。
結果的にIEハックの勉強＆実践できたってことで勉強になりました。
もうこんな初歩的ミスは絶対にしない！！
営業がどーしても断れない！ってことで
簡単な更新作業を引き受けた。
前回は単純にカレンダーの画像差し替えだけで終わったから
なんの問題もなかったけど
今回はアップされてるものとクライアントの原稿のレイアウトが
大幅に変わっているってことで、
html + CSSで更新、校正していた。
そして本日ＯＫが出たので、本アップロード！
順風満帆～～！！
ところが、なんということでしょう…。
ＩＥでみたらズレていたのだ！おおう。
実はあたしはfirefoxを使ってて、
一度もIEで確認してなかったんですわ～！！
firefoxの状態でクライアントに校正チェック出してしまったという。。。
怖ろしい！アホ！まぬけ！
上司に事情を説明し、緊急オペ！（？）
どちらかに合わせようとすると、片方がズレる。。。
marginとpaddingの数値を直し、スターハック使いまくり！
そのうちアタマが混乱！
「ＩＥだけに合わせてたらいっかな～」と
悪魔のささやき…。
いや！お客さんがＩＥ見てるとは限らんしっ
ちょっと冷静になって考え、改めてそれぞれのdivとcssの関係を見てみる。
図に書いてみて、「あ、ここのdivの左右marginとればいいだけでは？！」
とひらめき。
ぶじ解決～～～！
ああ。よかった。
つか、あたしがアホなんだね。。
結果的にIEハックの勉強＆実践できたってことで勉強になりました。
もうこんな初歩的ミスは絶対にしない！！
2009年4月9日木曜日
イヤな夢みた。
今朝はなかなか値付けず、３時過ぎまで布団のなかを
ゴロゴロしていた～。
そしていつのまにか夢の中へ。
そこは学校。（どこかの）
なぜか夜にみんなで勉強をしていた。
すると誰もいないところに人の気配や手触りを感じる。。
そんでもって、教室のドアや窓が勝手に開閉する。
みんなパニくって我先に逃げようとするが、
あたしは先生に聞きたいことがあって、恐怖を感じながらも
先生に質問しに行く。と、先生も逃げようとしている。
目に見えないそれは、あたしのすぐ後ろにいるらしく
振り返れない。。。
そこで目覚まし時計の登場。
あ～救われた。
ポルターガイストの夢って、なんか意味あるんでしょうか。
やだわ～。
ゴロゴロしていた～。
そしていつのまにか夢の中へ。
そこは学校。（どこかの）
なぜか夜にみんなで勉強をしていた。
すると誰もいないところに人の気配や手触りを感じる。。
そんでもって、教室のドアや窓が勝手に開閉する。
みんなパニくって我先に逃げようとするが、
あたしは先生に聞きたいことがあって、恐怖を感じながらも
先生に質問しに行く。と、先生も逃げようとしている。
目に見えないそれは、あたしのすぐ後ろにいるらしく
振り返れない。。。
そこで目覚まし時計の登場。
あ～救われた。
ポルターガイストの夢って、なんか意味あるんでしょうか。
やだわ～。
2009年4月7日火曜日
春うららか。
今年は桜の開花が早いって話しだったけど
いきなり寒くなったりでなかなか満開にならなかったね。
先週末からやっとこ満開になった。
今朝撮影した我が社の桜↓↓↓↓
いちおう画像補正はやってみた。
写メで撮ったんだけどあたしのケータイの写メ、へん。（￣д￣；）
イイ具合に撮れることを期待してこの機種にしたのに
ボケるし、なんだか汚い～。
買い換えたいなあ。
ちなみに、５／１５で退社することになったので
これが見納めとなる。ひゅるりら～。
辞めて惜しいと思う唯一のことって、
この桜達とサヨナラすることぐらいかも。
あ。
わたくし、大不況のさなか転職しますです(=゜∀゜)ノ
この会社に入って、ものすごく老いた気がするわ。
色々考えすぎなんじゃろか～。
でも、なんの楽しみもなく何十年ってここで仕事するのは想像つかないし (ρ_；)
会社選びがヘタなのか、社会に適応してないのか。（両方？！）
とにかく、しばらくはwebの勉強にどっぷり浸かって
バイトしながら納得いく就職活動ができればいいなと思っている。
いきなり寒くなったりでなかなか満開にならなかったね。
先週末からやっとこ満開になった。
今朝撮影した我が社の桜↓↓↓↓
いちおう画像補正はやってみた。
写メで撮ったんだけどあたしのケータイの写メ、へん。（￣д￣；）
イイ具合に撮れることを期待してこの機種にしたのに
ボケるし、なんだか汚い～。
買い換えたいなあ。
ちなみに、５／１５で退社することになったので
これが見納めとなる。ひゅるりら～。
辞めて惜しいと思う唯一のことって、
この桜達とサヨナラすることぐらいかも。
あ。
わたくし、大不況のさなか転職しますです(=゜∀゜)ノ
この会社に入って、ものすごく老いた気がするわ。
色々考えすぎなんじゃろか～。
でも、なんの楽しみもなく何十年ってここで仕事するのは想像つかないし (ρ_；)
会社選びがヘタなのか、社会に適応してないのか。（両方？！）
とにかく、しばらくはwebの勉強にどっぷり浸かって
バイトしながら納得いく就職活動ができればいいなと思っている。
2009年4月4日土曜日
phpにチャレンジ!!
久しぶりにゆっくりした土曜休み。
エステでほぐされ、TUTAYAで買った「ポートフォリオの教科書」を持参して
馬車道でランチ★☆ああ。パスタがうまい。至福～。
そしてじっくり読書。
ふーむ。過去の制作物のクオリティもさることながら
一冊の「ポートフォリオ」という作品としての精度が高いかどうか。
これによって内定への確立も大きく左右されるという。。。
参考になるわ～
◎ポートフォリオとは？
「書類を束にする」の意味。金融業界でもよく使用する言葉であるが、クリエイティブ業界で言うポートフォリオは、他人に見せるための複数の作品をまとめたものを差す。
そして自宅で、滞りがちなサイトのブラッシュアップに。
問い合わせフォームがおかしいので、ガッコの先生にアドバイスをもらった。
言われたとおり、idとtextarea・labelタグを追加＆修正！見事解決！！
ついでに億劫だったxamppインストールもトライ！
はあ。もーわけわからん！ページが表示しないよお…（泣）
やっぱプログラムとかって向かないのかも。。
と嘆きながらもちょこちょこイジると。。。
おお～～っ！できたっ
とりあえずブラウザで表示できてホッとひと安心（笑）
以下のサイトを参考に繋げた～☆
「phpspot」
ありがとうございました！
エステでほぐされ、TUTAYAで買った「ポートフォリオの教科書」を持参して
馬車道でランチ★☆ああ。パスタがうまい。至福～。
そしてじっくり読書。
ふーむ。過去の制作物のクオリティもさることながら
一冊の「ポートフォリオ」という作品としての精度が高いかどうか。
これによって内定への確立も大きく左右されるという。。。
参考になるわ～
◎ポートフォリオとは？
「書類を束にする」の意味。金融業界でもよく使用する言葉であるが、クリエイティブ業界で言うポートフォリオは、他人に見せるための複数の作品をまとめたものを差す。
そして自宅で、滞りがちなサイトのブラッシュアップに。
問い合わせフォームがおかしいので、ガッコの先生にアドバイスをもらった。
言われたとおり、idとtextarea・labelタグを追加＆修正！見事解決！！
ついでに億劫だったxamppインストールもトライ！
はあ。もーわけわからん！ページが表示しないよお…（泣）
やっぱプログラムとかって向かないのかも。。
と嘆きながらもちょこちょこイジると。。。
おお～～っ！できたっ
とりあえずブラウザで表示できてホッとひと安心（笑）
以下のサイトを参考に繋げた～☆
「phpspot」
ありがとうございました！
登録:
投稿 (Atom)