auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref

Python開発統合環境の決定版！ PyScripter(for Windows)の紹介 tags:

This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS

Tableless forms consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. CSSでデザインされたテーブルレスでクールなフォームサンプル。 次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。 ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。 関連エントリ ブログのコメント部分やコメントフォームのデザインを色々集めたサイト

Zeniltuo.com - inspiration journey - All website galleries in one page FlashやCSSのデザインギャラリーサイトをあつめた「Zeniltuo.com」。 以下、CSSギャラリーサイトの抜粋。沢山あるもんですね。 Artnetz Best Web Gallery brdcast CeeSeS Cool Site Collection Creative - Pakistan CSS - Website css Beauty CSS Blast - RU CSS Bloom CSS Brain - HU CSS clip CSS Collection CSS Container CSS Demo CSS Design .ru CSS Drive CSS Elite CSS Fill CSS Galaxy CSS Galer

フッターメニュー区切りを画像でやってみる サンプル01 サンプルサンプルサンプルサンプルサンプルサンプル 普通にテキスト間に「 | 」を画像化してリスト背景として表示。 今回は li タグの右側に背景画像をつけるというやり方にしてあるので、左側に1つ「| 」が足りなくなるため、最初のテキストに対して span で一番左に同じ背景画像が出るように指定してみた。 フッターメニュー区切りを画像でやってみる サンプル02 サンプルサンプルサンプルサンプルサンプルサンプル テキスト間に適当な画像をリスト背景として表示。 背景画像が「 | 」の場合は1ピクセルなのであまり気にならないが、当然背景画像の幅が大きくなればそれに合わせてcssでpaddingをうまいこと合わせてやる必要がある。 フッターメニュー区切りを画像でやってみる サンプル03 サンプルサンプルサンプルサンプルサンプルサンプル 上記サン

ブログにコードを貼り付ける方法で悩むの巻 pre要素へのスタイル指定 Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻 ソースを貼付ける50の方法 pre 要素のスタイル定義とマークアップ Blogにコードを貼り付ける際のアレコレが、あちこちで話題に上っています。 これまでに余り情報を見つけられなかったので、とても参考になりました 折角なので、僕もひとつ書いてみたいと思います。 XHtml こちらは至ってシンプルです。 <pre> <code> </code> </pre> 構造としても<code>を使うのが正しいかな、と思うので、こうしています。 こちらは特に問題無いかと思います。 CSS(Befor) 今回の色んな方のエントリを参考にして、多少変更を加えました。 まずはBeforです。 pre { width:450px; overflow:au

関連リンク そろそろCSSハックの良し悪しについて考えてみる（書式編） そろそろCSSハックの良し悪しについて考えてみる（管理編） おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ

PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ