DesignWalker

CSSを使うようになって、画像はCSSのbackground-imageで画像を表示することが多くなりました。例えば、ブログのヘッダー部分で表示しているバックグラウンド画像をランダムに表示できたら、ブログ訪問者がアクセスするたびに画像を切り替えることができますよねぇ。。。何度もアクセスしてくれるブログ訪問者さんにはブログの画像をコロコロと変えられるので、ブログ訪問者さんを飽きさせることもなくて便利やなぁ～。。。っちゅうわけで、今日は↑のようにCSSとphpでバックグラウンド画像をランダムに表示する方法をご紹介じゃ。

続きを読む »

最近では、web2.0っちゅう言葉は一般的になってきておりますが、web2.0的なデザインの代表としては、やっぱり、角丸の枠デザインでしょうねぇ。。わたくしが、デザインする時はたいていphotoshopでさくっと、角丸の画像を描いてしまいますが。。。CSSだけで簡単に角丸の枠が作れたら、それはそれで、楽ですよねぇ。。。っちゅうわけで、サンプルのCSSは。。。↓こちら。

続きを読む »

早いもので、このブログもオープンして約３ヶ月がたちまして。。。おかげさまで、微妙にではございますが、徐々にアクセス数も上がってきております。さらに、あまり目立たないのでクリックされないのかも？っと思い立ちまして、いろいろなサイトを調べてみたところ。。。みなさんいろいろ広告が目立つように工夫されておりました。っちゅうわけで、このブログでもちょっとGoogle AdSenseの広告が目立つようにCSSと画像を足してみました。。。

続きを読む »

以前から、やりたかったコメント欄の色を交互に変えるプラグインを見つけたので、このブログにも先日導入したので、そのプラグインのご紹介と導入方法をメモ。具体的にどういったことをしたかったのかといいますと。。。しましまにコメント欄の色を変えたかっただけ。。。でございます・・・

続きを読む »

htmlもCSSもきれいに書いてるつもりでも、最後にブラウザチェックしてみるとブラウザごとに見え方が微妙に違って最後の調整で意外と時間をかかってしまうことがあるんですよねぇ。。。Internet Explorer6.0とFirefoxでは、きれいに見えるのに、Internet Explorer7.0でみるとズレてた・・・Safariではズレズレ。。。しかも、修正していくにつれてどんどんズレていく。。。こっちのブラウザにあわせたら、あっちのブラウザでズレ。。なんて経験ございません？っちゅうわけで、今回はブラウザごとにCSSを書く方法をご紹介。

続きを読む »

CSSサンプルのコーナーでございます。いろいろ、CSSの本やら、ウェブサイトやらいっぱいあるのですが、なかなか分かりやすいものがないもので・・・この際、自分でまとめちゃおうっちゅうことになりましてん。記念すべき、第一回目は、テキストリンクのCSSについてまとめてみました～。

続きを読む »