TOP  >  WebService  >  貼付けコードも生成してくれるリボンジェネレーター「Ribbon Generator」
2007年11月14日

貼付けコードも生成してくれるリボンジェネレーター「Ribbon Generator」

WEBサイトでたまに見かけるリボンがけの処理を簡単に自分のものにできるサービスが今回紹介する「Online Ribbon Generator Tool」です。このサービスではリボン画像の生成と合わせてサイトに貼付けるコードも生成してくれます。

QuickRibbon

リボンのほうもかなりカスタマイズが可能で縁飾りや色など調整が可能で、打ち込む文字も書体も選択が可能でかなり作り込んだものが生成できます。

詳しくは以下

リボンの作り方は簡単でリボンのテキストを打ち込んで、フォントとサイズ、フォントのカラー、リボンの処理や色を指定して「Generate Ribbon!」ボタンを押します。途中でデザインを確認したい所は「Apply」ボタンを押せばプレビューに反映されます。

サイトの幅が微妙なのでいまいち決まりませんが、このエントリーにリボンをかけてみました。コードはjavascriptで書かれていますので、javaが対応していればエントリー単位でも表示させることができます。

上部だけリキッドレイアウトとか画面すべてを活かしたデザイン処理のブログやサイトでは奥行きがでていい感じになるのではないでしょうか?作成も設置も簡単にできるのでオススメのWEBサービスです。

Online Ribbon Generator Tool

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 05:10  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る