スタイルシート・タイトル部分のgif画像登録編

最初に。

gif（コマ動画）は色々ありますので、今回は例として、ぺそぎんを使用して説明します。

他に著作権とかあるのモノもありますので、気を付けて下さいね。

まずぺそぎんサイトのurlを載せますので行って見て下さい。

http://www.peso.nu/attention.html

次に欲しい画像の所にカーソルをあわして、
右クリック、コピー、保存します。

保存出来た画像を今度は、スタイルシート画像の登録をします。

①スタイルシートを押す
②スタイルシート用画像を押す

①ページの追加を押して先ほどぺそぎんサイトより落とした、画像を登録します。

画像登録したアドレスをドラック、コピーします。

次に、スタイルシートの編集画面に戻ります。

まず写真のブログ本日のタイトル横に画像を登録したい時はbackground-image: urlの次の（　　）内に先ほどコピーした画像アドレスを貼り付けます。



/*ブログ：本日のタイトル*/
.Title {
color:#FFFFFF；
font-size: 16px；
font-weight: bold；
padding:3px 15px 2px 19px；
background-image: url(ここだよ、ここ)；
background-position:0 47%；
background-repeat: no-repeat；
background-color: transparent；
}

次に写真のような所に画像を入れたいときはプロフィール・最新ブログ項目のbackground-image: urlの次の（　　）内に先ほどコピーした画像アドレスを貼り付けます。






/*=====================プロフィール：最新ブログ等=====================*/
.ProfileTitle{
margin: 8px 0 0 0；
font-size: 14px；
font-weight: bold；
color: #FFFFFF；
background-image: url(ここだよ、ここ)；
background-position:0 40%；
background-repeat: no-repeat；
background-color: #1e90ff；
padding:3px 15px 2px 20px；
}

これで取りあえずいけると思います。
よかったら、チャレンジして見てね♪