2008年01月30日
ブログカスタマイズ2.タイトル画像~後編~
さて、後編です。
前回、画像をアップして設定したはいいものの、高さがおかしくなっていました。
こんな感じ。

一見普通に見えますが、現在のブログの状態と比べると、画像の高さが小さいことがわかります。
なので、後編ではその高さを調整していきます。
調整するのは、ずばり「文字の位置」です。
そこにたどり着くまでに散々迷ったんですけどね
どこにもheightって記述はないしー、どうしたらいいの!?
・・・ふと、ひらめきました。文字を変えてみよう!と。
で、実験は見事成功したわけです。
(ほんとはもっと簡単なやり方があったりして?)
では変更の仕方です。
またまたスタイルシートを編集します。
下のような部分を探してください。
.blogtitle{
font-size:30px;
font-weight:bold;
padding:20px 0px 0px 10px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:4px 0px 0px 35px;
text-align:left;
letter-spacing:2px;
}
blogtitleはそのまま、ブログのタイトル部分です。
このブログで言うなら、「*kitto*」の部分。
descriptionは、ブログの説明部分です。
「ショップkittoの商品紹介と、・・・」の部分。
この文字の位置を指定しているのが、paddingです。
blogtitleの例では
padding:20px 0px 0px 10px;
となっているので、
上から20px、右から0px、下から0px、左から10pxの位置にあるみたいです。
正確に言うと、文字の位置ではなくて、文字が入る領域を示しているみたいですけど。
詳しくはこちらへどうぞ
スタイルシートリファレンス
これを、下のように書き換えました。
.blogtitle{
font-size:30px;
font-weight:bold;
padding:215px 0px 0px 10px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:4px 0px 50px 35px;
text-align:left;
letter-spacing:2px;
}
blogtitleの上の余白を20→215にし、descriptionの下の余白を0→50にしました。
これで、今のようなタイトルになりました
この数値は、試行錯誤の結果です。
スタイルシートの数値を変更したら、その下のトップページのところにプレビューボタンがあります。
変更をすぐ確認することができますので、試行錯誤しながらここぞという場所を探してみてください
*今までのカスタマイズ記事*
ブログカスタマイズ1.背景画像
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~
ブログカスタマイズ2.タイトル画像~後編~(このページ)
ブログカスタマイズ3.サイドバー
前回、画像をアップして設定したはいいものの、高さがおかしくなっていました。
こんな感じ。

一見普通に見えますが、現在のブログの状態と比べると、画像の高さが小さいことがわかります。
なので、後編ではその高さを調整していきます。
調整するのは、ずばり「文字の位置」です。
そこにたどり着くまでに散々迷ったんですけどね

どこにもheightって記述はないしー、どうしたらいいの!?
・・・ふと、ひらめきました。文字を変えてみよう!と。
で、実験は見事成功したわけです。
(ほんとはもっと簡単なやり方があったりして?)
では変更の仕方です。
またまたスタイルシートを編集します。
下のような部分を探してください。
.blogtitle{
font-size:30px;
font-weight:bold;
padding:20px 0px 0px 10px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:4px 0px 0px 35px;
text-align:left;
letter-spacing:2px;
}
blogtitleはそのまま、ブログのタイトル部分です。
このブログで言うなら、「*kitto*」の部分。
descriptionは、ブログの説明部分です。
「ショップkittoの商品紹介と、・・・」の部分。
この文字の位置を指定しているのが、paddingです。
blogtitleの例では
padding:20px 0px 0px 10px;
となっているので、
上から20px、右から0px、下から0px、左から10pxの位置にあるみたいです。
正確に言うと、文字の位置ではなくて、文字が入る領域を示しているみたいですけど。
詳しくはこちらへどうぞ

スタイルシートリファレンス
これを、下のように書き換えました。
.blogtitle{
font-size:30px;
font-weight:bold;
padding:215px 0px 0px 10px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:4px 0px 50px 35px;
text-align:left;
letter-spacing:2px;
}
blogtitleの上の余白を20→215にし、descriptionの下の余白を0→50にしました。
これで、今のようなタイトルになりました

この数値は、試行錯誤の結果です。
スタイルシートの数値を変更したら、その下のトップページのところにプレビューボタンがあります。
変更をすぐ確認することができますので、試行錯誤しながらここぞという場所を探してみてください

*今までのカスタマイズ記事*
ブログカスタマイズ1.背景画像
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~
ブログカスタマイズ2.タイトル画像~後編~(このページ)
ブログカスタマイズ3.サイドバー
2008年01月29日
ブログカスタマイズ2.タイトル画像~前編~
タイトル画像(トップ画像?名前ナニ?)変えてみました。
フレンドのリオさんがブログで解説してくれてあったので、簡単にできそ~♪と思っていたら、意外な落とし穴にハマってしまいました
とりあえず、前回確認したのが画像の幅です。
それによるとデフォルトのテンプレートでは740pxでした。
おさらい→http://kitto.slmame.com/e110173.html
で、作った画像がコレです。

高さ350px、幅740pxです。
高さが高いのは、横長の写真が難しかったからです
これを画像一覧からアップします。その画像のURLをコピーしておきます。
管理画面→テンプレート→カスタマイズ
で、スタイルシートを編集します。
その中から下の部分を見つけてください。
#banner,#subbanner{
background:#389B64 url(/_img/simple_green/head.gif) left bottom;
padding :0px 10px 10px 10px;
}
赤い部分を下のように変更します。
url(さっきアップした画像のURL)
これで、登録すればうまくいくはず

・・・って、アレアレ?
なんか高さがおかしいよ~っ
てとこで後編に続きます。
高さはちゃんと変えられます。
ではおやすみなさーい
*カスタマイズ記事まとめ*
ブログカスタマイズ1.背景画像
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~(このページ)
ブログカスタマイズ2.タイトル画像~後編~
ブログカスタマイズ3.サイドバー
フレンドのリオさんがブログで解説してくれてあったので、簡単にできそ~♪と思っていたら、意外な落とし穴にハマってしまいました

とりあえず、前回確認したのが画像の幅です。
それによるとデフォルトのテンプレートでは740pxでした。
おさらい→http://kitto.slmame.com/e110173.html
で、作った画像がコレです。

高さ350px、幅740pxです。
高さが高いのは、横長の写真が難しかったからです

これを画像一覧からアップします。その画像のURLをコピーしておきます。
管理画面→テンプレート→カスタマイズ
で、スタイルシートを編集します。
その中から下の部分を見つけてください。
#banner,#subbanner{
background:#389B64 url(/_img/simple_green/head.gif) left bottom;
padding :0px 10px 10px 10px;
}
赤い部分を下のように変更します。
url(さっきアップした画像のURL)
これで、登録すればうまくいくはず


・・・って、アレアレ?

なんか高さがおかしいよ~っ

てとこで後編に続きます。
高さはちゃんと変えられます。
ではおやすみなさーい

*カスタマイズ記事まとめ*
ブログカスタマイズ1.背景画像
ブログカスタマイズ2.タイトル画像(準備)
ブログカスタマイズ2.タイトル画像~前編~(このページ)
ブログカスタマイズ2.タイトル画像~後編~
ブログカスタマイズ3.サイドバー
2008年01月25日
お隣さん増えた♪
メインショップがあるSantaMonica Shopping Mall。
最近セカンドライフガイドに掲載されました
記事は→http://slguide.jp/spot/2036
しかも今ならランキング1位
そのおかげでお客さんもテナントも増えたみたいです。
まったく、うれしい限りです
そんなわけで、kittoの左隣にもお店が入りました

「ぴのん堂」さんですね。
装着して使うタイプの布団やお風呂などが売られています。
その中でも気になったのがコレ。

かわいいんですけどwww
これってお子様サイズなのかなぁ。
普通に使ったら足がはみ出たりしてwww
てか、このお店の布団&kittoのフリーアイテム、AFKのフキダシを組み合わせたら、普通にAFKツールになるんじゃないでしょうか。
今度やってみよ
最近セカンドライフガイドに掲載されました

記事は→http://slguide.jp/spot/2036
しかも今ならランキング1位

そのおかげでお客さんもテナントも増えたみたいです。
まったく、うれしい限りです

そんなわけで、kittoの左隣にもお店が入りました


「ぴのん堂」さんですね。
装着して使うタイプの布団やお風呂などが売られています。
その中でも気になったのがコレ。

かわいいんですけどwww
これってお子様サイズなのかなぁ。
普通に使ったら足がはみ出たりしてwww
てか、このお店の布団&kittoのフリーアイテム、AFKのフキダシを組み合わせたら、普通にAFKツールになるんじゃないでしょうか。
今度やってみよ

2008年01月25日
フリーアイテム用ポスター作り
昨日、この記事を見てIMをくださった方がいました。
私の作ったAFKと書いてあるフキダシを気に入ってくださったみたいで
もう、すっごくうれしくて
お店をやっていて一番嬉しいのは、やっぱり誰かに喜んでもらえることなんだなぁ、と。
改めて実感しました
んで、テンション上がった私は寝る前に商品を設置しようと、写真を撮り直しにまた麦畑へ行ってみました。
これは、ボツになったけどちょっとお気に入りの写真です。

後ろから見るとこんな感じ。

そして急いでポスターを作ってお店に設置しました。
設置場所に迷ったあげく、お店の手前のスペースに。
トルソーは奥に移動してもらいました。

0L$です
ぜひ使ってください
中身が白いフキダシの画像はこちらにあります。
http://kitto.slmame.com/e123465.html
お店の場所はココ
http://slurl.com/secondlife/Thisbe/210/209/24
撤退済みです。
onrez店に置いてあります。
私の作ったAFKと書いてあるフキダシを気に入ってくださったみたいで

もう、すっごくうれしくて

お店をやっていて一番嬉しいのは、やっぱり誰かに喜んでもらえることなんだなぁ、と。
改めて実感しました

んで、テンション上がった私は寝る前に商品を設置しようと、写真を撮り直しにまた麦畑へ行ってみました。
これは、ボツになったけどちょっとお気に入りの写真です。

後ろから見るとこんな感じ。

そして急いでポスターを作ってお店に設置しました。
設置場所に迷ったあげく、お店の手前のスペースに。
トルソーは奥に移動してもらいました。

0L$です


中身が白いフキダシの画像はこちらにあります。
http://kitto.slmame.com/e123465.html
http://slurl.com/secondlife/Thisbe/210/209/24
撤退済みです。
onrez店に置いてあります。
2008年01月25日
フリーアイテム追加しました
kitto初のフリーアイテム登場です
失敗を乗り越えてついに完成した、その名も“fukidashi”です。

このポスターをでーんとお店に置いておきました。
(商品が分かりにくいんですけど、ちょっと冒険して雰囲気重視のポスターにしてみました)
もちろん0L$ですので、どんどん取りに来てください。
trans可ですので、お友達にあげることもできます
それから、このふきだしの中身を白くしたものを、ここに置いておきます。
ご自分で、好きな言葉を入れて使ってくださいね。
1. 2.

1の白い部分に言葉や絵を入れて、アルファチャンネルに2の画像を貼り付けてください。
あとは、tga形式で保存してSLにアップするだけです。
どんどんオリジナルを作ってくださいね
お店の場所はココ
http://slurl.com/secondlife/Thisbe/210/209/24
撤退済みです。
onrez店に置いてあります。

失敗を乗り越えてついに完成した、その名も“fukidashi”です。

このポスターをでーんとお店に置いておきました。
(商品が分かりにくいんですけど、ちょっと冒険して雰囲気重視のポスターにしてみました)
もちろん0L$ですので、どんどん取りに来てください。
trans可ですので、お友達にあげることもできます

それから、このふきだしの中身を白くしたものを、ここに置いておきます。
ご自分で、好きな言葉を入れて使ってくださいね。
1. 2.


1の白い部分に言葉や絵を入れて、アルファチャンネルに2の画像を貼り付けてください。
あとは、tga形式で保存してSLにアップするだけです。
どんどんオリジナルを作ってくださいね

http://slurl.com/secondlife/Thisbe/210/209/24
撤退済みです。
onrez店に置いてあります。
2008年01月24日
麦畑♪
いろいろなブログで見かけて気になっていた麦畑に行ってみました。
前の記事で作ったAFKのフキダシをフリーで置こうと思いまして、その撮影に。
(結局pngでうまくいかず、いつも通りtgaに・・・)
それとは別に中身が白いフキダシの画像もここで配布しようかと思います。
中の言葉を自由に変えて使ってくださいね、ってことで。
それは置いといて。
麦畑に行ったんです。
なんとういうか、ノスタルジック・・・
カップル?らしき男女がいたのですが、ジャマだったでしょうねwww
一人でAFK出してるくせにうろちょろして写真撮ってんだもんwww
こんな感じでw

もしここ見てたら、昨日はジャマしてごめんなさい
汽車のいろんなとこに座ってみました。
その途中で、こんな状態に。

なんだか不思議な場所でした
場所はココ
http://slurl.com/secondlife/Dreamworld%20North/229/120/22
前の記事で作ったAFKのフキダシをフリーで置こうと思いまして、その撮影に。
(結局pngでうまくいかず、いつも通りtgaに・・・)
それとは別に中身が白いフキダシの画像もここで配布しようかと思います。
中の言葉を自由に変えて使ってくださいね、ってことで。
それは置いといて。
麦畑に行ったんです。
なんとういうか、ノスタルジック・・・
カップル?らしき男女がいたのですが、ジャマだったでしょうねwww
一人でAFK出してるくせにうろちょろして写真撮ってんだもんwww
こんな感じでw

もしここ見てたら、昨日はジャマしてごめんなさい

汽車のいろんなとこに座ってみました。
その途中で、こんな状態に。

なんだか不思議な場所でした

場所はココ
http://slurl.com/secondlife/Dreamworld%20North/229/120/22
2008年01月22日
お隣さんがきたw
メインショップがあるSantaMonica Shopping Mall、両隣がずっと空いていたんだけど、昨日見に行ったら右隣にお店が入っていました

Rinaって名前のお店かな。
かわいらしいワンピースが置いてありました
オーナーさんはどんな人なんだろ?

左隣はまだ空いています。
無料スペースもまだ余裕があるみたいですね。
お店を出してみたい方はぜひ
場所はココ
http://slurl.com/secondlife/Thisbe/210/209/24
モールのオーナーさんのブログ
http://monica.slmame.com/


Rinaって名前のお店かな。
かわいらしいワンピースが置いてありました

オーナーさんはどんな人なんだろ?

左隣はまだ空いています。
無料スペースもまだ余裕があるみたいですね。
お店を出してみたい方はぜひ

場所はココ
http://slurl.com/secondlife/Thisbe/210/209/24
モールのオーナーさんのブログ
http://monica.slmame.com/
タグ :お店
2008年01月21日
ピッグサイトに応募してみた
募集中のようです。期限は分かりません。
http://release.slmame.com/e117797.html
とりあえず応募しておきました。
さて、どうなることやら。
当選?できるといいなぁ。
当選したらフリーアイテム何にしようかなぁ。
いま作ってるTシャツでもいいかも。
レギンスの柄を変えたものにしようか。
それともニット・・・?
夢はふくらみますね
この情報はLinaさんからいただきました。
いえ、前に見て覚えておこうとは思ってたんですけどw
たぶん言ってもらわないと忘れたままでしたw
ありがとうございます!
http://release.slmame.com/e117797.html
とりあえず応募しておきました。
さて、どうなることやら。
当選?できるといいなぁ。
当選したらフリーアイテム何にしようかなぁ。
いま作ってるTシャツでもいいかも。
レギンスの柄を変えたものにしようか。
それともニット・・・?
夢はふくらみますね

この情報はLinaさんからいただきました。
いえ、前に見て覚えておこうとは思ってたんですけどw
たぶん言ってもらわないと忘れたままでしたw
ありがとうございます!
タグ :東京ピッグサイト
2008年01月18日
デコ電もらった♪
いっぱい記事になってるデコ電。
私ももらってきましたよ
しかも行ったのは発売直後。
いえ、別に待ってたとかじゃないんです
ブログを書き終わって、あぁもう12時か。
そういえば夜はインできないなぁ~。
おし、今もらってこよ!
というわけで行ってきました。
そして無事6色全部ゲット
オーナーさんに一言お礼だけ言って、退散しました。
でもってソッコー寝ました。
なのでまだ使ってません
画像がないのもそういうわけなんです。
今度インしたら使ってみよ
楽しみだなぁ
私ももらってきましたよ

しかも行ったのは発売直後。
いえ、別に待ってたとかじゃないんです

ブログを書き終わって、あぁもう12時か。
そういえば夜はインできないなぁ~。
おし、今もらってこよ!

というわけで行ってきました。
そして無事6色全部ゲット

オーナーさんに一言お礼だけ言って、退散しました。
でもってソッコー寝ました。
なのでまだ使ってません

画像がないのもそういうわけなんです。
今度インしたら使ってみよ

楽しみだなぁ

タグ :散策
2008年01月17日
ガイコツのTシャツ
シュールなガイコツを見つけたので、ちょっとTシャツを作ってみることにしました。
季節柄ロンTです。
たぶんkittoの路線とは違うんだけど

まだとりあえず形にした状態です。
どうしたらここからTシャツぽくなるのかなぁ?
前はこんな感じ。

また研究せねば
季節柄ロンTです。
たぶんkittoの路線とは違うんだけど


まだとりあえず形にした状態です。
どうしたらここからTシャツぽくなるのかなぁ?
前はこんな感じ。

また研究せねば
