smart OR smart

Masato Nakamura weblog

flashの上にdivを置く時の注意

先日やろうとしたこと。

flashを背景にしいて、上で何やかんややろうと思ってた。

方法論としては、まずflashを作る。
んで、下記を追加する。
<param name=”wmode” value=”transparent” />
<embed wmode=”transparent”>
これでflashの上に要素を置いても、flashがちゃんと下にくるようになった。

というわけで、今度は上におきたいdiv要素を作り、配置する。
置き方は、marginをマイナスにしようが、position:absoluteしようがどっちでもいい。
僕はmarginマイナスにしてみた。positionの挙動が、あまり好きじゃないんです。
absoluteとrelativeを使いこなさなくちゃいけないのが面倒で…。

さて、これで基本的にはオッケーです。
divんなかにすきなの詰めて遊べばいいと思います。

ところがどっこい、僕はそのdiv要素に、背景画像をしこうと思ってた。
これがうまくいかないんですよねー。
cssでbackgroud:url(img.jpg);とかやっても出てこない。
唯一、IE6だけ出てくる。Firefox、Webkit、IE7とかのモダンブラウザは全死亡。さすがIE6は格が違った。

どうしようかしばらく試行錯誤してみたんですが、どうも、これは仕様のよう。
backgroundプロパティで示されるものは、どうやら一番奥にいってしまうみたい。

仕方ないから、僕はflashの中でその背景を表示させることで回避しました。
flashに無駄なデータとレイヤーが出来るんで邪魔なんですが、仕方ない…。

あんまりいないと思いますけど、flashの上にdivを重ねようって時にはご注意を。
divの背景は、flashの上にはのりません。一番下にいきます。

絵を描いていただきました

さて。
ちょっと時間のあるうちにお知らせをやっておきましょうか。

先日、BTDの更新を再開したときに、嬉しいメールをいただきました。
また一緒に、ステキな絵もプレゼントしていただいたので、そのご紹介をしたいのです。

Blood Type Dをモチーフに、イラストを描いていただきました。

お絵かき日記

yamakiさま、ありがとうございます。
僕は絵心はあまりありませんので、素直にすごいなぁ、嬉しいなぁ、と関心してしまいました。
柔らかいタッチですよね。にもかかわらずちょっとダーク。Blood Type Dの絵っぽいです、すごく。

ちなみに、これとは別バージョンの絵もメールでいただいているのですが、
そちらは、今のところは僕だけが楽しんでいる感じです。
というか、Galleryのページとか別にないので、置くところがないという。すいません。

それではこんなところで。
Blood Type Dは次なるチャレンジへ向けていろいろ考えております。
単純にスピンオフな物語がいくらでも書けるので、どうしようかなぁ、とか。
では。

Blood Type D更新ですです

Blood Type D更新です。
クソ面白いんで読んでください。はい。

お、更新しやがったなコイツ!忙しいとか言ってるわりにやりやがるぜ!
とかお思いの方は、僕がまだ仕事をしていて、更新終わったからまたすぐ仕事に戻ることを察してください。
大詰めなんですよねー。もうちょっとで完成するんです。おっきな仕事が。

何か、こういうときに思うけど、やっぱり、僕はこのWebデザイナーって仕事が好きなんだなぁ、としみじみ。

単純に、忙しいのは忙しいけれども、「つらい」という感想がぜんぜん出ないものね。
むしろ「楽しい」と思える。寝食忘れてやってしまう。寝るのは忘れないけど、食べるのは本気で忘れる。

さて。
後書きを簡単に。

今回も、すごく良いシーンです。
ていうか、このあたりは僕がノリノリに書きすぎて、やたらにクソ面白いんで読んだほうがいいと思うんです。
たくさんの命が散っていくなか、たった一人へ託されて、つながれて、
その一人はそれを受け取って、次へ、つなごうとする。
この一連の流れが好きすぎるので、BTDでも取り入れた感じです。
すげー面白いと思うんだよなぁ。すげー熱いと自分でも思うし。

という感じです。では。
仕事します。

脳内にガールズ

ユニクロの東京ガールズコレクションにて、押切もえちゃんがいます。超かわいい。そもそも、トップにある猫っぽい表情がミラクルすぎる。かわいいなぁ。うーん。しみじみ。でも正直ユニクロのアイテムって、インナーがせいぜいだと思うわ。とか思いながら今年はアメアパみたいなパーカーをよく着てます。

ほぼ日のハラマキ特設サイトで、モデルになってる女子が雰囲気よくてかわいいなぁ。誰だろうなぁ。キュンキュンするやん。おっちゃん、キュンキュンしてしまうやん。あかんやん。とか思って調べてみたら、松田園子さんでした。あー。Springね。なるほど。あのへんの雑誌ってあんまモデル押ししないから気づかなかった。あかんやん自分。アンテナ感度悪いやん。

・誰かにオススメされてRayをちょっと読んでみる。うわぁ!なるほど!あかんやんこれ!あかんやん!正直、赤文字雑誌は複数読む元気がないんだけど、これはもうちょっとチラ見しないとあかんな。自分。

・non-noの木村カエラは、いつ見てもかわいく見える。あのコ動いてるの見たり、歌は正直微妙なんだけど、ああやってキメるとかわいいよなー。なんかのCM(ジェル系の)んときもかわいかったしな。

・頭んなかがCSSでいっぱいなので、女の子を入れてみた感じです。

Movable Type にごめんなさい

ガリガリとコーディングをしています。思えば、結構久しぶりのCSSコーディング。
これまでFlashやらデザインやらは頑張っていたけれど、コーディングは久々だなぁ。
何かちょっと忘れてる感あるな、と思いながら再勉強。

で、それが終わったら今度はMovable Typeの登場です。
コーディングしたものをベースに、MTでカスタマイズしていくわけですが、
このブログはWordPressでやっているし、今までもあんまりMT触ったことなかったので、とにかく苦戦中。
マルチブログするのに一苦労ですよ。何をどうしたらいいんだー。うわー。
つーか、マルチブログとかたぶん序の口すぎるとこだと思うんだけど、そこにつまずくってどうなんですか皆さん。

なんつーの。
MTタグ?っていうの?
MT独特の謎タグ。まずこれが意味わかんないもんね。
MTEntryとか言われても、意味わからない。ダンシングするしかない。レッツダンシング。今宵もふたりでレッツダンシング。
それを何とかクリアしたら、今度はMTDateHeaderとかキたよ!なんだよおまえ!ダンシング、ダンシング!

という近況のご報告。最近は、踊ってばかりいる日常です。
4月が終わったら、というか、ゴールデンウィークに入るまでには、何とかがんばりたい。
がんばるぞー。


Page 1 of 512345