Monthly Archives: 9月 2007

CSS　シンプルなボーダーを使った見出し（タイトル）　その６

Posted by takehito on 2007/9/20 木曜日 None comments

CSS　シンプルなボーダーを使った見出し（タイトル）　その６

シンプル見出しシリーズ第6弾。今回もボーダーを使ってのデザインです。

サンプルはこちら

CSS　シンプルなボーダーを使った見出し（タイトル）　その５

Posted by takehito on 2007/9/19 水曜日 None comments

CSS　シンプルなボーダーを使った見出し（タイトル）　その５

シンプル見出しシリーズ第5弾。今回もボーダーを使ってのデザインです。

サンプルはこちら

CSS　シンプルなボーダーを使った見出し（タイトル）　その４

Posted by takehito on 2007/9/18 火曜日 None comments

CSS　シンプルなボーダーを使った見出し（タイトル）　その４

今回はhタグとstrongタグを使った併せ技！

サンプルはこちら

CSS　背景画像を使った見出し（タイトル）Mozilla Japan風

Posted by takehito on 2007/9/14 金曜日 None comments

CSS　背景画像を使った見出し（タイトル）Mozilla Japan風

背景画像を使った見出し（タイトル）です。左上にグラデーションのかかった画像を配置することによって、万が一タイトルが2行のなってしまっても見た目の違和感をなくすことができます。

サンプルはこちら

CSS　シンプルなボーダーを使った見出し（タイトル）　その３

Posted by takehito on 2007/9/13 木曜日 None comments

CSS　シンプルなボーダーを使った見出し（タイトル）　その３

シンプル見出しシリーズ第3弾。今回もボーダーを使ってのデザインです。よく見かけるあれです。

サンプルはこちら

CSS　リスト（li）に画像を配置するスタイル

Posted by takehito on 2007/9/13 木曜日 None comments

CSS　リスト（li）に画像を配置するスタイル

サイドメニューのリスト部分やヘッダーメニューのリスト部分に使えるスタイル。

サンプルはこちら

CSS　シンプルなテーブルデザイン　その２

Posted by takehito on 2007/9/12 水曜日 None comments

CSS　シンプルなテーブルデザイン　その２

ちょっと立体的なテーブルデザインを作ってみました。
僕はあまりこのタイプのテーブルはあまり使わないけど、まぁありかもね。

サンプルはこちら

CSS　PDFなどのアイコンを自動で表示する裏技

Posted by takehito on 2007/9/11 火曜日 None comments

CSS　PDFなどのアイコンを自動で表示する裏技

pdfやdocなどの決まった拡張子にCSSを使って自動でアイコンを表示させる方法がphpspot開発日誌に紹介されていました。
とっても便利なのでゼヒ使ってみましょう。
※IE6では表示されないのでjavascriptと組み合わせる必要があります。

サンプルはこちら

CSS　シンプルなボーダーを使った見出し（タイトル）　その２

Posted by takehito on 2007/9/10 月曜日 None comments

CSS　シンプルなボーダーを使った見出し（タイトル）　その２

シンプル見出しシリーズ第2弾。
今回もボーダーを使ってのデザインです。それなりに利用頻度は高いかも！？

サンプルはこちら

CSS　定義型リスト（dl,dt,dd）の横並びスタイル

Posted by takehito on 2007/9/7 金曜日 None comments

CSS　定義型リスト（dl,dt,dd）の横並びスタイル

最近はあまり使わなくなりましたが、定義型リストの横並びをやってみました。
日付の入るようなものはテーブルでいいと思うがどうでしょう？
もしくは、横並びにする必要はないのかも…

サンプルはこちら