タグ

ボタンに関するzetfsのブックマーク (6)

  • CSSだけで作るアイコン付きボタンの作り方

    <body> <a href="#" class="button normal">ボタン</a> </body> body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; } a { /* サイズ指定 */ width: 200px; height: 50px; display: block; box-sizing: border-box; margin: 20px; /* 縦横中央揃え */ text-align: center; line-height: 50px; /* 色指定 */ background-image: -webkit-linear

    CSSだけで作るアイコン付きボタンの作り方
  • Titanium.UI.iPhone.SystemButton | MOL

    みなさん、タイタンやってまっかぁ?わい? わいタイタンやで(・∀・)イイ!! てことで、先週 Untitled!!!!!!!! で講演してきたわけですが、Twitterでの反響を見てますとTitanium Mobileやってみたい!って声もちらほら見受けられて、僕も話して良かったと感じていますです。で、皆さんはこれからTitanium勉強して僕におしえてくっさい! そんなわけで、今回は自分的にメモ的なメモ。Titanium Mobile はネィティブなUIが使えますので、それをフル活用していこうぜってのが今回のエントリの主旨。 ボタンとかアイコン作ったりするのめんどいので、システムボタン使おーぜってことす。そのほうが下記コードのような感じで、プロパティの部分が1行で定義できたり、組み込みのアプリと同じ振る舞いをするだろうとユーザーも理解しやすいだろうってことです。さて、そのシステムボタン、

  • ButtonMaker webボタン素材 自動生成サイト - 無料

    このページはホームページ制作に使えるボタン素材を生成するサイトです。 ご希望の項目を設定し、右上の「create」ボタンをクリックするだけで簡単にボタンを作れます。 ※印の付いた項目は設定必須で、その他の項目は必要に応じて設定してください。 各項目の「カラー」の欄は入力欄をクリックするとカラーピッカーが表示されますので、 ご希望の色をクリックすると自動で入力できます。 背景色の「方向」はグラデーションにする際の1から2への色の向きです。 テキストの位置2は自由に指定したい場合に設定すると、 位置1の指定を無視して、位置2で指定した位置にテキストを表示します。

  • (GIMP)5分でできるWeb2.0風ボタン | ねねとまつの小部屋

    by zakki Published 3 月 6th, 2008 in GIMP, Webデザイン, webサービス | (0) (0) (0) (0) Total: 0 今回も前回、「5分でできるWeb2.0風バッジ」と同様、当初はジェネレータ・サービスを使用しようと考えていました。 そのサイトは、「Forgot the Milk.」さんの「これは楽しい!10秒でWeb2.0風のボタンをサクサク作れちゃうボタン・ジェネレータ・サービス | My cool button」で紹介されている「My cool button」と言うジェネレータ・サービスです。 ですが、今回もやっぱり、日語対応しておりません。残念です。 と言うことで、GIMPにて、Web2.0風ボタンを作成しました。 作成方法は 1、 [ファイル]→[新規]で新規画像を作成します 2、[選択]→[角を丸める]

  • (GIMP)5分でできるWeb2.0風バッジ | ねねとまつの小部屋

    by zakki Published 3 月 5th, 2008 in GIMP, Webデザイン, webサービス, ロゴ | (0) (0) (0) (0) Total: 0 「あの人のセリフ」のヘッダー部分にサイトロゴとしてバッジを作成する際、当初、phpspot開発日誌さんの『Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」』というエントリーに紹介されている「Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator.」のジェネレータ・サービスを使用しようと考えておりました。 ですが、こちらのサイト、ロゴが日語に対応しておりません。(いろいろ調べたのですが、ジェネレータ・サービスで日語に対応しているものは無いに等しいようです。) と言うこ

  • GIMP思い込みチュートリアル(GIMPの使い方)

    このブログの右上で、ぶら下がってる感じに表示しているRSSボタンの作成方法です。個人的には立体的なつもりなので、こんなタイトルにしましたが…。 ブログ右上のボタンは、紐でつるした感じにしていますが、この記事では、ボタンの作成方法だけを紹介して「紐を通している感じ」にする方法は次の記事でまとめようと思います。 (「アイコンやボタンなどを紐でつるしている感じにする方法(GIMPチュートリアル)」でまとめました。 07年1月6日) また、今回は(も?)追加のスクリプト「Layer Efects」を使用しているので、「『Layer Effects』って何?」って人やら、まだ追加してない人は「再掲「Layer Effects(レイヤー効果)」スクリプトの追加」の記事を参照してください。 そんなこんなで、作成方法は以下の通りです。 GIMP(ギンプ)を立ち上げます。適当なサイズで新しいファイルを作成し

  • 1