最新の投稿

10/24, 2011
Chrome風のデザイン(CSS only)
Chrome風のデザインサンプル(CSSオンリー)画像利用なし、CSS3利用のみでの、グラデーション・角丸、ボックスシャドウ、テキストシャドウを利用したChrome風のデザイン例です。残念ながらIE9以下には対応していません。 表示例(画像) [続きを読む]
04/06, 2011
画像のカジュアルコピーを防ぐ方法
画像の保存とかを無効化したいとき用に、前もって準備しておくメモ書き。ネタを見つけたら更新対象です。 著作権表示、無断転用の禁止を明記 画像に直接コピーライト表示を表示 CSSで背景に画像を設定 CSSで上から透明gifをかぶせる CSS Sprite でめんどくささアップ ... [続きを読む]
10/22, 2010
jQuery でフォームフォーカスの背景色変更(改訂版)
focus時にjQueryでTwitter風にデザイン変更以前の版を見てみると、なんか挙動が変なので書き直してみました、動作は以前と同じ「text、password、textarea」の3要素で、フォーカス時だけデザインを変えます。 対応ブラウザはIE6~8、Chrome、Firefox、Opera。Twitterの色を真似てCSS3のBox-shadowもつけてみまし... [続きを読む]
03/10, 2010
Nucleus 管理画面でのエラーメッセージをマークアップ
画像:Nucleus管理画面のエラーメッセージ表示例Nucleus 管理画面でのエラーメッセージはかなりそっけない。これは書き出されるHTMLがマークアップされていないため、デザインできなからだ。HTMLソースは下記のようになる。 <h2>Error!</h2> ”本文が空のアイテムは投稿できません!”<br /> <a href='index.php' onclick='h... [続きを読む]
07/06, 2009
NP_Mediatocu_118 + jQuery.imgPreview
jQuery.imgPreviewでマウスオーバーのみで画像プレビュー 画像へのリンクに、マウスオーバーでプレビューできる jQuery imgPreview を自分専用にNP_Mediatocu_118につっこんでみた。 NP_Mediatocu_118 jQuery.imgPreview(デモあり) [続きを読む]
© 2006 – 2017 by Luvsic. Some rights reserved.