![キラキラ☆](https://emoji.ameba.jp/img/user/rs/rs-vanilla/25863.gif)
素材とCSSを使って、ブログをカスタマイズしてみましょう。
![]() |
|
【設置方法】
![1](https://emoji.ameba.jp/img/user/am/amecustom/1659473.gif)
![やじるし](https://emoji.ameba.jp/img/user/am/amecustom/1647111.gif)
![2](https://emoji.ameba.jp/img/user/am/amecustom/1659482.gif)
※今回は前回のシンプルバージョンの gif ファイルと違って png ファイルですので、
シンプルバージョンからの書き換えの場合は、お気をつけください。
background-image:url(画像URL);
![やじるし](https://stat.ameba.jp/user_images/20090327/21/amecustom/4b/2d/p/o0037003310157780521.png?caw=800)
background-image:url(http://amemari.cocolog-nifty.com/listIco/listIco31.png);
【おまけ】
素材を使って、ラインを作ってみましょう。
記事の中に下記のコードを挿入してください。
赤文字の数字部分は、上記同様お好きな素材の番号を入れてくださいね。
<div style="background-image:url(http://amemari.cocolog-nifty.com/listIco/listIco31.png);background-repeat:repeat-x;padding-bottom:15px;"></div>
【お願い】
こちらの画像をご使用になる場合は、コメントとして残してくださいね
![aya](https://emoji.ameba.jp/img/user/ay/aya---world/1211824.gif)
今後の素材制作のためにご使用の番号も書いていただけると助かります。
リンクもフリーなので貼っていただけると嬉しいです
![ハート](https://emoji.ameba.jp/img/user/ki/kirakira-dream/5540.gif)
![やじるし](https://emoji.ameba.jp/img/user/am/amecustom/1647111.gif)
お分かりになる方は、素材を持ち帰り、ご自身で管理してください。
画像がいつまであるか責任を負いかねますので。。。
![汗②](https://emoji.ameba.jp/img/user/sm/smilemoon/15346.gif)
-------------------------------------
追記(2009/11/29)
【IE6での表示の場合】
だるがり~タ☆さんからご指摘いただきました IE6 での表示についてのお詫びです。
PNGの透過データを使用しておりますため、
IE6 での表示の場合は、画像の背景がグレーになってしまいます。
これは IE6 での通常の仕様となります。
画像が細かいため、わざとGIF透過画像を使用せず、PNG透過画像にしております。
IE7 以上、もしくは Firefox では問題ありませんが、あらかじめご了承のうえ、ご使用ください。
by ブログデザイナー@あめまり