2009年02月12日

テキストに簡単にグラデーションをかける便利なサイト

テキストに簡単にグラデーションをかける方法のご紹介です。

テキストグラデーションツール

使用法は続きから例えばサイト内に

★★★★★★★★

こんな星のマークをグラデーション込みで入れたい場合、ひとつひとつにFONTタグなどで色を指定してあげなくてはなりませんよね?

しかも少しずつ色を変化させなくてはいけないので、有料のツールやテクニックをお持ちの方でないと苦労するかと思います。

しかし、上記のテキストグラデーションツールを使えば、簡単に2色間のグラデーションを作成することが可能です。

さっそくやってみましょう。

まずは、テキストグラデーションツールのサイトへアクセスします。

サイトオーナー様がページ下記にて丁寧に説明して下さっていますので、参考にしましょう。

先ほどの「★★★★★★★★」を元にグラデーションを作成してみます。

最上段の入力欄に「★★★★★★★★」をコピペします。

今回はテストですのでStart ColorとEnd Colorをデフォルトの「0000FF」と「FF0000」でやってみます。
(ここで色の指定が出来ますので、違う色を希望される方は入力してください。ちなみに0000FFが青色でFF0000が赤になります。色を決めるのが困難だったり、0000FFの意味が分からない方はコチラを参考にしてください。)

[Make Tags!]のボタンを押します。

下記欄にタグが生成されるのでコピーして、サイト内に貼り付けます。

▼変換後


こんな感じで簡単にグラデーションがかけられます。

スタートカラーとエンドカラーを反転させれば、



こういった使い方も可能です。
上手に使って自分だけのサイト作りに役立ててください。
posted by クロウ at 03:18| Comment(2) | フリーウェア紹介 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
はじめまして。4460です。
IRCモバイル無料塾の掲示板よりおじゃまします^^
テキストにグラデーション!
ちょっとそんな発想なかったですo(≧▽≦o)o
これは目立ちますし使えそうですね!
テキストグラデーションツールのサイト早速ブックマークです。
ではでは、こびっと頑張りましょうね〜
Posted by 4460☆アフィリエイトで稼ぐコツ at 2009年02月17日 21:56
4460さん。はじめまして!
コメントありがとうございます(*^_^*)
こびっとでサイトの構成をサクサク作って貰って、空いた時間でデザイン面や文章量・文章力などを強化したいですね!
テキストグラデーションを上手に使えば、少ない時間で見栄えを強化できるので重宝しています。。
気に入って頂けて嬉しいです(^o^)
今後とも宜しくお願いいたしますm(_ _)m
Posted by こびっと使い at 2009年02月17日 22:42
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。