" スキンとテンプレート "いじってみました。
え~っと、今日は午後からふと思い立ち、Blogのスキンをさわりまして
・・というのも 『 日々楽々 』小説サイトさま 鹿の子さんがリンクしてらした
素材屋さんにとってもかわいい子供達の絵がたくさんあって触発されたからなんです。
鹿の子さん、ありがとうございます。^^
それとスキンやテンプレート作成にたくさんの素材を利用させていただきました。
素材webサイトさま『 ポカポカ色 』の あさひさん、どうもありがとうございました。^^
★。、:*:。.:*:・'゜☆。.:*:・'゜★。、:*:。.:*:・'゜☆。.★。、:*:。.:*:・'゜☆。.:*:・'゜★。、:*:。.:*:・
excite blogを利用されてない方は読んでもあまり意味ないかもしれません。^^;
【 スキン 】
まず エキサイト提供のスキンを物色。
へぇ~、見逃してたスキンの中に、今回使用した子供の素材になんとなく
マッチしそうなものを発見。
完全に全て一からタグをはめ込んで自由自在にblogスキンを作る技を持たない
わたくしは、大抵他所からの素材を使う場合、エキサイト提供のスキンを土台にして
作成します。 小技ですね。^^
スキンページの5/8ページめにある(前のページに5ページ遡る)=
シンプル絵本=
これスキンさわるのにすっごくいいと思います。
まず、ブログサイド(カテゴリー/リンクetc,)を左右両方から選べるのですよ。
それと記事欄にかわいい背景画像が入ってます。←これエキサイトスキンの中では希少価値です。
はい、そこでこのスキンの側にあるボッチ、 /編集を←CLICK
/ スキン編集を集めます ←CLICK
スキン編集というのが出てきますので、
ひよこ (右メニュー)
ひよこ (左メニュー)
きんぎょ (右メニュー)
きんぎょ (左メニュー)
はな畑 (右メニュー)
はな畑 (左メニュー)
つる (右メニュー)←今回わたくしが利用したスキンでお話しますね。
つる (左メニュー)
↑ の中から選択して / 編集を ←CLICK
HTML編集とCSS編集というのが出てきますので、下の方にあるCSS編集
をいじります。
少し下にスクロールすると
======
background: transparent url("http://md.exblog.jp/skn/img/a/01/06/8/head_back04.jpg") no-repeat bottom
==========
↑ というタグが出てきます。
このhttp://md.exblog.jp/skn/img/a/01/06/8/head_back04.jpgの画像アドレスを
自分の好きな素材の画像に置き換えるとblogの上の画像を替える事ができます。
ただし、もともとのスキンの画像の大きさと入れたい画像の大きさがあまりにも
違いすぎると、大切な部分が入らなくなったりしますのでご注意!
素材の画像アドレスは、エキサイトblogでとってもいいですし、他のblogあるいは
掲示板やHPでとってもいいですよね。
アドレスは、画像を張りつけたサーバー(web)上の画像の上にマウスを置いて
右クリック ←プロパティをクリックすると画像アドレス(URL)が表示されているので
それをこぴぺして、 ↑ の
http://md.exblog.jp/skn/img/a/01/06/8/head_back04.jpgと差し替えると
OKです。
※明日は このまま続きとして、コメント欄を大きくしてかわいい素材を入れる
タグをupしますね。←これは以前もupしましたが、再度upしてみますね。
時間も遅くなりましたので、また明日。
ここから================昨日の続きです。
引き続きCSS編集にて
一番下にある余白の場所に下記の通りタグを入れます。
‘*:;,.★ ~☆・:.,;*
}
TEXTAREA.TXTFLD{
height:17em;
background-image:url(http://enthusiasticfans.up.×××∇∇∇.net/image/s-1093.jpg);
background-position:right;
background-repeat:no-repeat;
}
‘*:;,.★ ~☆・:.,;*
もちろん → http://enthusiasticfans.up.×××∇∇∇.net/image/s-1093.jpg ←は
わたくしがとった画像アドレスですから、ご自分がとった画像アドレスを入れて
くださいね。