Raizo's flickr photostream  クリックで画像が拡大表示します。 中央下青つまみ、左右の< >、マウスのドラッグで横スクロール 画像拡大後、中央下の▶アイコンでスライドショー、右上のXで一覧に戻る、矢印↗でflickrの画像ページに移動 右下端の矢印で全画面表示

2010-05-29

Fallen Gods FOAM skin 浮上!


またまたまた、ファンタジー系skin shop Fallen Gods からグループ通知。
なんやら送られてきました。”浮上したてよん・・・”と書いてある。


中に入っていたのはこちら。大小の二つが入ってました。


青物が漬かってます。。。


ショップとなっている寺院の入口にもgroup giftの小さい方があったので、一応漬かってみた。 字違うのでわ?
なるほど、新作のFOAM skinのプロモーションって訳だ。パネルにタッチすると売り場へのLMがもらえる。


寺院入口向かって右手の海岸近くが売り場っす。


skin: Fallen Gods " FOAM skin"

3色、泡あり/なし、それぞれにメイク違いが6種類。


緑。 eyelash、tattooをつけたままでスマン。 脱ぐのめんどい。


もちょっと青っぽい緑。


真っ青。


そして、泡付き。


お!このメイク気に入った。coolな宇宙人アバとかにいいかも。

アバと言えば!DVD発売の影響で青い人の映画のタイトル+αのキーワード検索でここにたどり着く人が多いみたい。

画像の検索でなぜか青い人ではなく、こちらの人が引っかかる様だ。不思議。

いじょ

2010-05-26

ForgottenRavens 錆び鉄サイバーな装備のお店


『おおお、なんか金色のキタッ!』

錆び鉄サイバーな装備のお店on the Raven's Nestがショップ名をForgottenRavens に変えて
ショップをリニューアルしたとの事なので行ってきました。


ForgottenRavens " ArmoredBeetle(TYPE-100) "

上のはこちらの新製品のガチャガチャで当たったもの。 大当たりなのか?


新しいショップは以前より、ぐっとサイバーな感じになっておりやした。 GCMC。。。ガチムチ?


上のSSの手前にあるカプセルはfreebie。なかなか味のある、おもろいものが入ってます。


『お!なんかおる。』


座れるので座ってみた。 バーテン服のにーさんでは 様にならんな。


でかいねーさん、なんか落としてる。 仮面だ。


こちらの人や、あの人に使ったジェットのセットも今や旧品か。


『 ! 』

ショップの中ほどに、あの人も持ってるサイバー鬼の金棒用のpose/animationと男女用ポーズのベンダーがあります。


構えのposeと


ブン回すanimation   もち、このひと用。。。


せっかくなので、あの人でposeをチェック。 光物付けすぎでposeがよく見えないので、wingは外してます。


ここからは以前買ったposeの中から。 新しくSS撮ると整理つかなくなるので、撮らない。。。


このショップのposeはSSに良く使ってる気がする。個性的で見覚えがあるな。


なかなか、ぷりちーなposeがありんす。Yay!

って事で、Pose/Animation Shop Listに追加。

リスト貼付け用
ForgottenRavens [FR] --- [blog] http://vineapple.blogspot.com/ Last visit 2010/05/25

以前の on the Raven's Nest [RN]、ここで売られているサイバー金棒用のpose/animation、
たのしー感じの男女ポーズ有。錆び鉄サイバーな装備などが売っているショップ。

Pose/Animation Shop Listですけど、自分のSS撮影用に買うPose/Animationを効率良く
チェック用しようってものなので、専門店だけつー訳ではなくて、
SS撮影用に使えるPoseとAnimationがあるショップなら、どこでもリストに追加するつもり。


いじょ

2010-05-23

ブログにページナビゲーションを追加


一服しながら、休憩ちゅー。 ちがうだろ! ※記事とは関係ない画像。。。

またまた、ブログのカスタマイズ。

Bloggerカスタマイズ情報ブログ『Bloggerにページナビゲーションを導入する方法(2):ウィジェット編』

こちらにある方法で、デフォルトでは前後ひとつずつしかできないページ移動を前後6ページに
移動できる様にしてみました。

やり方は上の記事にあるソースコードを貼り付けたウィジェットをページの下の方に作るだけ。

ちなみにb)の方のコードを使用しました。



var displayPageNum=6;

コードの中の↑この部分は表示しているページの前後何ページに飛べる様にするかを設定しているところ。
最初出来るだけ沢山にしようと思って8とかにしたけど、今のこのブログの幅の設定だと
ページの数字が2ケタになるとNEXTの表示が折り返してしまうので、結局、元の6に戻しました。
ページ数が3ケタになったら、そん時はそん時。。。

今回のブログの改造は多分、これでおしまい。あとは気分で、あちこちの色をイジるくらいかな。

いじょ

2010-05-18

gilded poses とArchive [過去記事一覧]ページ追加


BLU282というホラー系skin shopのmainstore 2階にあるpose shop gilded に行ってみた。
入口脇にある仮面は売り物です。 買ったけど、いつ使うかは不明。。。

pose/animation shop List作成の旅の始まりなんだな。なんでここが最初なのか、自分でもわからないんだな。
あまりむちゅーになるとアバ作成に集中できなくなるので、ほどほどにしないと。


片側の壁側に、pose/animation。反対側の壁には、なんやらある。


ふつーの男女用のポーズと・・・・


以前Greenies Homeであったfair で見かけた、腕や足のない人のAOとかもあります。


インドの神様のポーズ。


アクションポーズが充実しています。


おお、このposeはここのだったか。これは以前トレハンで来た時のSSと購入したpose。
店舗は別のところかもしれん。わすれた。。。



踊ってるよーにも見えるが、実はアッパーカット。


好物のposeがいろいろあました。


pose/animationの置いてあるのと反対側にはなんやら不思議な手足、鼻ピアス、腕用タトゥーとかが売ってます。
 green manって、誰?


で、またもやBloggerのブログ改造のお話。

テンプレートの変更の関係で、サイドバーの幅が狭くなり、Blog Archiveの記事タイトルの表示が
ますます窮屈になった。
折り返して2段表示にならない様に短いタイトルを考えるのに頭をひねるのもなんなので、
過去記事一覧のページを作ることにしました。

Bloggerカスタマイズ情報ブログ『Bloggerにアーカイブページを作成する方法』

↑こちらを参考にさせて頂きました。使用したのはAbu Farhanさん作の方。


いじょ

Pose/Animation Shop List貼付け用
gilded --- [flickr] http://www.flickr.com/photos/gildedrooster/   Last visit 2010/05/16

男女用ポーズ、アクションポーズ、手や足のない男女等の特殊なAO有。skin shop BLU282の2Fにある。

2010-05-16

ブログにページのTopとEndへのジャンプを追加

ながーい記事を立て続けに書いてしまい、Topに戻る為のスクロールが面倒になったので
ページのトップにに戻るリンクを追加しました。
英語キーボードを日本語文字配列で使ってる関係で、キーボードのHomeとEndキーを他の文字に割り当ててしまったのねん。。。

↓こちらを参考にさせて頂きました。

Bloggerカスタマイズ情報ブログ『Bloggerに「このページの先頭へ戻る」リンクを導入する方法』


Back to PageTOP
Top

Back to PageTOP
End

こんな感じのボタンをサイドバーの横に配置。ついでなのでページの最後に飛ぶボタンも追加してみました。

矢印画像の入手先はこちらっす→ ホームページ素材AC

ソースはこんな感じ。


<center>
<a style="display:scroll;position:fixed;bottom:120px;right:1px;
" href="#navbar" title="Back to PageTop">
<img style=" width: 40px; height: 40px;border:0;" src="上向き矢印の画像のURL" />
<br />
<span style="font-weight:bold;">Top</span></a><br />
<a style="display:scroll;position:fixed;bottom:40px;right:2px;
" href="#PageEnd" title="Go to PageEnd">
<img style=" width: 40px; height: 40px;border:0;" src="下向き矢印の画像のURL" />
<br />
<span style="font-weight:bold;">End</span></a>
</center>
<a name="PageEnd"></a>

オレンジ色の部分は使用する矢印画像によって異なる部分。
紫色の部分はご自分のお好みで。

これをレイアウトのガジェットを追加で、HTML/JavaScriptに貼付け、
それをページの下の方にレイアウトすれば出来上がり。

やはり不便なので、キーボートのhomeとEndキーは元に戻して使えるよーにしましたとさ。。。

【追記】
Linkのところの更新されたブログに付く葉っぱの画像も上に書いたところからもらってきたものに変えました。
ちなみにサイズを20x20 pxに縮小してあります。書かないと気づかれないと思うので一応書く。

いじょ

2010-05-14

Blogger テンプレートデザイナーとflickr badge改造


pose: Lazy Places

リストの為にLMを取りに行ったらLazy Placesのmainstoreで旧品のセールをしてました。
ショップの地下の商品が半額です。 と、SLの画像を貼る為にセール情報。。。

ここからはこのブログに使ってるBloggerのテンプレートと、
このブログのトップとサイドバーにあるflickrのbadgeの改造のお話。

むかしむかし、あるところに、前回の記事でpose shopのリストにBloggerのページ機能使うぞい
と言った者がおりました。
ページの作成自体は簡単で、Bloggerの”投稿”のところにある”ページを編集”でサクっとできたのだが、
ブログのトップに文字だけのページへのリンクが出来ただけで、タブ表示されない。。。

まあ、これはテンプレートがページのタブ表示に対応してないのだろうと思って、テンプレートを変えてみる事にした。

Bloggerのカスタマイズブログをいろいろ見てみると、Blogger in Draftという正式に採用される前の機能が
使えるところにテンプレートデザイナーというものが追加になってるとの事。

クリボウの Blogger Tips『Blogger in Draft に「テンプレートデザイナー」機能が登場』

Bloggerカスタマイズ情報ブログ『Blogger in Draft にテンプレート デザイナーが追加』

で、早速、それを使って、このブログのテンプレートを変更してみた。


Bloger in Draftはダッシュボードの下の方にある、その他のコンテンツ/ ツールとリソースのところにある。


そこから入ると、普通とはちょっと違うダッシュボートに入るので、そこのデザインをクリック。


で、そこにあるテンプレートデザイナーをクリックすると、


この様なテンプレートの編集画面になります。 よーく見ると、トップのflickrバッヂの上にページのリンクがある。。。。


テンプレート一覧から、 Awesome Inc.のひとつを選んで、ぽちっとクリックするとこんな感じに。
ちゃんと、ページがタブ表示される様になりました。

しかーし、気づくといろいろ問題が。
ひとつはトップにあったflickrバッヂがどっかに行ってもーた。


左上のレイアウトで確認してみると、テンプレートの変更によってwidgetの配置も変った為と分かる。


そこで、元と同じになる様なレイアウトを一覧から選択し、widgetをドラッグして元の位置に移動すればOK。

さて、お次の問題は幅720pxの画像が記事の枠からハミ出まくってる件。。。
記事のトップにだけわざわざの幅広のポーズのSSを貼ったのは、サイドバーとの重なり具合を確認するためだったのさっ。


メニューの”レイアウト/幅を調整”を見ると、デフォルトの幅はブログ全体860 px サイドバー260 pxとなっていた。

それを、ブログ全体965 px サイドバー265 pxに変更。

ブログ全体の幅をいくつにするかは悩ましいところだが、(最大 1000 pxに指定可能)
ワイドモニターの普及により、昔よりだんだんと広めになってきているらしい。950 px前後が普通とか。
自分もすっかりワイドモニターに慣れてしまい、最近ではSSをトリミングする時も横長にしないと、
なんとなく窮屈に感じてしまう。

今回は、本文のところは後で出てくる画像6枚表示のflickr badgeが折り返さない幅、
サイドバーについてはリンクの文字が折り返すものがあまりでない幅に調整してみた。


メニューの背景のところでは背景画像やカラーテーマの変更が可能。


アドバンスでは各部のフォントや色の設定ができる。
この辺は気が向いたら、ぼちぼち変更していこうと思う。

さて、上にある画像ではすでに変更されちゃってるけど、
テンプレートの変更よりも難航したのがflickrのbadge(HTML)の改造。

上に書いたとおり、サイドバーの幅を265pxに設定したため、元からサイドバーにあったflickrのbadgeが
(画像1枚表示、サイズ Mediumでアバターの画像の入っているsetからのランダム表示)
サイドバーからハミ出す様になってしまった。


flickrのbadge作成ページで画像1枚表示、サイズMediumで作成したコードそのままだとこうなる。。。

すでに本文からは幅720pxの画像がハミ出している上にサイドバーでもハミ出してるのはなんなので、
あちこちのサイトを見て、CSSとやらで画像の縦横比を変えずに画像を幅に合わせて縮小する方法を探しやした。 


いろいろ失敗を繰り返して、なんとかなったのがこれ。

こちらを参考にしました。→ http://q.hatena.ne.jp/1257926344

ついでに、このflickr badgeをプロフ画像の代わりにしてAbout Meを作ってみました。

レイアウトのガジェットを追加で、HTML/JavaScriptに下記のソースを貼付けてあります。
<!-- Start of Flickr Badge -->
<style type="text/css">
.flickr_badge_image img {width:100%; height:100%;} /* この行を追加 */
#flickr_badge_uber_wrapper {text-align:center; width:210px;} 
/* widthを適当な値に変える。%かpx指定にして表示の幅を決める。 */
</style>
<div id="flickr_badge_uber_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?
count=1&display=random&size=m&layout=x&source=user_set&user=28464958%40N07
&set=72157606105225170&context=in%2Fset-72157606105225170%2F">
</script></div>
<!-- End of Flickr Badge -->
<span style="color: #70aa55; ><b>Raizo Karas</b></span><br />
<span style="line-height:130%;">いろんな事ができるセカンドライフの世界。<br />
せっかくなので、ふつーでないファッション、<br />
ふつーでないアバターに。。。<br />
<a href="http://www.blogger.com/profile/02779659197769705235">VIEW MY COMPLETE PROFILE</a>
</span>

flickrのbadge作成ページで作成したコードに赤文字のところを追加する事で
画像の大きさをサイドバーに合わせた幅に変更しています。
あと、無くても大丈夫なところは削除してスッキリさせてあります。よくわからんので、てきとーに。

オレンジ色の部分はflickr badgeのコードを作成する時の指定でユーザー毎に異なる部分です。
紫色の部分はこのブログ用に追加した部分。

【2010/07/05追記】
上記のソースだと、Chromeで画像の縦サイズが縮小されないで表示されてしまう不具合を直しました。
詳細はこちらの記事→ 『flickr badge画像縮小表示のGoogle Chrome対応』


kosukekato.com : the idea espresso. 『flickr badgeのカスタマイズ』

つぎは、↑こちらのブログの記事を参考にしてトップにある横並びのThumbnailサイズのバッヂを余白を
スッキリさせ、元の5個表示から1個増やして6個にしました。

ソースは下記の通りです。
<!-- Start of Flickr Badge -->
<style type="text/css">
.flickr_badge_image_top {float:left; text-align:left !important;}
.flickr_badge_image_top img {border: 1px solid #FFFFFF !important; margin:2px;}
</style>
<div class="flickr_badge_image_top">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6
&display=random&size=t&layout=h&source=user_set&user=28464958%40N07&set=72157606105021206
&context=in%2Fset-72157606105021206%2F">
</script>
</div>
<!-- End of Flickr Badge -->
<p style="clear: both">
<a href="http://www.flickr.com/photos/raizokaras/" target="_blank">
<span >Raizo's </span>
<strong style="color:#3993ff">flick
<span >r</span></strong>
<span style="color:#3993ff">photostream</span></a>
<span style="line-height:150%;">
<span >
           画像のクリックで大きな画像が見られます。
</span></span></p>
尚、緑色部分はサイドバーのflickr badgeの幅指定の影響を受けない様に区別の為に付け足してあります。(3ヶ所)

また、水色部分は画像を左寄せにし、またその影響で文字が画像の右に回り込まない様にするものです。
必要ないかもしれないけど、なんかの時にまた使うかもしれないので、忘れない為につけておく。。。

赤色のcountのところの数字は表示する画像の枚数の指定です。1~10が指定可能。
オレンジ色の部分はユーザー毎に異なる部分です。紫色の部分は各自ご自由に。

記事にHTMLソースを記載する為に↓このページを使用しました。

Blogtool ソースを「そのまま表示する為のHTMLソース」に変換



とか、いろいろやったけど、何気なくIE6で見てみたらー、ページのタブ自体が表示されてない。
こんな風に小さい文字で書いても、字がちいさくなってねーし。。。

上の方で紹介したBloggerカスタマイズ情報ブログの記事をよく読むと、テンプレートデザイナーにある
新しいテンプレートはIE6をサポートしてないとの事。また、ブラウザによっても表示のされ方が違うと書いてある。

サイドバーにもpose/Animation Shop Listのリンクを入れておく事にしよう。

いろいろイジりながら、記事を書いたので時間がかかった。
今週、なんか眠かったし。Blogger in Draftも気づいたら表示がちょこっと変ったりしたので
画像貼りかえたし。。。

以前の記事を参考に細かいところも、直したいところだがその辺は追々することにし、
とりあえず画像の白枠はなくしてみた。

いじょ