2006年01月26日
ガリシア風CSSデザイン
青赤デザインはlivedoor Blogからのもので、さすがに飽きてきたので、これはこれで置いといて、切り替え用のCSSをもうひとつ用意してみますた。新たにいちから作ったわけではなく、以前に別の企画で用意していてお蔵入りになったものの復活。
一応、「ガリシア風」のつもり。しかし背景に居座る木の写真は、ガリシアのものではなく等々力緑地のものだったりする罠。「どこがガリシアやねん」と言われると返す言葉もございません。あくまでイメージということでひとつ。
ま、シックでニート(NEETではなくneat)な雰囲気がお好みの貴兄や、青赤嫌いな貴兄はこちらをどーぞ。
Mozilla/Firefoxなかたは、もちろん「スタイルシート」メニューから切り替えていただけますが、それではページを遷移するごとにメニューを操作しなければいけないわけで。トップページのサイドメニューにあるアイコンで切り替えていただくと、cookieを仕込ませるので、セッション終了までは、ページを遷移しても引き続き同じデザインで表示される筈。
これはJavaScriptでの実装で、しかもかなり安直。例によってMozilla/Firefox以外での動作は気にしちゃいません。IEエンジンをご利用の皆さまにおかれましては、切り替えアイコンをクリックすると、どういうわけかfont-sizeがsmallerになりやがったり(ページをリロードしたり遷移すると元に戻る)、印刷への反映がヘンだったりする模様ですが、知ったこっちゃありません。
ついでに、トップページの写真の一覧をランダム表示にしてみますた。
こっちはサーバサイドのPHPでの実装。これもクライアントサイドにしようかと思ったのですが、PHPのランダムってあまりにも楽チンなので。
Category: ウェブ制作, ガリシアのお勉強
Posted 2006年01月26日 21:43
トラックバック
このエントリーのトラックバックURL:
http://www.rcdtokyo.com/mt/mt-rcdtokyo5428-tb.cgi/700