アイコン作ってみた

00:26

以前、home_black.gif←このアイコンを作ったのだけれど、アイコン作りが意外と面白かったので使えそうな物をいくつか作ってみました。


home_white.gif：ホーム（背景色が黒っぽい場合）
arrow1_right.gif：右
arrow1_left.gif：左
icon-comment.gif：コメント
icon-trackback.gif：トラックバック
icon-category.gif：カテゴリ
icon-tag.gif：タグ

今のテンプレ中でもお試しでアイコンをつかってみています。いかがでしょうか。
自分で作ると著作権とか気にしなくて良くなるので楽ちん。

もしこのアイコン使いたいよーという方がいましたら、ご自由にお使い下さいませー
スポンサーサイト



Tag List
テンプレート
アイコン

タイトルエリアの透過率を変更する：Type A

01:47

対象テンプレート
・ Day-out
・ Aquaria

スタイルシートを編集します。お使いのテンプレートのバージョンに合わせて編集箇所を探してください。
スタイルシートで該当する箇所を探す場合は、ナンバリングを参考にどうぞ。

・ Day-out ver.2.2以上
・ Aquaria ver.1.1以上
/*[3.3-a]*/
#Title ,
#Intro {
  width : 100%;
  background-image : url("http://blog-imgs-16.fc2.com/r/i/m/rimse/birdcall_title_alpha.png");
  background-repeat : repeat;
  background-position : 0 0;
}
/*[3.3-b:for IE5-IE6]*/
.ltIE7 #Title ,
.ltIE7 #Intro {
  filter : Alpha(opacity=75);
  background-color : #000;
  background-image : none;
}


・ Day-out ver.2.11以下
・ Aquaria ver.1.0
/*[3.3-a]*/
#title ,
#introduction {
  width : 100%;
  background-image : url("http://blog-imgs-16.fc2.com/r/i/m/rimse/birdcall_title_alpha.png");
  background-repeat : repeat;
  background-position : 0 0;
}
/*[3.3-b:for IE5-IE6]*/
.lt-ie7 #title ,
.lt-ie7 #introduction {
  filter : Alpha(opacity=75);
  background-color : #000;
  background-image : none;
}
赤字部分と青字部分を、以下の一覧を参考に変更してください。
初期設定では、透過率は25%です。

透過率：100%

赤字部分：
background-image : none;

青字部分：0

透過率：90%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_90.png");

青字部分：10

透過率：80%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_80.png");

青字部分：20

透過率：70%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_70.png");

青字部分：30

透過率：60%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_60.png");

青字部分：40

透過率：50%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_50.png");

青字部分：50

透過率：40%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_40.png");

青字部分：60

透過率：30%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_30.png");

青字部分：70

透過率：20%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_20.png");

青字部分：80

透過率：10%

赤字部分：
background-image : url("http://blog-imgs-36.fc2.com/r/i/m/rimse/alpha_000_10.png");

青字部分：90

透過率：0%

赤字部分：
background-color:#000;

青字部分：100

Tag List
カスタマイズ
day-out
aquaria
テンプレート

Profile

rimse

Author:rimse
ペンギンを愛してやまないペンギン病患者。
LOVEペンギン。

ただいまお仕事でえらいこっちゃしてます。

ブログのテンプレ作ってました。
共有テンプレートのページで、作者「rimse」と検索すると出てきます。
シンプルめのテンプレが多いかも。

Recent Entries

Recent Comments

Archives

Categories

Calender

11 | 2023/12 | 01
日 月 火 水 木 金 土
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

RSSフィード

Search


Credit

スタイル切り替えスクリプト
[stylechange.js] Re:move!
Aquaria
[photo] "Blue Water" / fox_kiyo (Flickr)
Fiore
[photo] "Good night dahlia 2"/tanakawho (flickr)
Silence
[photo] "Noche de luna llena"/*L*u*z*a* (flickr)
Snowdance
[photo] "Snow Magic"/katmere (Flickr)
Fragment
[photo] "In the Streets"/Rodrigo Cayo (I LOVE ANALOG) (Flickr)
Day-out
[photo] "Antarctica: Penguin Hunting"/elisfanclub (Flickr)
Ad-Astra
[photo] "Kilimanjaro"/Stig Nygaard (Flickr)
Fall-time
[photo] "against the white sky"/Ozyman (Flickr)
[icon] "Fugue Icons"/pinvoke
Exnihilo
[icon] "Fugue Icons"/pinvoke
Manicstar
[photo] "Elements of Light"/Fort Photo
Lostsky
[photo] "Lost to the Sky"/Drown
Daylight
[photo] "the grass is greener here"/hufse
[photo] "Seeing the Forest for the Trees"/synapse
Suspire
[photo] "Lying Cat"/d'n'c
Amaris
[photo] "Bev & Ryan"/aprillynn77
Herba
[photo] Encyclorecorder
Birdcall
CertaPax
Rera
[photo] ShippoShappo