お小遣い生活の傍らでFC2共有テンプレート作成に励んでいる男の軌跡。。。

http://hyama2004.blog16.fc2.com/　　presented by hyama2004

プロフィール

<A HREF="http://j-a-net.jp/" target="_blank"><IMG SRC="http://s13.j-a-net.jp/gateway/d_image.cgi?a=06458&s=06&u=" width="130" height="18" Border="0"></a>
ホーム｜RSS1.0
管理人：hyama2004
結構楽しいお小遣い生活！
岡山県岡山市棲息中
2008年の実績:35,437円
2007年の実績:68,371円
2006年の実績:93,554円
2005年の実績:62,046円
2004年の実績:38,581円
2003年の実績:17,400円

カテゴリ

雑記(23)
リードメール情報(140)
サイト運営(5)
大当り画面倉庫(49)
小遣い同盟(4)
ポイントサイト情報(117)
トピックス(20)
アンケートサイト情報(37)
共有テンプレート(32)
カスタマイズ講座(19)
小遣い帳を作ろう(0)
参考リンク集(2)

換金実績(記事リンク)

13,700円 ECナビ

10,900円マクロミル

10,900円ボイスポート

10,900円流石めーる

10,100円くじ引きネット

9,650円 NetMile

9,000円だぶるくりっく

8,500円 LifeMile

7,895円まんぷく島

7,000円 goo Research

6,400円今アッタール

6,020円ちょびリッチ

6,000円キャンパラ

6,000円 MyVoice

4,800円 HESO-CLICK

4,500円 Prize-Prize

4,000円なにわ家Dream

4,000円ＣＭサイト

4,000円 MY DIRECTORY

3,750円予想ネット

3,600円 KNOTs

3,000円 infoQ

3,000円ポイントナビ

3,000円 Chance It!

3,000円 1番めーる

2,950円ポイントタウン

2,903円 Info-Cash

2,500円 CiM-Net

2,500円西成広告電信

2,500円 KING OF LEADMAIL

2,000円ｉＭｉネット

2,000円 Eyegift

2,000円得だわ幕府

2,000円 Magic2Mail

2,000円 High Stage

2,000円フルーツメール

1,916円 Pointin

1,500円 Tropical Mail

1,500円クリックチャンス！

1,500円白くつしたのナッツ

1,100円 NobleMail

1,000円 ANGEL LETTER

1,000円 vlcrew

1,000円ペットンメール

1,000円ぶたちょき

1,000円 Warau.JP

1,000円 Sugar Mail

1,000円寿司めーる

1,000円 POINT-BOX

1,000円ビジ天

1,000円えある

900円 Enjoy-Mail

800円 PointPark

710円匠めーる

614円 GetMoney!

600円 Q-VOICE

500円 StarBiz-Mail

500円 BASEBALL MAIL

500円ポイン塔

500円 PEGASUS MAIL

500円 ABCリードメール

500円ポイント広場

500円 CLICKS ON AIR!

500円 MyAccount

500円ぽちコム

500円ウリ坊めーる

500円天空

480円オレンジトラフィック

225円 MAIL-ISLAND

広告エリア

カスタマイズ講座(第19回)

2007/06/12 10:39｜カスタマイズ講座｜TB：0｜CM：0｜▲

カスタマイズ講座(第19回)

約1.5月ぶりの第１９回。
本当に久しぶりな気がします…
これでは講座になりませんね。。。

ご存知の通り、私の作ったテンプレでは画像を一切使いません。
絵心が無いのが大きな理由ですが、
同時にカスタマイズのし易さも大事にしているためです。

しかし、色の指定だけでは飽き足らず、
素材サイトでも気に入った画像が見つからない方。

自分で背景画像を作りましょう！
それも簡単に。。。

過去記事一覧

過去のカスタマイズ講座一覧
1.色	2.枠線	3.横幅
4.ランダムバナー	5.テキストリンク	6.スクロールバー
7.文字装飾	8.背景画像	9.検索窓
10.ターゲット	11.２カラム化	12.横幅Part2
13.画像リンク	14.隙間	15.トランプ図柄
16.アクアボタン	17.ブログ概要	18.コメント欄

透過GIFと言う単語を聞いた事はありますか？
GIFは画像形式の一種で知ってますよね。
それを透けさせたのが『透過GIF』です。

今回使うツールは２つ。
Windows添付のペイントとG・こんばーちゃ♪。
G・こんばーちゃ♪はVectorからダウンロードできるフリーソフト。
簡単操作で透過GIFが作成できる優れものです。

さてまずはペイントを起動。
[変形]-[キャンパスの色とサイズ]で4x4ピクセルの大きさを指定。

小さ過ぎて画面で見えないので、
[表示]-[拡大]-[拡大率の指定]で800%に。

ピクセルの区切りが分かり易いようグリッド線も表示。

赤色で塗りつぶして右角に1つ白色を入れましょう。
下のパレットで色を選んで塗るだけです。
後の作業で『赤い部分は透過』され『白1pxの透過GIF』に仕上がります。

さて、ペイント作業はこれだけ。
あとは適当な名前を付けて保存。
保存形式は『24ビットビットマップ』でOKです。

続いてG・こんばーちゃ♪を起動。
[gif]と[透過]を選んだ後で先程作ったBMPファイルをドラッグ&ドロップ。

これでサイズが4x4pxの中に白1pxの透過画像の出来上がり。

さてこれがどうなるか？

背景が灰色の記事タイトル

良くある記事タイトルですね。
当然スタイルシートで背景色を指定しています。

background-color:silver;

そこに先程の背景画像を重ねると

4x4に1pxの白色透過画像

background-color:silver;
background-repeat:repeat;
background-image:url(作成した画像.gif);

透けているので背景色の上に白1pxのドットが重なっているのです。
画像を透過させずに色を付けて背景とする方法もあります。
その場合、色を変えたい時には画像を作り直す必要が。
でも、これなら↓な感じで背景色を変えるだけで簡単に模様替えできますね。

背景色をgold

背景色をpink

他にも簡単にできる透過画像パターンとして、

2x2に1pxの白色透過画像

3x3に1pxの白色透過画像

2x2に白色横線透過画像

4x4に白色斜線透過画像

同じ灰色背景でも雰囲気が変わりますよね。
今回は例として白のドットでしたが他の色も準備すれば色々と楽しめる筈。

もし画像を作るのが面倒な方は、
↑のサンプル上で、右クリック⇒名前を付けて背景を保存、
で持ち帰ってもらっても構いませんよ。

では､今回はこの辺で。
次回もお楽しみに。。。

コメントの投稿

トラックバック

トラックバックURLはこちら
http://hyama2004.blog16.fc2.com/tb.php/330-d8f89236

ブログ内検索(Google)

最新ヒットPV(7/22)

Your Seed/Hey!Say!JUMP!

KissHug/Aiko

Behind love/パク・ヨンハ

Plenty of grit/林原めぐみ

告白/FUNKY MONKEY BABYS

I DON'T KNOW/MICA 3 CHU

崖の上のポニョ/藤岡藤巻と大橋のぞみ

Make my day/新垣結衣

爪爪爪/マキシマム・ザ・ホルモン

No Rain,No Rainbow/HME MADE 家族