*バルーンにアイコン等の画像を貼ってみる [#vb07ecd9]

バルーンが素っ気なく感じたら貼ってみよう。

**アイコン・絵文字を使ってみる [#w155910a]

自分で用意した画像を文字の一部のように使えるタグを利用。

***つかいみち [#c7d62c99]
-ハートマーク等の絵文字
-メニューのアイコン
-謎の言語をしゃべってるキャラのセリフ

***やりかた [#hb7e9d55]

SSP専用タグです。

 \_b[画像ファイルパス,inline]

「ghost\master\img」フォルダの中にある「maru.png」を貼りたいならこう書く。
 \_b[img/maru.png,inline]

透過させたくない画像ならこう。
 \_b[img/maru.png,inline,opaque]

バルーンのフォントサイズは12pxが一番多いので、アイコンも高さ12px前後の画像が良いです。

-里々での詳しい解説
--[[マーカー・文字装飾関連 - 里々Wiki>http://soliton.sub.jp/satori/index.php?%A5%DE%A1%BC%A5%AB%A1%BC%A1%A6%CA%B8%BB%FA%C1%F5%BE%FE%B4%D8%CF%A2]]

***良い点 [#j7a59f59]
-華やか
-安っぽさ軽減
-凝ってるゴーストだなーという印象を与える
-メニューに使う場合、一目でどれがどれだかわかりやすい

***注意点 [#e837fd04]
-SSP以外だと何も表示されません。
-バルーンによっては見えづらくなる事があるかもしれないので、なるべくならバルーン同梱ゴーストで使った方が良いです。

***フリーアイコン素材配布サイト [#f5dca3d4]

透過GIF画像で配布されている事が多いですが、そのままバルーンに貼れます。

-[[フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」>http://dots-design.com/]]
--国内サイト。サイズはバラバラだけど12pxぐらいのものも多い。

-[[Minimalist Icons – 296 Free Icons In 12*12px>http://www.webresourcesdepot.com/minimalist-icons-296-free-icons-in-12x12px/]]
--海外サイト。単色12pxアイコンが296個。ダウンロードにはメールマガジン登録必須。

-[[汎用性の高いフリーのミニサイズのアイコン集 | コリス >http://coliss.com/articles/build-websites/operation/design/mini-icons-for-website.html]]
--配布ではなく紹介サイト。

***ここでも配布してみる [#nce4e847]
改変、転載自由。
#ref(icon_forssp_001_sample.png,nolink)
&attachref(./icon_forssp_001.zip);~
~
他にも「俺も作ったからついでに配布してやるぜ!」という人がいればこの辺で↓

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS