Le Arche 2021-01-20T13:38:51+09:00 JUGEMさんのテンプレとか、CSSとか、HTMLとか JUGEM 生存報告とか色々なお知らせ http://le-arche.jugem.jp/?eid=71 2010-12-28T01:16:03+09:00 2010-12-27T16:16:03Z 2010-12-27T16:16:03Z 大変ご無沙汰しております。冥です。
■近況
絶賛休職&求職状態から。9月には解放されまして。
お仕事しております。はい。おかげさまで。
前の場所より1件1件がデカイので、なかなか緊張感を持ってやってます。
お洋服の方もぼちぼち、順調に。
仕事が忙し... 皓月 冥 おしらせ
■近況
絶賛休職&求職状態から。9月には解放されまして。
お仕事しております。はい。おかげさまで。
前の場所より1件1件がデカイので、なかなか緊張感を持ってやってます。
お洋服の方もぼちぼち、順調に。
仕事が忙しかったり、プライベートで遊びまくったりで、まったりですが、続いています。
■お知らせとか
まぁ、こうしてこのブログをながらく放置することになりましたし、こちらのブログは閉じてしまおうかな、と思っております。
なかなか更新出来ない間に、HTML5とかCSS3とか、WPやMT、PHPにjQuery…etc と、勉強はいっぱいしてたんですが、そのメモをしていくには、やはり無料ブログは限界が、ね!
それに伴いまして、テンプレートの配布も終了したいと思います。
ブログそのものは残しておきますので、今現在ご利用いただいている方はそのままご利用いただける、と思います。
新しくテンプレートも作りたいなぁと思う事はこれまでもたびたびあったんですが、ブログのテンプレートはどんどん変わっていってしまって、こう…メンテナンスが追いつかないんですよね。
なので、大変申し訳ないですが、テンプレートに関する質問等についてもお答えは出来ませんのでご了承ください。
このブログ自体は閉鎖いたしますが、http://ark.under.jp/le-arche/ にて勉強系や素材の配布等は行っていきたいと思っておりますので、よろしくお願いいたします。
(*リニューアル作業中です*)
それでは、私が制作したUTFをご利用くださいました皆様、これまでありがとうございました。
皓月 冥自体はwebでちょこちょこやらかしていくと思いますので、よろしくお願いいたします。]]> 生存報告とお知らせと宣伝と http://le-arche.jugem.jp/?eid=70 2009-08-21T02:25:25+09:00 2009-08-20T17:25:25Z 2009-08-20T17:25:25Z ごご御無沙汰してます、ブログ管理人です;;
気付いたら放置期間が1年越えてました。ごめんなさいスミマセン;;
twitter見てる方はまぁご存知かと思われますが、生きてます。はい。
■1年ちょいにやっていたこと
仕事に終われながらも、洋裁熱の暴発により、個人... 皓月 冥 おしらせ
気付いたら放置期間が1年越えてました。ごめんなさいスミマセン;;
twitter見てる方はまぁご存知かと思われますが、生きてます。はい。
■1年ちょいにやっていたこと
仕事に終われながらも、洋裁熱の暴発により、個人ブランドとか立ち上げてました。
通販とかもやってます。イベントで販売とかもやってます。
そんな中、不況で会社がほぼ倒産状態になり、現在、絶 賛 求 職 活 動 中 です。
1年でいろんな事が起き過ぎて、どうしたらいいの状態です。あはは。
■洋裁熱に負けずに作っていたもの
個人ブランドはもちろんサイトも作ってます!
「arca」http://ark.under.jp/arca/
会社を追われるように辞めたら、いわゆる人生の夏休みって感じでかなり時間ができましてね。
ちょうどPHPの勉強をしたかったので、こんなもの作りました。
「Doll*Playing」http://ark.under.jp/doll/
お洋服着せ変え遊びです。Ajax+PHP+PerlMagickって感じですね。
これを携帯対応させたいなーなんて思ってます。
そして、せっかく時間が有るんだからと、以前からこっちで言っていて実現できていなかった、素材サイト、作りました!
「Le-Arche」http://ark.under.jp/le-arche/
まだ画像素材しかないんですけどね。
CGIとかはなにか参考にできるものとか、自分がまた使う時にHD探すの面倒だから置いておく場所用、みたいな感じで作りたいかなと思ってます。JSとかも色々仕事で作ったりしたのとかさ、メモ用に。
よかったらご利用ください。
■宣伝も
以前サイトを作らせてもらった黒の教団 さん。
ついに主催でライブイベントをやることになりまして。
そのイベントサイトも作らせていただきました!やはー。
「黒の饗宴 」というイベントになります。
他にもグッズのデザインとかもやらせてもらいました。
良いものが出来たと思うので、是非足をお運びくださいませ!
■ブログテンプレとかは?
会社を辞めてしまって、winの確認環境が無い状態です。
ですので時間も有るし作りたいなーなんて思うんですが、厳しいですね。はい。
いまは個人ブランドをメインにPHPなどの勉強をしつつ、そっちのメモとか素材サイトのお知らせなんか更新するかもです。
そんな感じで久々の更新でございました。]]> CSS Naked Day だそうです。 http://le-arche.jugem.jp/?eid=69 2008-04-09T10:39:52+09:00 2008-04-09T01:39:52Z 2008-04-09T01:39:52Z 去年の今くらいにこの「CSS Naked Day」なるものを知って、機会があれば便乗したいなーと思ってまして。
今年は今日らしいので、CSSオフ状態です。
酷いコーディングの様が丸出しですねw
自分的にはBlog x World EndingさんのCSSオフ状態が読みやすくて親切だなぁっ... 皓月 冥 WEB CSS Naked Day」なるものを知って、機会があれば便乗したいなーと思ってまして。
今年は今日らしいので、CSSオフ状態です。
酷いコーディングの様が丸出しですねw
自分的にはBlog x World Ending さんのCSSオフ状態が読みやすくて親切だなぁって思ってます。
今現在は自宅では和ジラ使ってるんですけど、MacIEをちょっと前までメインに使ってたんです。
まぁでも絶滅危惧種ブラウザですからCSSのせいで読めないサイトとかも多々ありまして。
そこで一時期CSSオフでブラウジングしてたんですが、その時Blog x World Ending さんがすごく読みやすくてとても感激したものです。
構成って大事ですね。
このブログやあのブログ、その他諸々絶賛試行錯誤中です。
がんばります。]]> gift http://le-arche.jugem.jp/?eid=68 2008-03-28T13:09:04+09:00 2008-03-28T04:11:10Z 2008-03-28T04:09:04Z ようやく新作です。
「gift」
最近自分の中でドットがマイブームでして。
ホントはバレンタインに出したかったんですが、まぁいっか。
あまり時間ないのでサムネ無しで。すみません。
■gift DATA
・全体の幅:700px 記事部分の幅:530px
・1カラム
・リスト折... 皓月 冥 テンプレ
「gift」
最近自分の中でドットがマイブームでして。
ホントはバレンタインに出したかったんですが、まぁいっか。
あまり時間ないのでサムネ無しで。すみません。
■gift DATA
・全体の幅:700px 記事部分の幅:530px
・1カラム
・リスト折り畳み
→giftのDL Sample
広告カラーJSであたってたテンプレや不具合等々ありましたテンプレは修正済みです。
なんかおかしーな?と思っている場合は再DLをお願いします。]]> エントリが1ヶ月おきな件について http://le-arche.jugem.jp/?eid=67 2008-03-24T11:03:28+09:00 2008-03-24T02:03:28Z 2008-03-24T02:03:28Z や、ホントすいません。
別ブログは頑張ってるんですが、こっちも頑張らないとですよね。すいません。
ご無沙汰です。
今回はお知らせのエントリです。
実はちょっと前に気付いて、原因を見つけきれずにいましたが、原因突き止めたんでお知らせです。
以前、広告の... 皓月 冥 おしらせ
別ブログは頑張ってるんですが、こっちも頑張らないとですよね。すいません。
ご無沙汰です。
今回はお知らせのエントリです。
実はちょっと前に気付いて、原因を見つけきれずにいましたが、原因突き止めたんでお知らせです。
以前、広告のカラーを意図的に変えるJavaScriptをエントリーしたんですが(こちらです )、どうやらJUGEMの広告の仕様が変わったようで、使えなくなってしまいました。
で、自分のテンプレのいくつかに広告カラーリングのJavaScript入れていたんで、これがエラーになって、別のJavaScriptを無効化していまして。orz
今のところ、「in the cage」で折り畳みに当たっているのを確認しました。
「javascript:CM();」が書いてあったら削除してください。
こちらの修正は随時対応していきます。
また、「hortensia」も記事の追記部分の仕様変更のためか、上手く再現がされていないようです。
こちらは一時的に配布を停止します。修正次第再公開で。
そして、コメントにてお知らせ頂いたのですが、「blanc papillon -2-/papillon noir -2-」の記事の下のコメント数のところをクリックしてもコメント欄に飛ばない不具合がありました。
こちらはUTFの方修正していますので、お手数ですが、再度ダウンロードをするか、こちら の3番目のコメントを参考に修正をお願いします。
気付いたら、色々変わっていて、全部のテンプレート見直ししなきゃいけない感じですね。うわー。
付け足すのはいいんですが、もう少しマシな足し方してほしいです。
(ユーザーテーマ付けるとdivの下に改行が2回入ったりして消さなきゃいけないとか面倒すぎる)
新しい広告もソース見て愕然とするし。なんだアレ。
なんだか愚痴愚痴になってしまうので、終了。
色んな修正終わったら、今度こそ新作公開だ。
期待するほどのもじゃないですよ?(念のため)]]> 生きてます。 http://le-arche.jugem.jp/?eid=66 2008-02-18T10:33:07+09:00 2008-02-18T01:33:07Z 2008-02-18T01:33:07Z どうもです。久しぶりすぎてどうしような私です。こんにちわ。
超繁忙期が過ぎまして、ようやく落ち着いてきました。
コメントも後々お返事させていただきます。すいません。orz
ではここ最近の話を。
◆冬休みとか
飲み会とかオールなカラオケとか友人宅であんこ... 皓月 冥 日常の吐息
超繁忙期が過ぎまして、ようやく落ち着いてきました。
コメントも後々お返事させていただきます。すいません。orz
ではここ最近の話を。
◆冬休みとか
飲み会とかオールなカラオケとか友人宅であんこう鍋食べたりとか、オフラインでの活動が忙しかったです。
まぁほぼ遊んでたわけですが。
年末が忙しすぎて、家でもPCとか無理だったようです。orz
◆冬休みが終わったら
mixi関係のオフ会とか、新居探しとか。
本当はもう少し先の予定だったんですが、なんか退去日を1ヶ月以上勘違いしてて、ルームメイトと大慌て。
ルームメイトは都内へ、私は同県内になんとか引っ越しました。
◆そんなこんなで
仕事もあるし、引っ越しもあるし、で気付けば1月に更新できませんでした。
色々やりたかったなぁ…。
でも仕事場が近くなりましたので、早く帰れるし、周りに何もないので引きこもるには最適です。
ただ、まだネット環境が整ってないので、物足りない日々でございます。
仕事の合間を見て、またちょこちょこ更新していきたいです。
◆新作のテンプレは?
用意してます。はい。
本当はバレンタイン前に公開したかったんだけど、結局出来なかった…orz
でもまぁ可愛い+さわやか(?)な感じのなんで、春に向けてはいいかもしれないですね。
現在私が使用中のテンプレもUTFに!とお声頂いているので、調整次第アップします。
遅くなっててすみません。orz
◆素材サイトとか
「素材だけ使用したい!」とのお声いただいてます。
でもうちは「テンプレ屋さん」で「素材屋さん」ではないわけで。
「素材だけ使ってもいいですよ」と許可をする。
↓
素材だけを使用されたサイトが出来る。
↓
そのサイトに素材を使ったサイトとしてうちへのリンクが張られる。
↓
それを見て素材を使いたい人がうちへ来る。
↓
「素材はどこ?」または「○○というサイトがテンプレの素材使ってるけどいいの?」
ってなる。
私の使用上のお約束が良くない書き方なせいもあると思うんですが、↑の状況になるのははっきり言って面倒くさい。
テンプレ化してない眠った素材もあることですので、素材サイトを作ろうとひっそり準備中です。
(コメント欄でお話はしましたが、記事には書いていないのであえて明記しておきます)
時間的精神的余裕が出てきてます、今度こそ。
(仕事的にも年間で一番暇になる時期なんですよ)
もうちょっとしたら、色々発表できると思うので、もうしばらくお待ちくださいー。]]> 生存報告 http://le-arche.jugem.jp/?eid=65 2007-12-21T13:19:22+09:00 2007-12-21T04:19:22Z 2007-12-21T04:19:22Z 新着記事の内容が、そんなんばっか。orz
生きてます、冥です。
冬休み入ったら、色々やろうと思います。
◆楽しかったことは
前回の記事で紹介したバンドの初ライブがありまして、行ってきました!
楽しかったですよ!
続きにて彼らのライブの様子をmixi日記から... 皓月 冥 日常の吐息
生きてます、冥です。
冬休み入ったら、色々やろうと思います。
◆楽しかったことは
前回の記事で紹介したバンドの初ライブがありまして、行ってきました!
楽しかったですよ!
続きにて彼らのライブの様子をmixi日記からコピペしておきます。笑
◆他にもある
こっそりfc2ブログも始めました。
多分テンプレは作らないかと。
お洋服と愚痴満載。
あえてリンクは貼りません。笑
fc2の方はFirefoxのアドオンにDeepest Senderなるものがあって、それでちょこまか更新してるんで、頻度が高いです。
洋服関連をただひたすらに語りたいがため、コーデ妄想のメモなどのために借りました。笑
Deepest SenderはJUGEMで使えないようですね?
使えたら便利なんですけど。
◆報告はこんなもので
続きにて、簡潔なライブレポ。
]]> 私事が1つ終わりました。 http://le-arche.jugem.jp/?eid=64 2007-11-28T13:21:09+09:00 2007-11-28T04:21:09Z 2007-11-28T04:21:09Z ご無沙汰してます。生きてます、かろうじて。
さて、前回の記事でも書きました、「趣味全開でいいからサイトを作ってくれませんか」で引き受けたサイト。
完璧に、ではないんですが、本公開までこぎつけたので。
「黒の教団」http://chrono-kyodan.com/
知る人... 皓月 冥 日常の吐息
さて、前回の記事でも書きました、「趣味全開でいいからサイトを作ってくれませんか」で引き受けたサイト。
完璧に、ではないんですが、本公開までこぎつけたので。
「黒の教団」http://chrono-kyodan.com/
知る人ぞ知る(笑)、Sound Horizonのコピバン、通称「黒教」のサイト作らせて貰いました。
当初の予定より遅れてしまって申し訳なさいっぱい…orz
あ、自分はメンバーじゃないです。裏の人。あしからず。
さて、以下はmixi日記から盛大にコピペ。笑
‡
趣味全開で是非、とのことで突っ走ってみました。
仕事ではあまりやらない(できない)デザイン・組み方が出来たので、楽しかったです。
以下どうでもいい制作話。
■ロゴの場合
出来た過程
「黒の教団」→クロセカいいよねー→クロセカといえば白鴉→鳥モチーフいいね!
サンホラ→「サンホラって時計の音が多いね」→時計欲しい時計!
■全体的デザイン
趣味全開。
「教会とかステンドグラスとか。で黒背景」
ロゴに鳥モチーフを使ったんで、フッターとかはその辺の雰囲気に合わせて。
サブカラーの紫、さし色の金は個人的趣味。
■イラスト
「ノアの格好をしたメンバー」という話が出てきてて。
最初はFlashのみ出演予定だったんですが、メンバー紹介に仮で入れたらそのままwww
結局Flash出来なかったんで、出番あってよかった。笑
Flashはのちのち、ロングを作る!多分年明け!
■ぷろぐらむとか
過去の遺産に手を加えた感じです。
手を加えたとき、過去の自分の涙ぐましい努力(ない頭振り絞った感)に少し感動。
そして、久々に弄ったため、正規表現とかpopとかshiftとか忘れていることに絶望。
やらなきゃだめだね。
そんな感じ。
‡
類稀な才能があることと、
努力して何かを得ることと、
果たしてどちらが楽しいのかな。
‡
ライブ楽しみですだー
這ってでも行きますよー
‡
久々にプログラムとかやったから、脳がうまいことプログラム脳になってくれたので、また色々つくろー。
ちょっと前から構想してるコーデの奴をつくろう。
‡
こんな感じで、今日も生きてます☆
]]> 生存報告。。。 http://le-arche.jugem.jp/?eid=63 2007-10-06T16:06:02+09:00 2007-10-06T07:06:02Z 2007-10-06T07:06:02Z ど、どうも、なんとか生きております、冥です。
気付けば、9月が終わってた。。orz
夏テンプレ出したかったのになぁ、ネタはあるのに。
9月はTwitterで呟くのが精一杯で、なんだかんだでこちらは何も書かず。
いや、はや。
今日も出勤で、昨日から帰ってないんで... 皓月 冥 日常の吐息
気付けば、9月が終わってた。。orz
夏テンプレ出したかったのになぁ、ネタはあるのに。
9月はTwitterで呟くのが精一杯で、なんだかんだでこちらは何も書かず。
いや、はや。
今日も出勤で、昨日から帰ってないんですが(あれです、徹夜です)
眠気覚ましに、仕事しながらちょっと近況を。
■お仕事超多忙
mixiやついったのログ見ても、「残業」ばっか書いていますよ。
この仕事はまぁ波がありますね、忙しい時は死ぬほど忙しくって、暇なときは絶賛開店休業中。
そんな時期に上司が一人辞めて行き、輪をかけて忙しい。
くっそー、計ったな!
上司がやっていた仕事以外の業務を引き継いだので、慣れないせいもあって、要領がうまく掴めず、さらに残業地獄。
そんな日々。。。orz
■仕事以外のWEB上の活動は?
えーと、テンプレはホント暇が出来たら;;;
ネタが増えていく一方です。ハロウィン…作りたい。
小説も、書きたいんだけど、さ。
最近は電車の中で頭を空っぽにするために携帯でテトリスやってます。
そんな中で、「趣味全開でいいからサイトを作ってくれませんか」なお話がありまして。
友人達が組んでるバンドのサイトなんですがね。
どんな内容がいいのか、と聞いてみると、ホント私の趣味なデザインを希望しているそうで(笑)
たまには自分で一からプランニングして作るのもいいよな、と快諾。
そちらもあったんで、JUGEMに現れませんでした。スイマセン。
サイトは出来たらコチラでも宣伝しますよw
というか、ポートフォリオサイトをいい加減作りたい。
■今冬はクラシカル
お洋服のために仕事をしている気がします。
今年はすっかりイノセントワールドの世界に魅了され、ゴシック&ロリータからクラシカルロリータにほぼ転向完了。
コートも買ってしまいました。orz
ずっと昔に一目惚れしたJSKがフリマに出てて、お取引してしまいました。orz
クローゼットが一年前と比べてガラリと変わりましたね。
食費を削ってます(まさに身を削る)
病気は気合で乗り切っていますよ。てかいまは絶対風邪引いてる場合じゃない!!
■最近の癒し
某動画サイトで話題沸騰中(?)の初音ミクに癒されてます。
すごいよね、人間の歌手が要らなくなりそう。
確かに機械的な感じなんですが、それがむしろ頑張ってるように、一生懸命歌ってるように聞こえるんですよ。
イラストも可愛いしねww
■そんな感じで
なんとか生きております。
コレが10月最初で最後の投稿だったらやだなぁ。。。
…Twitterで頑張って呟きます!
次はテンプレを発表したい…(涙]]> (追記:2007.8.29)IE7でbodyの背景が拡大/縮小されない!【IE7対策】 http://le-arche.jugem.jp/?eid=61 2007-08-24T13:03:02+09:00 2007-08-29T03:51:17Z 2007-08-24T04:03:02Z ど、どうも1ヶ月ぶりです;;ご無沙汰してます。
近況とかその他諸々はまた後ほど。
えーと。
表題の件について困っている方をチラホラ見掛ける様になりました。
ついにはmixiのCSS関連コミュでも見掛ける様になりました。
検索かけてみるとコレの対策の具体案て... 皓月 冥 HTML・CSS
近況とかその他諸々はまた後ほど。
えーと。
表題の件について困っている方をチラホラ見掛ける様になりました。
ついにはmixiのCSS関連コミュでも見掛ける様になりました。
検索かけてみるとコレの対策の具体案て無いんですね。
コレの対策を偶然ですが見つけましたのでお知らせしますです。
■CSSで回避
html{
background-color:#ffffff;
height:100%;
width:100%;
}
body{
background-color:#ffffff;
background-image: url(FILEPATH);
margin:0;
padding:0;
height:100%;
width:100%;
}
html>body{
height:auto;
}
htmlの背景色とbodyの背景色は同じものにしておくことをオススメします。
bodyとhtmlの高さや幅の指定ですが、bodyの内容がウィンドウの長さより短かった場合、bodyの内容分しか表示されないので指定してあります。
追記:20070829
firefoxで内容がウィンドウの高さ以上になったら背景画像が途切れてました;
↑の緑部分を追加することでそれを回避。
参考及び理由はhttp://gyauza.egoism.jp/clip/archives/2007/05/070509-background-clip/
がわかりやすかったです。
■htmlで回避
たいていの人がいわゆる「標準モード」で作成していると思います。これを「互換モード」にしてやると回避できます。
■回避できる理由
さぁ?(笑)
発見は別のことを実現したくてCSS弄ってたら、上記のような方法を見つけただけなんで。
個人的解釈では、拡大/縮小を行うためには「haslayout」というIE独自のプロパティをtrueにしなきゃならんそうですが、そのスイッチがhtml{background-color:#ffffff;}とすることで入るんではなかろうか、と。
(試しにhtmlに背景画像を入れてみたら、htmlの背景画像は拡大/縮小されなかったんですよねぇ)
■補足
bodyの背景って、IEだと1pxズレるって話あるじゃないですか。
あれは健在です。
IE7のズーム機能、中途半端だなぁ;
さて、続きにて近況や、この対策を発見した経緯なんかを書きますか。
↓
]]> postkun(ポスト君)を使ってみた。 http://le-arche.jugem.jp/?eid=60 2007-07-25T13:19:39+09:00 2007-07-25T04:19:39Z 2007-07-25T04:19:39Z https://www.postkun.com/
複数のブログやSNSに一括で送信できるシステム(?)らしい。
このエントリーもpostkunからテストを兼ねて送信。
設定がちょっと面倒だったけど、画像もjpgだけだが3つまで添付できるし、投稿先をチェックボックスで取捨選択できるし、JUGEMにい... 皓月 冥 WEB 生存報告。 http://le-arche.jugem.jp/?eid=59 2007-07-25T02:07:19+09:00 2007-07-24T17:07:19Z 2007-07-24T17:07:19Z どうも御無沙汰してます、冥でございます。
やっとこ色々落ち着きまして、記事が書けます。
mixiでは日記書いてたりするんですが、たいていマイミクさん達への語り掛けとか多かったので。
◇忙しかった理由
mixiのとあるイベントに参加をしていまして。
某アーテ... 皓月 冥 日常の吐息
やっとこ色々落ち着きまして、記事が書けます。
mixiでは日記書いてたりするんですが、たいていマイミクさん達への語り掛けとか多かったので。
◇忙しかった理由
mixiのとあるイベントに参加をしていまして。
某アーティストの楽曲をセッションするオフ、ってのがありまして。
ボイスで参加していたので(この時点でなんの楽曲かバレそう)、練習とか練習とか。
仕事も普通に忙しかったので、記事書く暇ないー;
そんな感じでした。
肝心のオフは無事に終わりまして、今は仕事に忙殺されている感じです。(夏期休暇近いからですね)
◇Web関係はどうよ?
仕事柄、離れるはずもなく。
web標準の日々は参加出来なかったですが、参加した人にフォクすけシール貰ってきゃっきゃしてます。
可愛いじゃん!
Firefoxを使い始めた理由が、アイコンの狐さんに惚れたから、ですし。
肝心のweb標準の日々は、開催後、お金の話でごたごたしたみたいですね?
まだしてるのかしら?
大切な事ではあるのだけど、切なくなったのもまた事実。
◇8月の予定は?
土日が相変わらず忙しいです、別の方で;布と格闘予定です。
nurekobutaさんのオフ会も行きたい…!
すんごく合ってみたいんですよねー。
感性が素敵な人は、雰囲気もイコールだから、その雰囲気に触れてみたいですね。
実家にも今年こそ帰るー?とか思ったんですが、今月の初めに両親が来たし、4年振りに顔見せたからいいかな?と。
簡単に帰れる距離じゃないんで、仕方ない。
◇次のテンプレは?
考えてあるのがいっぱい有るんですが、簡単にいけそうなのを仕事の合間に作って、頭の中を少しでも整理したいですね。
すぐいけそうなシンプルな1カラムと、キレイめの2カラムも考え中。
◇話は逸れますが
twitterMobileの調子がちょっと前から悪くって、配布していた所にお邪魔したら、バージョンアップしてました。
感想で「アイコンは画像じゃなくて絵文字だったらなぁ」とか此処で呟いてたんですが、アップデートしたら対応してて吃驚。
いや、まさか…;
あ、あと、しんぷるなロールオーバーなんですが、まだまだ改善しなきゃいけない点が見つかりました。orz
まぁ普通に使う分には問題ないんですが、色々特殊な使い方した時、色々出るようで。
改善点見つかったらまた記事書きまする。
スイマセン。
◇そんなわけで
twitterMobileが直ったんで、tMで大分呟けるようになりそうです。
記事はコレが今月最後の記事だったら笑える;
な、なんとか頑張ります!
ば、バトンもやりたいー!
とりあえずこの辺で。]]> やたー http://le-arche.jugem.jp/?eid=58 2007-06-28T22:59:51+09:00 2007-06-28T13:59:51Z 2007-06-28T13:59:51Z 今日の早い時間に公開してた、「しんぷるなロールオーバー」
コレの自動プリロード機能付きが出来たよー。
仕事でどうしても使いたくて頑張っちゃったわー。
JSはいまいちちゃんと理解出来てない部分があったけど、今回のでかなり良い勉強になったですよ。
帰ったら追記... 皓月 冥 Mobile
コレの自動プリロード機能付きが出来たよー。
仕事でどうしても使いたくて頑張っちゃったわー。
JSはいまいちちゃんと理解出来てない部分があったけど、今回のでかなり良い勉強になったですよ。
帰ったら追記しよ。
HTMLの記述や修正も楽になるし、ソースも見やすくなるぜ☆
さて、こんな時間ですが、電車が遅れてますよ。
なんてこったい。
]]> JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29) http://le-arche.jugem.jp/?eid=57 2007-06-28T01:29:06+09:00 2007-06-28T15:28:08Z 2007-06-27T16:29:06Z ■シンプルなロールオーバー
<headまたは外部JSファイル内>function smartOver() {
smartRollover('tes');
}
function smartRollover(idName) {
if(document.getElementsByTagName) {
var images = document.getElementById(idName).getEl... 皓月 冥 HTML・CSS
<headまたは外部JSファイル内>function smartOver() {
smartRollover('tes');
}
function smartRollover(idName) {
if(document.getElementsByTagName) {
var images = document.getElementById(idName).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."));
}
}
}
}
}
if(window.addEventListener) {
window.addEventListener("load", smartOver, false);
}
else if(window.attachEvent) {
window.attachEvent("onload", smartOver);
}
else{
window.onload = smartOver;
}
<body>
<p id="tes"><img src="images/test_off.gif" /></p>
◇仕組み+使い方
テンプレートではあまり使う所が無い気がしますが(笑)
作品サイトとかで使うつもりなので、メモ。ロールオーバーのJSです。
コレも元々はCSS HappyLife のhiraさんが公開していたものです。それに手を加えました。
「***_off」という画像があったら、マウスオーバーした時、「***_on」に差し換える、というもの。
元々のは、ページ内の「***_off」という画像全部に反応してしまっていたので、指定したIDの範囲内に「***_off」という画像があったら「***_on」に差し換える、という感じでIDで範囲指定してみました。
smartRollover('tes');
でロールオーバーを適用したいIDを指定します。
smartRollover('tes');
smartRollover('tes2');
smartRollover('tes3');
という感じで複数指定も出来ますよ。
んで、元々のは、この関数の実行をaddEventListenerとかだけで実行させていました。
元々のがそれで実行してたんで、ならってそうしてました。
しかし、残念ながらMacIEでは無効でした(涙)ので、window.onloadで、古ーいブラウザでも動くよう、昔ながらの実行方法を追加してみました。
addEventListenerは、最近のブラウザのなんか特殊な仕組みを利用してるみたいです?
FlashのActionScriptでも実行出来るイベントらしいです。
window.onloadだけの方がシンプルだし、分かりやすい気がするのですが、addEventListenerは何かいいところがあるのでしょうか?
調べてみてもディープな世界ばかりで、どうにも理解出来ませんでした。
あ、「MacIEなんて知らねぇよ、けっ」って人は、window.onloadの部分を消してもらってもOKですよ。
MacIE以外ではしっかり動きますんで。
◇メリット
・ソースがシンプル
・HTMLに余計な記述を増やさず、ロールオーバーができる。
◇デメリット
・「***_on」の画像が無い場合、画像が表示されなくなります
・画像のプリロードをしていないので、最初はonの画像が表示されにくい。
追記:13時くらい
サンプル張るの忘れてました(汗)→Sample
追記:2007.6.29
画像のプリロードを動的にやってくれるバージョン完成♪
内容は↓にて。
↑のサンプルも更新しました。
]]> JavaScriptメモ(2):折り畳みナビ http://le-arche.jugem.jp/?eid=56 2007-06-28T01:20:58+09:00 2007-06-27T16:21:58Z 2007-06-27T16:20:58Z 「in the cage」と「avion」で使ってる折り畳みナビの紹介ですー。
■タイトルで開閉、折り畳みナビ
<headまたは外部JSファイル内>function ShortNavi() {
FoldNavi('newentry','close');
FoldNavi('category','close');
FoldNavi('comment','close'... 皓月 冥 HTML・CSS
■タイトルで開閉、折り畳みナビ
<headまたは外部JSファイル内>function ShortNavi() {
FoldNavi('newentry','close');
FoldNavi('category','close');
FoldNavi('comment','close');
FoldNavi('trackback','close');
FoldNavi('archives','close');
FoldNavi('recom','close');
FoldNavi('links','close');
FoldNavi('prof','close');
FoldNavi('fs1','close');
FoldNavi('fs2','close');
FoldNavi('fs3','close');
FoldNavi('fs4','close');
FoldNavi('fs5','close');
}
function FoldNavi(idName,initMode) {
var idTitle = Array(idName,'name').join('');
var idList = Array(idName,'list').join('');
var objTitle = this.document.getElementById(idTitle);
var objLists = this.document.getElementById(idList);
if (!objTitle || !objLists) return;
var dispMode = objLists.style.display;
if (!dispMode) {
var tmpText = Array('FoldNavi(',"'",idName,"','chng','');return(false);").join('');
var insMark = new Array();
var insText = new Array();
insMark[insMark.length] = Array('<a href="#" onclick="',tmpText,'" onkeypress="',tmpText,'">').join('');
insText[insText.length] = insMark.join('');
insText[insText.length] = objTitle.innerHTML + '</a>';
objTitle.innerHTML = insText.join('');
objLists.style.display = (initMode == 'close') ? 'none' : 'block';
} else if (initMode == 'chng') {
objLists.style.display = (dispMode == 'none') ? 'block' : 'none';
}
}
<body>
<body onload="javascript:ShortNavi();" id="n{eid}">
◇仕組み+使い方
コレは元々、JUGEMカスタマイズ講座(現在は更新を休止しているようです)で公開されていた折り畳みスクリプトに手を加えたものです。
指定されたIDの中のテキストに、開閉用のリンクを追加し、指定されたIDをクリックで開けたり閉じたりする、というもの。
JUGEMカスタマイズ講座のは、開閉するリンク用の文字、マークを追加したりしていましたが、タイトル自体が開閉用リンクになった方がシンプルな気がしたので、改造してみました。
といっても、追加する開閉用リンクの文字を指定する箇所をテキストに指定し直しただけですが。
FoldNavi('newentry','close');
↑で適用するID、最初にクリックする前の状態(closeまたはopen)を指定します。
で、htmlの適用する箇所ですが、ちょっと注意が必要。
<h3 id="newentryname"></h3>
<ul id="newentrylist">
<li></li>
</ul>
という風に、開閉用リンクにしたい場所は、「ID+name」、実際に閉じたり開いたりするしたい箇所には「ID+list」という感じで指定します。
◇メリット
・使うとデザイン的にすっきりするので、画面が見やすい。
・閲覧者的にはあまり目に入らなくて良いものを隠せる。
◇デメリット
・設置が面倒。
・スクリプトが長い]]>