2008年01月08日
ブログカスタマイズ1.背景画像
ソラマメのテンプレートってあまり選べないけど、なかにはいじってカッコよくしてる人もいる!
私もブログをオリジナル仕様にした~い!
ってことで、いろいろいじってみることにしました。
まずは背景画像・・・タイトル画像よりも先って順番違うかもw
でもちょっと背景画像を作ってみたかったんです。参考にしたのはヴィトンのモノグラム。
で、作ってみたのがコレです。

ヴィ、ヴィトンとはだいぶ違う・・・
(kとtでモノグラム作るのが難しかったのでー)
んー。そのうち変えるかもしれません。
で、ここからが本題です。
ブログなんていじったことない、htmlよく知らない、CSS?聞いたことあるような・・・
そんな私ですので、ちょっと調べてみました。
参考にしたサイト様
↓
SLMaMe Blog TEMPLETE
セカンドライフ:マコログ[MACOLOG]
(近々閉鎖するという記事が出ていたので、もしかしたらなくなっているかもしれません)
もうなくなっていました。残念
スタイルシート例文辞典
ふむふむ。
ちょっとだけ分かりました。
これを見て試行錯誤した結果、なんとか背景画像を変えることができました。
では、やっと背景画像の変え方です。あ、こっちが本題か。
まずは先ほど作った画像をアップロードします。そして、そのURLをコピーしておきます。
「ブログの設定」の中に、「テンプレート」があります。3種類保存できるようになっているので、失敗することも考えて今使っているものは置いといて、新しくテンプレートを追加してそれをいじるのがオススメです。
テンプレートのカスタマイズを開くと、
スタイルシート
トップページ
個別記事
アーカイブ
の4つに別れています。
今回変更するのは一番上のスタイルシートです。
スタイルシートの何行目かに、
body{
color :#000;
margin :0px;
background :#E0EDE0;
text-align:center;
}
という記述があります。元のテンプレートによって多少違うと思います。
この中のbackgroundが背景の指定です。この場合だと、#E0EDE0という色になっています。
この辺の説明は詳しくないのではしょりますね
で、ここを変えるわけです。
background
:#E0EDE0;
という部分を、
background-image
:url(さっきアップした画像のURL);
に書き換えてください。
一番下に登録ボタンがあるのでぽちっとな。
このテンプレートを使う、で、確認すると背景が変わっていると思います。
このブログの場合
before

after

いかがでしょう?
ちょっとだけオリジナリティが出せました。
次はタイトル画像にチャレンジしようと思います。そのうち。
*カスタマイズ記事まとめ*
ブログカスタマイズ1.背景画像(このページ)
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~
ブログカスタマイズ2.タイトル画像~後編~
ブログカスタマイズ3.サイドバー
私もブログをオリジナル仕様にした~い!
ってことで、いろいろいじってみることにしました。
まずは背景画像・・・タイトル画像よりも先って順番違うかもw
でもちょっと背景画像を作ってみたかったんです。参考にしたのはヴィトンのモノグラム。
で、作ってみたのがコレです。

ヴィ、ヴィトンとはだいぶ違う・・・

(kとtでモノグラム作るのが難しかったのでー)
んー。そのうち変えるかもしれません。
で、ここからが本題です。
ブログなんていじったことない、htmlよく知らない、CSS?聞いたことあるような・・・
そんな私ですので、ちょっと調べてみました。
参考にしたサイト様
↓
SLMaMe Blog TEMPLETE
(近々閉鎖するという記事が出ていたので、もしかしたらなくなっているかもしれません)
もうなくなっていました。残念

スタイルシート例文辞典
ふむふむ。
ちょっとだけ分かりました。
これを見て試行錯誤した結果、なんとか背景画像を変えることができました。
では、やっと背景画像の変え方です。あ、こっちが本題か。
まずは先ほど作った画像をアップロードします。そして、そのURLをコピーしておきます。
「ブログの設定」の中に、「テンプレート」があります。3種類保存できるようになっているので、失敗することも考えて今使っているものは置いといて、新しくテンプレートを追加してそれをいじるのがオススメです。
テンプレートのカスタマイズを開くと、
スタイルシート
トップページ
個別記事
アーカイブ
の4つに別れています。
今回変更するのは一番上のスタイルシートです。
スタイルシートの何行目かに、
body{
color :#000;
margin :0px;
background :#E0EDE0;
text-align:center;
}
という記述があります。元のテンプレートによって多少違うと思います。
この中のbackgroundが背景の指定です。この場合だと、#E0EDE0という色になっています。
この辺の説明は詳しくないのではしょりますね

で、ここを変えるわけです。
background
:#E0EDE0;
という部分を、
background-image
:url(さっきアップした画像のURL);
に書き換えてください。
一番下に登録ボタンがあるのでぽちっとな。
このテンプレートを使う、で、確認すると背景が変わっていると思います。
このブログの場合
before

after

いかがでしょう?
ちょっとだけオリジナリティが出せました。
次はタイトル画像にチャレンジしようと思います。そのうち。
*カスタマイズ記事まとめ*
ブログカスタマイズ1.背景画像(このページ)
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~
ブログカスタマイズ2.タイトル画像~後編~
ブログカスタマイズ3.サイドバー
2008年01月08日
ニセコでスノボ
年明けにRLでスノボ行ってきました。
で、その予行演習というわけではないのですが、SLでスノボを体験してみよーってことで、年末にニセコへ行ってきました。
着いたところでボードとウェアをもらって、・・・って、SS足りないw
ブログで紹介するときはちゃんと考えなきゃダメみたい
とにかくウェアを着て、ブーツを履いて、リフトに乗ってみました
このリフトよくできてる!

下から見上げたところ

頂上に着くとレストハウスが!
自販機もあったり、けっこう細かく作りこんでありますねー
(ここもSSナシ
)
中に入ってみたら、ごはんがあるようなので、まずは腹ごしらえ!と、カレーを頂きました

(ゴーグルでかっw)
お腹いっぱいになったので、いよいよ滑ります。
コースまで行ってみると・・・けっこう高い・・・ていうか斜度いくつ!?

RLでこんなとこ行っちゃったら、怖くてまともに滑れなくなりますね
まだまだ初級者なもので
で、これが滑ってる途中。

ポーズはこれしか入ってないみたいで、このカッコのままターンww
SLだからやっぱそうなるしかないのかなー?
それともお金出していいもの買ったらちゃんとアニメが入っていたりして、カッコよく決まるんでしょうか??
あ、スキーの方は転ぶアニメが付いていたりするみたいですね
スノボも実は入ってるのかも・・・
また試してみます
場所はココかな
http://slurl.com/secondlife/Niseko%20Hirafu/60/189/25
で、その予行演習というわけではないのですが、SLでスノボを体験してみよーってことで、年末にニセコへ行ってきました。
着いたところでボードとウェアをもらって、・・・って、SS足りないw
ブログで紹介するときはちゃんと考えなきゃダメみたい

とにかくウェアを着て、ブーツを履いて、リフトに乗ってみました
このリフトよくできてる!


下から見上げたところ

頂上に着くとレストハウスが!
自販機もあったり、けっこう細かく作りこんでありますねー
(ここもSSナシ

中に入ってみたら、ごはんがあるようなので、まずは腹ごしらえ!と、カレーを頂きました


(ゴーグルでかっw)
お腹いっぱいになったので、いよいよ滑ります。
コースまで行ってみると・・・けっこう高い・・・ていうか斜度いくつ!?


RLでこんなとこ行っちゃったら、怖くてまともに滑れなくなりますね

まだまだ初級者なもので

で、これが滑ってる途中。

ポーズはこれしか入ってないみたいで、このカッコのままターンww
SLだからやっぱそうなるしかないのかなー?
それともお金出していいもの買ったらちゃんとアニメが入っていたりして、カッコよく決まるんでしょうか??
あ、スキーの方は転ぶアニメが付いていたりするみたいですね
スノボも実は入ってるのかも・・・
また試してみます

場所はココかな
http://slurl.com/secondlife/Niseko%20Hirafu/60/189/25