参拾萬.jp/外部LINKアイコン のバックアップの現在との差分(No.6)

 トップに戻る  /

[ パソコン用表示 | スマホ用表示 ]

• バックアップ一覧
• 差分 を表示
• ソース を表示
• バックアップ を表示
• 外部LINKアイコン へ行く。
  • 1 (2015-09-05 (土) 11:33:36)
  • 2 (2015-09-05 (土) 16:50:55)
  • 3 (2015-09-05 (土) 22:35:46)
  • 4 (2015-09-06 (日) 09:21:19)
  • 5 (2015-09-06 (日) 23:40:01)
  • 6 (2015-09-07 (月) 08:09:40)
  • 7 (2015-09-07 (月) 23:34:44)
  • 8 (2015-09-08 (火) 01:11:15)
  • 9 (2015-09-08 (火) 07:03:53)
  • 10 (2015-09-08 (火) 16:28:55)
  • 11 (2015-09-09 (水) 08:53:17)
  • 12 (2019-06-04 (火) 21:44:26)

---

• 追加された行はこの色です。
• 削除された行はこの色です。

*外部LINKアイコン [#ya5e8384]

(もと) 11x11 &ref(http://300000.jp/image/external_link_00old.gif,nolink); …… Google画像検索で拾ってきた画像（透過gif形式）
　↓
(00) 11x11 &ref(http://300000.jp/image/external_link_00.png,nolink);
　↓
(01) 40x13 &ref(http://300000.jp/image/external_link_01.png,nolink);
　↓
(02) 42x15 &ref(http://300000.jp/image/external_link_02.png,nolink);
　↓
(03) 46x15 &ref(http://300000.jp/image/external_link_03.png,nolink);
　↓
(04) 40x15 &ref(http://300000.jp/image/external_link_04.png,nolink);
　↓
(05) 40x15 &ref(http://300000.jp/image/external_link_05.png,nolink);
　(失敗作05a) &ref(http://300000.jp/image/external_link_05a.png,nolink);
　↓
(06) 40x15 &ref(http://300000.jp/image/external_link_06.png,nolink);
　↓
(07) 40x15 &ref(http://300000.jp/image/external_link_07.png,nolink);
　↓
(08) 40x15 &ref(http://300000.jp/image/external_link.png,nolink); &color(#ff0000){← 現在使用中};
　(失敗作08a) &ref(http://300000.jp/image/external_link_08a.png,nolink);
　(失敗作08b) &ref(http://300000.jp/image/external_link_08b.png,nolink);
-アニメーションしていないものは，すべて透過png形式です。
-いずれも，白・黒・グレーと透過色しか使用していません。

-[[変更点メモ>外部LINKアイコン/変更点メモ]]
-[[全アイコンを拡大して表示する>外部LINKアイコン/全アイコンを拡大して表示]]
|BGCOLOR(#CC9966):もとの画像|>|>|BGCOLOR(#ffCC99):LEFT:00. &ref(http://300000.jp/image/external_link_00.png,nolink);|
|BGCOLOR(#CC9966):左側に "LINK" の文字を追加|BGCOLOR(#ffCC99):LEFT:01. &ref(http://300000.jp/image/external_link_01.png,nolink);|BGCOLOR(#ffCC99):LEFT:02. &ref(http://300000.jp/image/external_link_02.png,nolink);|BGCOLOR(#ffCC99):LEFT:03. &ref(http://300000.jp/image/external_link_03.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字の高さを2px低く|BGCOLOR(#ffCC99):LEFT:04. &ref(http://300000.jp/image/external_link_04.png,nolink);|BGCOLOR(#ffCC99):LEFT:05. &ref(http://300000.jp/image/external_link_05.png,nolink);|BGCOLOR(#ffCC99):LEFT:06. &ref(http://300000.jp/image/external_link_06.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字の高さを戻した|>|>|BGCOLOR(#ffCC99):LEFT:07. &ref(http://300000.jp/image/external_link_07.png,nolink);|
|BGCOLOR(#CC9966):"LINK" の文字を "Link" に変更|>|>|BGCOLOR(#ffCC99):LEFT:08. &ref(http://300000.jp/image/external_link_08.png,nolink); &color(#ff0000){※ これを使用中};|
|BGCOLOR(#CC9966):迷走中……（汗）|BGCOLOR(#ffCC99):LEFT:09. &ref(http://300000.jp/image/external_link_09.png,nolink);|BGCOLOR(#ffCC99):LEFT:10. &ref(http://300000.jp/image/external_link_10.png,nolink);|BGCOLOR(#ffCC99):LEFT:11. &ref(http://300000.jp/image/external_link_11.png,nolink);|
|BGCOLOR(#CC9966):白黒反転|BGCOLOR(#ffCC99):LEFT:12. &ref(http://300000.jp/image/external_link_12.png,nolink);|BGCOLOR(#ffCC99):LEFT:13. &ref(http://300000.jp/image/external_link_13.png,nolink);|BGCOLOR(#ffCC99):LEFT:14. &ref(http://300000.jp/image/external_link_14.png,nolink);|

**アニメーションgif [#ib4d3a64]
-なんとなく作ってみた。（笑）
|BGCOLOR(#CC9966):1.0秒周期(0.5秒×2コマ)|BGCOLOR(#ffCC99):RIGHT:05+06 &ref(http://300000.jp/image/external_link_ani0506.gif,nolink);|BGCOLOR(#ffCC99):RIGHT:07+08 &ref(http://300000.jp/image/external_link_ani0708.gif,nolink);|BGCOLOR(#ffCC99):RIGHT:08+12 &ref(http://300000.jp/image/external_link_ani0812.gif,nolink);|
|BGCOLOR(#CC9966):0.9秒周期(0.1秒×9コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08 &ref(http://300000.jp/image/external_link_ani08g.gif,nolink);|
|BGCOLOR(#CC9966):1.8秒周期(0.1秒×18コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08+12 &ref(http://300000.jp/image/external_link_ani0812g.gif,nolink);|


*縦横2倍に拡大して表示 [#bb8fde97]

-上の画像をブラウザで拡大しているだけです。
拡大表示の美しさ（汚さ）は，ブラウザに依存します。
-横幅の狭いディスプレイ（スマホなど）では，
2倍に拡大されない場合があります。

|BGCOLOR(#CC9966):もとの画像|>|>|BGCOLOR(#ffCC99):LEFT:00. [[&ref(http://300000.jp/image/external_link_00.png,22x22);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):左側に "LINK" の文字を追加|BGCOLOR(#ffCC99):LEFT:01. [[&ref(http://300000.jp/image/external_link_01.png,80x26);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:02. [[&ref(http://300000.jp/image/external_link_02.png,84x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:03. [[&ref(http://300000.jp/image/external_link_03.png,92x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字の高さを2px低く|BGCOLOR(#ffCC99):LEFT:04. [[&ref(http://300000.jp/image/external_link_04.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:05. [[&ref(http://300000.jp/image/external_link_05.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:06. [[&ref(http://300000.jp/image/external_link_06.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字の高さを戻した|>|>|BGCOLOR(#ffCC99):LEFT:07. [[&ref(http://300000.jp/image/external_link_07.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):"LINK" の文字を "Link" に変更|>|>|BGCOLOR(#ffCC99):LEFT:08. [[&ref(http://300000.jp/image/external_link_08.png,80x30);>外部LINKアイコン]] &color(#ff0000){※ これを使用中};|
|BGCOLOR(#CC9966):迷走中……（汗）|BGCOLOR(#ffCC99):LEFT:09. [[&ref(http://300000.jp/image/external_link_09.png,80x26);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:10. [[&ref(http://300000.jp/image/external_link_10.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:11. [[&ref(http://300000.jp/image/external_link_11.png,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):白黒反転|BGCOLOR(#ffCC99):LEFT:12. [[&ref(http://300000.jp/image/external_link_12.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:13. [[&ref(http://300000.jp/image/external_link_13.png,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:14. [[&ref(http://300000.jp/image/external_link_14.png,80x30);>外部LINKアイコン]]|

**アニメーションgif(縦横2倍) [#k849f888]

|BGCOLOR(#CC9966):1.0秒周期(0.5秒×2コマ)|BGCOLOR(#ffCC99):RIGHT:05+06 [[&ref(http://300000.jp/image/external_link_ani0506.gif,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:07+08 [[&ref(http://300000.jp/image/external_link_ani0708.gif,80x30);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812.gif,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):0.9秒周期(0.1秒×9コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08 [[&ref(http://300000.jp/image/external_link_ani08g.gif,80x30);>外部LINKアイコン]]|
|BGCOLOR(#CC9966):1.8秒周期(0.1秒×18コマ)|>|>|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812g.gif,80x30);>外部LINKアイコン]]|


*縦横4倍に拡大して表示 [#w3d6d3f4]

-上の画像をブラウザで拡大しているだけです。
拡大表示の美しさ（汚さ）は，ブラウザに依存します。
-横幅の狭いディスプレイ（スマホなど）では，
4倍に拡大されない場合があります。

|>|>|BGCOLOR(#ffCC99):LEFT:00. [[&ref(http://300000.jp/image/external_link_00.png,44x44);>外部LINKアイコン]]|
|BGCOLOR(#ffCC99):LEFT:01. [[&ref(http://300000.jp/image/external_link_01.png,160x52);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:02. [[&ref(http://300000.jp/image/external_link_02.png,168x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:03. [[&ref(http://300000.jp/image/external_link_03.png,184x60);>外部LINKアイコン]]|
|BGCOLOR(#ffCC99):LEFT:04. [[&ref(http://300000.jp/image/external_link_04.png,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:05. [[&ref(http://300000.jp/image/external_link_05.png,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:06. [[&ref(http://300000.jp/image/external_link_06.png,160x60);>外部LINKアイコン]]|
|>|>|BGCOLOR(#ffCC99):LEFT:07. [[&ref(http://300000.jp/image/external_link_07.png,160x60);>外部LINKアイコン]]|
|>|>|BGCOLOR(#ffCC99):LEFT:08. [[&ref(http://300000.jp/image/external_link_08.png,160x60);>外部LINKアイコン]] &color(#ff0000){※ これを使用中};|
|BGCOLOR(#ffCC99):LEFT:09. [[&ref(http://300000.jp/image/external_link_09.png,160x52);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:10. [[&ref(http://300000.jp/image/external_link_10.png,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:11. [[&ref(http://300000.jp/image/external_link_11.png,160x60);>外部LINKアイコン]]|
|BGCOLOR(#ffCC99):LEFT:12. [[&ref(http://300000.jp/image/external_link_12.png,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:13. [[&ref(http://300000.jp/image/external_link_13.png,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):LEFT:14. [[&ref(http://300000.jp/image/external_link_14.png,160x60);>外部LINKアイコン]]|

**アニメーションgif(縦横4倍) [#e18f234e]

|BGCOLOR(#ffCC99):RIGHT:05+06 [[&ref(http://300000.jp/image/external_link_ani0506.gif,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:07+08 [[&ref(http://300000.jp/image/external_link_ani0708.gif,160x60);>外部LINKアイコン]]|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812.gif,160x60);>外部LINKアイコン]]|
|>|>|BGCOLOR(#ffCC99):RIGHT:08 [[&ref(http://300000.jp/image/external_link_ani08g.gif,160x60);>外部LINKアイコン]]|
|>|>|BGCOLOR(#ffCC99):RIGHT:08+12 [[&ref(http://300000.jp/image/external_link_ani0812g.gif,160x60);>外部LINKアイコン]]|


*使用したアプリケーションなど [#q185ba13]
-ペイントソフトは，Windows付属の「ペイント」です。（本当）
-透過png形式のファイル作成には，[[こちら>http://agmhs.web.fc2.com/tools/transparent/transpanret.html]] のサイトを使わせていただきました。
-アニメーションgif形式のファイル作成には，[[こちら>http://www.bannerkoubou.com/anime/]] のサイトを使わせていただきました。

Site admin: hitsuji

PukiWiki 1.5.0 Copyright © 2001-2006 PukiWiki Developers Team. License is GPL.
Based on "PukiWiki" 1.3 by yu-ji. Powered by PHP 5.3.29. HTML convert time: 0.004 sec.