バルーンにアイコン等の画像を貼ってみる
の編集
./?%E3%83%90%E3%83%AB%E3%83%BC%E3%83%B3%E3%81%AB%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%AD%89%E3%81%AE%E7%94%BB%E5%83%8F%E3%82%92%E8%B2%BC%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B
[
トップ
] [
編集
|
差分
|
履歴
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
殊海夕音/FINE/template
*バルーンにアイコン等の画像を貼ってみる [#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);~ ~ 他にも「俺も作ったからついでに配布してやるぜ!」という人がいればこの辺で↓
タイムスタンプを変更しない
*バルーンにアイコン等の画像を貼ってみる [#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);~ ~ 他にも「俺も作ったからついでに配布してやるぜ!」という人がいればこの辺で↓
テキスト整形のルールを表示する
添付ファイル:
icon_forssp_001_sample.png
672件
[
詳細
]
icon_forssp_001.zip
722件
[
詳細
]