IDEA * IDEAドットインストール代表のライフハックブログ
Vista Button | Gimp-tutorials.net - Gimp , tutorials , brushes , downloads, forum.
Have a look at the end result you really need to see it to appreciate this tutorial :) also inside is a html/java script example of a Rollover in action. Experiment on various vista designs using quality windows vista software A friend of mine requested that i make a simple yet cool Vista style button tutorial for gimp, so here is what i came up with. Step 1 Create a new image. 200x100 should be e
つくるぶガイドブログ: CSSボタンあれこれ
こんにちは、HTML+CSS担当の小森です。 Webサービスは、ユーザにアクションしてもらってナンボ。ボタンは、押されてナンボ。 ということで今日のお題は、Webサービスには欠かせない、「ボタン」です。 ボタンのデザインを変えるのに一番ポピュラーなのは、いわゆる「イメージボタン（<input type="image" />）」を使用することですよね。 今回はイメージボタンではなく、たとえばこんなプレーンなinputボタンを、CSSの組み合わせでデザイン変更するところからはじめてみたいと思います。 CSSだけでデザイン変更 まずは、このシンプルなボタンのHTMLを用意します。「button」というclassをつけておきます。 <input type="submit" name="search" value="検索" class="button" / > 画像を使わず、CSSの背景とbor
Wii風の角丸ボタンをCSSと画像で作成 - トーンコントロール
透過画像を有効利用 GIGAZINE で紹介されていた Wii 風の角丸ボタンを CSS で再現する Simple Round CSS Links（現在はページがなくなっています）が良い感じだったので利用しようとしたのですが、使われている画像と CSS のファイルサイズが大きいのが気になりました。そこで、ぐっとシンプルにしてみることに。 Wii Buttons のファイルサイズが大きいのは、ボタン画像の横幅の調節や、submit ボタンのオン・マウス処理など、いろいろと凝っていいるから。しかし、ボタンの横幅は固定で使うケースが多いので、このあたりの処理をごっそりなくて、必要最小限の処理だけに絞ります。 まずはボタン画像の作成から。ライン部分を透過処理するのがポイントです。このことより、画像ファイル一つでボタンのライン色を CSS でコントロールできるようになります。 ライン付きの画像を自分
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アイコン素材（生物・イベント系・その他の素材） | Tyto-Style
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA