画像のURLとは | アメブロ カスタマイズ CSSメモ帳

画像のURLとは

「画像のURLとは」


cssを使って 画像を貼り付けるとき


下記の赤文字部分に入れたい画像のアドレスを入れます。


           ダウン


body{
background-color: #FFFFFF;/* 背景の色 */
background-image:url(画像のURL);
background-repeat : repeat;/* 背景画像の繰り返し*/
}


画像のURLって何 はてなマーク と思ったら



アメブロ カスタマイズ CSSメモ帳  まずは、画像ホルダーに画像を保存します。


マイページ  →  ブログを書く  →  画像フォルダー


               ダウン


(画像をクリックして頂ければ綺麗な画像が見れます。)




アメブロ カスタマイズ CSSメモ帳



アップ 赤枠の画像フォルダーをクリックして下さい。


ダウン  この画面になります。



アメブロ カスタマイズ CSSメモ帳


赤枠の 参照をクリックして読み込みたい画像をクリックして


開くをクリックします。


アップロードをクリックすると 保存 完了です。



アメブロ カスタマイズ CSSメモ帳  画像のURLを確認する


画像を保存した 画面で 使用したい画像を クリックして下さい。




アメブロ カスタマイズ CSSメモ帳


ダウン  小窓が開きます。


    バナー画像の上で右クリックをします。




アメブロ カスタマイズ CSSメモ帳


ダウン  新しい小窓が開きます。


    赤枠のプロパティをクリックして下さい。



アメブロ カスタマイズ CSSメモ帳


ダウン 新しい小窓が出て来ます。



アメブロ カスタマイズ CSSメモ帳


赤枠の アドレス:URLが 画像のURLです。


これをコピーして ダウン 赤文字の画像のURLの部分に貼り付けます。


body{
background-color: #FFFFFF;/* 背景の色 */
background-image:url(画像のURL);
background-repeat : repeat;/* 背景画像の繰り返し*/
}

貼り付け例


body{
background-color: #FFFFFF;/* 背景の色 */
background-image:url(http://stat.ameba.jp/user_images/20090802/01/rabbitmama/00/46/g/t02200178_0797064410224798191.gif );
background-repeat : repeat;/* 背景画像の繰り返し*/
}

アップ  こうなります。




ダウン ランキング参加中 ニコニコ


    お役に立てましたら ポチッとお願い致します。


にほんブログ村 ブログブログ ブログノウハウへ


アップ

みなさまの、ワンクリックが 励みになります。