Home > 多角形レイヤー > 簡単に、透過ではみ出るRSSロゴ

簡単に、透過ではみ出るRSSロゴ

2008-10-15 (水) 18:30
多角形レイヤー

持ちネタでというか、久々すぎてハナヂが出そうですね。

最初のアイコンのように、半透過のPNGアイコンを、CSSで浮かして移動させるだけで、

なんとなーくそれっぽいデザインをすることが可能です。

応用もできることでしょう。

psdは以下のような構成になっています。

透過が解りやすいように、画像も入っています。　ちなみにこれは富良野です。

<!— 透過アイコン http://monosashi.com/gloss/ ここから —->
<IMG SRC=http://URL/blogicon.png width=149 height=151 ALT=RSS border=0 style=”position: absolute; margin:-50px 0 0 -115px”>
<!— 透過アイコンここまで —>

中に、タグ用TXTも入っていますが、上記のようなHTMLを突っ込んで、marginの数値を替えて動かしてください。

iepngfix.htc　（参照）　が使えるのであれば使った方がいいです。

PNGを透過GIFにした方がいいんじゃないでしょうか？という声も聞こえてきます。

やってみるとわかると思いますが、、あれ、周りに色を残さないといけないんですよねぇ。

アルファチャンネルとかいうんですけどねぇ。　PNGの方がキリリときれいですよ！

RSS-001 (203)

Downloaded a total of 203 times

(3 投票, 平均値/最大値: 3.67 / 5)

読み込み中 ...

Newer: 投稿サイトの容量。
Older: xoops無料テーマ　monosashii

Comments:0

Trackbacks:0

Trackback URL for this entry: http://monosashi.com/gloss/archives/85/trackback
Listed below are links to weblogs that reference: 簡単に、透過ではみ出るRSSロゴ from Web2.0デザイン・Web2.0アイコン無料ボタンクリーンアイコングロス

Home > 多角形レイヤー > 簡単に、透過ではみ出るRSSロゴ

無料素材バックナンバー

またお越しくださいね。

メリット１．作業の早くなるレイヤーを。
メリット２．サイトの端っこに置きたくなるカスタマイズ化なレイヤーを。
メリット３．あなたが他の人を幸せにする新サービスを。

◎初めての方へ　What's Icon Gloss??

gloss:光沢を付ける［が出る］; うわべを飾る.

何が出来る？：Downloadした物を画像やアイコンの上のレイヤーに乗せ、画像以外を切取る事で、スピーディーにあなたの画像をクリーン化できます。

どんな物をDownload？：画像の上のグロスや、背景の斜め線、角丸画像のテンプレートと作り方。　気分が乗ればxoopsやwordplessのテーマなどを予定してます。

photoshop形式　PSD（ver.5.5）と透過のPNGで配布予定です。

なぜこんな事を？： 自分で使いやすくテンプレ化していた物を、折角なので公開することにしますた。

著作権にうるさいんだろ？： 著作権に関して小さいことは言いません。商用・個人用・軍事用何でも使ってネ。此方から訴えを起こすことはありませんが、悲しいので転用しないでネ。！

今後の展開は？： 海外にあって日本にないサービス。。んー多言語化すればいいだけなんですけど。。そういうネタがあるのでボチボチやっていこうかとおもっとります。

後なんかある？： ※使用にあたって、LINKして頂けたら、ウルティマハッピーです！