★Cool にソラマメをカスタマイズする! -Case.2-

Lovely Wolf

2008年05月09日 12:25



【第 28 話】 ブログのカスタマイズは、脱がしたあと、また着せてみよ!- スタイルシート編集 編 -


★Avatar とは、着たり、脱いだり、忙しい連中のこと。O ' Lovely 出版より - by Lovely Wolf -


# SLASH
< SL Url > secondlife://SLASH/152/21/24/



★ではここでIQ サプリ。違いはいくつ?




★ココは、eros とkawaii が共存している。




★INSOLENCE にはない下品さがおすすめ。

美人


★女性の服にはうるさいくせに、自分の服にはまったく関心がない。ってかこの半年、毎日同じ服かも。orz

# *Muism* Main Store
< SL Url > secondlife://Muism/144/208/25/



★とりあえず、自分で仕立てなおしでもしてみるか。オブジェクトを右クリックしてパイメニューからedit を選ぶ。




★このジャケットはスカートみたいにひらひらと開くのがポイント。




★うまく着こなせてるかな?




★本日のお題は、「脱がしたあと、また着せてみよ!」ということらしいが、脱がしたり着せたりと、まるでAvatar の着せ替えごっこと同じじゃねぇか、まったく。

ソラマメのシンプルテンプレートでは、デフォルトの「記事のタイトル」や「サイドバーのタイトル」の背景部分は、画像を使って表示しているようだ。




★ではさっそく、「記事のタイトル」(date)や「サイドバーのタイトル」(sidetitile)の背景を別の画像と取替えてみる。サンプルは、23 ×4 pxのサイズでほんの少しCool な画像にしてみた。

・・・赤字部分が修正ヶ所。違いがわかるように変更したところをコメントアウトして残しておいた。(/*~*/ で囲む)


.date{
 border-top: 1px solid #484848;
 border-left: 1px solid #484848;
 border-right: 1px solid #484848;
 border-bottom: 1px solid #484848;
 /*background: #787878 url(/_img/simple_gray/obj.gif);*/
 background: #389B64 url(http://img01.slmame.com/usr/lovelywolf/08050730.jpg);
 background-position : 1px 1px;
 /*color: #ffffff;*/
 color: #777;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 2px;
 padding: 5px 0px 5px 5px;
}

.sidetitle{
 border-top: 1px solid #484848;
 border-left: 1px solid #484848;
 border-right: 1px solid #484848;
 border-bottom: 1px solid #484848;
 /*background: #787878 url(/_img/simple_gray/obj.gif);*/
 background:#787878 url(http://img01.slmame.com/usr/lovelywolf/08050730.jpg);
 background-position : 1px 1px;
 /*color: #ffffff;*/
 color:#777;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 2px;
 padding: 5px 0px 5px 5px;
 width: 178px;
}



【Cool デザインTips】