アメーバマークと画像のURLの調べ方 | Toyo☆World

Toyo☆World

日常の楽しいことや不憫なこと・・・
人の不幸は蜜の味?的な
とにかく何でもありのTOYOワールドです。

ここ ここ で記事にしたあめまりさん のアメーバのマーク、
冬バージョンのままだったので春用に画像を作って変えてみました。


Maman☆World

昨日まではこっちのアメーバマークでした。
Maman☆World


あめまりさんのようにセンスよく作れないけど( ̄∇ ̄;)
よかったら使ってみてくださいね。


Maman☆World

Maman☆World

Maman☆World

Maman☆World

Maman☆World


アメーバのマークの変え方のCSSはあめまりさんのCSSを
お借りしました。

該当記事→お正月&冬バージョン★ヘッダのアメーバ画像とカスタマイズ方法
       
       [フリー素材] ★クリスマスバージョン★ヘッダのアメーバ画像とカスタマイズ方法

CSSの編集方法がわからない人は↑のリンク先のあめまりさんの記事に
詳しく説明してくれている記事もリンクされていますのでそちらをご覧ください。


まずCSS編集画面に行き、↓のCSSをコピーして
画像のURLを書き換えて一番下に追加してください。



/* ----アメーバマークここから--- */
#amebaBar ul{
display:none;
}
#amebaBar #barLogoTop img{
visibility:hidden;
}
#amebaBar #barLogoTop a{
display: block;
padding:0;
margin:0 0 0 3px;
height:22px;
width:88px;
background-image:url(画像のURL);
background-repeat:no-repeat;
}
/* ----アメーバマークここまで--- */


 

画像は自分のパソコンに保存してください。
好きな画像の上で右クリックして名前を付けて画像を保存。
画像の追加から画像をアップロードして(画像のURL)にそのURLを入れて
CSSの一番下に追加してください。


Maman☆World



CSS編集画面で、必ずプレビューを確認して変わっているか確かめてから
保存してくださいね。

その後、ブログを見ても画像が変わっていない場合はFFかIEの場合は
Ctrl+Shift+Deleteキーを同時に押して情報をクリアしてみてください。

使用してくれるという人がいたら、何番を使ったかコメントしてくれると
嬉しいです。




【おまけ】

よく画像のURLはどうやって調べるのですか?という質問を
いただくことがありますのでわからない人のために追記させてもらいます。

記事を書く時に画像ボタンをクリック。
↓↓↓
Maman☆World

①アップロードすると下に画像が追加されていますので
その画像をクリックします。
Maman☆World

②クリックすると↓のように変わります。画像の上で右クリックして
画像のURLをコピーします。
これでオリジナルの大きさの画像のURLがわかります。

Maman☆World



下の画像は同じ画像の縮小画像とオリジナル画像です。


Maman☆World



Maman☆World


ちなみに縮小画像のURLは
http://stat.ameba.jp/user_images/20100422/16/maman44/b8/2e/p/t02200239_0436047310506957366.png

そのURLを知りたい時は①の状態のアップロードして
追加された画像の上で右クリックで画像のURLをコピー。


大きなオリジナル画像のURLは
http://stat.ameba.jp/user_images/20100422/16/maman44/b8/2e/p/o0436047310506957366.png
②のようにして画像のURLを調べます。