css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです
FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに！ ≫ボタンをオリジナル（自作）にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
jQueryのプラグイン、jQuery_Autoで画像のロールオーバー - Webtech Walker
Home Archive jQueryのプラグイン、jQuery_Autoで画像のロールオーバー jQueryのプラグイン、jQuery_Autoで画像のロールオーバー 2007年06月21日 category:javascript Comment(0) Trackback(1) CSS HappyLifeさんでjavascriptによるイメージロールオーバーの記事を書かれていたので、触発されて以前から書こうと思っていたjQueryネタを書きます。 ロールオーバー｜CSS HappyLife jQueryならロールオーバーのプラグインくらいあるだろうと思って探していたら、jQuery_Autoというものを見つけたので使ってみました。 今回はロールオーバーのみ説明しますが、簡易なタブも作成できるようです。 このプラグインの利点はclass指定でロールオーバーを指定す
Liquid & Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial
When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also be time consuming. By having dynamic buttons, this scenario is much easier to handle, and by having liquid and color adjustable buttons with CSS, we are able to change the verbiage and colors in a flash. Step 1. Create a
ミシン販売専門店｜人気のミシン・ロックミシンが5年保証で安心価格︕
青が好きならブラザーミシンPS203！小型で持ち運びもしやすく、年配の方でも使いやすいです。 ハードケース＆フットコントローラー付属！PS203 ブラザーミシン メーカー小売価格（税込） オープン価格 26,180円→23,100円 最新型の小型コンピューターミシン！きれいな薄桃色は、入園準備のママに大人気です！小型ミシンの中でもパワーもあり、1～2万円台のミシンをお探しの方なら、いまいちばんオススメのミシンです！ ハードケース＆フットコントローラー付属！PS202 ブラザーミシン メーカー小売価格（税込） オープン価格 26,180円相当が→23,100円 【当店限定販売】シンガーモナミヌウプラスに押え圧が付いた 最新モデル！限定モデル 「SC227 ”タンジェリンオレンジ”」が登場！！ シンガーミシン モナミヌウプラスSC227 （SC217の後継機種） メーカー小売価格（税込） オー
photoshopボタンメニューチュートリアル - ITクオリティ
これはすごい！ かなり勉強になります。 ちょっといかしたメニューボタンを作りたいと思ったら是非見ておくべきまとめエントリですね。 Design Professional Glossy Buttons » Free Photoshop Tutorials and Resources こんなのとか。 色々とありますね！ エントリは以下で。 45 Photoshop Tutorials for Better Navigation | Vandelay Website Design 2008/03/04(火) 23:21:29| ウェブ開発 | トラックバック:0 | コメント:0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
http://www.designwalker.com/2009/11/button-resources.html
trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -
Blogger
クールなナビゲーションメニューを作成するCSS＆HTMLサンプル:phpspot開発日誌
アップル - AirMac Extreme - 特長 - ハードディスクを共有
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー*ホームページを作る人のネタ帳