Web2.0なリボンジェネレーター「QuickRibbon.com」

今日は、自分のブログなどにリボンを設置する場合に便利な、リボンジェネレーター「QuickRibbon.com」を紹介。

一応説明しておきますが、リボンというのは上のサムネイルの右上にあるものです。「サイトのデザインがさみしいな」と思っているならば、自分のサイトをリボンで飾ってみては？

QuickRibbon.com

使い方は簡単ですが、一応説明。

STEP1 Text options

Ribbon text – リボンに表示させる文字（日本語は不可）
Choose the font and size – フォントとフォントサイズの設定
Text color – 文字の色

STEP2 Ribbon options

Pick the ribbon style – 好きなリボンのスタイルを選ぼう
Pick the ribbon color – リボン各部の色（番号はSTEP3のプレビューの番号に対応）

STEP3 Preview

STEP3はプレビューのみ。デザインに影響はありません。プレビュー画像か「Apply」をクリックすると、プレビュー画像が更新されます。
Background color – 自分のサイトの背景に近い色を選んで、確認してみましょう。

STEP4 Link options

Ribbon hyperlink – リボン画像からリンクさせたい場合は、URLを入力。
Open link – リンクを指定した場合のウィンドウの設定。「In a current window」はリンク先ページを同じウィンドウで開く、「In a new window」はリンク先ページを新しいウィンドウで開くということです。

完成

「Generate Ribbon!」をクリック。表示されたコードを自分のサイトに貼り付けて作業完了です。コードを貼り付ける場所は多分どこでもいいはず・・・。

関連している記事をピックアップ。あわせてご覧ください。

• Webジェネレーター・ツールまとめ
• 画像に影をつけるジェネレーター『PICSHADOW』
• ファビコン作成に最適！マルチアイコンジェネレーター『Bradicon!』
• 10,000以上のフリーフォントを検索・ダウンロードできる『PimpYourFont』
• Googleマップ ストリートビュー日本版がスタート！
• 価格.comに蓄積されたデータをニュース形式で配信する『Trend News(トレンドニュース)』
• 『Link Open』で「リンク先フォルダを開く」などの機能を右クリックメニューに追加
• タマネギとバターで作る「玉ねぎのレンジ蒸し」
• ゲーム・アニメのサウンドトラックがダウンロードできるサイト
• 2000以上のROM(NDS)配布サイト『DS-ROM-NEWS』

Twitter始めました。気軽にフォローしてくださいね！