メイン

「Mapplet」のアーカイブ

2007年7月19日

マイマップの便利な活用法

Google Japan Blog でマイマップが取り上げられていました。

Google Japan Blog: もっと 「自分」 以外に広がる 「マイマップ」

私も楽天トラベルのホテル検索マップレットを作ったので、もっとマイマップの利用者が増えてくれれば良いなぁと思っています。

ということで、マイマップのちょっとした活用方法を紹介しておきます。

例えば、楽天トラベルのホテル検索マップを使って(手前ミソですみません・・・)、今度の夏休みに旅行に行く宿を検索してみます。

8月21日から22日まで大人2人で箱根を検索すると↓以下のようになります。

(画像クリックで大きな画像がポップアップ表示します)


マップ上のアイコンをクリックすると↓それぞれこんな吹き出しが出てきます。

howtousemapplet_002.jpg


「部屋タイプ」タブをクリックすると↓このように部屋プランが表示されて、ここから楽天トラベルの予約ページへ行くことができます。

howtousemapplet_003.jpg


さて、この旅館が気に入ったので、ちょっと旅館の情報を自分のマップに保存しましょう。

先ほどの「ホテル情報」タブに、「マイマップへ保存」というリンクがあります。

クリックすると↓このようなプルダウンが表示されるので、既存のマイマップへ追加するか、「新しい地図を作成」して保存しましょう。

howtousemapplet_004.jpg


今回は「新しい地図を作成」してみます。

すると地図が↓このように切り替わります。

(画像クリックで大きな画像がポップアップ表示します)

左側には作成する地図の情報を、マップ上の吹き出しでは、今選択したホテルの情報を編集することができます。

地図には「夏休みの旅行」という名前をつけて「非公開」にしておきます。

地図上の情報には、「なかなか良い感じ」という簡単なコメントを付け加えておきます。

(画像クリックで大きな画像がポップアップ表示します)


これで情報を自分の地図に保存することができました。

続いて、付近の情報を検索してみます。

先ほど保存したホテル情報でも良いですし、再度ホテル検索マップレットを利用して検索した結果でもよいので、ホテル情報の吹き出し内にある「付近を検索」をクリックしてみましょう。

テキスト入力欄が表示されるので、↓このように検索したいキーワードを入力して検索してみます。

howtousemapplet_007.jpg


すると、↓同じマップ上に検索結果が表示されました。

(画像クリックで大きな画像がポップアップ表示します)


ここで、先ほど同様、気になるお店を旅行前にピックアップして、先ほどの「夏休みの旅行」というマイマップに保存していきます。

また、その他のマップレットから情報を持ってくることも可能です。

このように、他人が作ったコンテンツを自分のマイマップに持ってくることで、自分が知りたい情報を一元管理することができます。

引っ越しをされる方とか、引っ越し先の「近所の便利帳(自分用)」なんてマップを作ってもおもしろいと思いますよ。

まだ試したことのない方は、是非一度使ってみてください。

2007年7月14日

楽天トラベルホテル検索 Mapplet バージョンアップ

楽天トラベルのホテル検索マップレットをバージョンアップしました。


楽天トラベルホテル検索Mapplet


変更点は以下の通りです。

・「日付」「人数」「部屋数」を指定しての空室検索ができるようになりました。
 ・空室検索の検索結果は「部屋プラン」というタブを持っていて、
  そこから楽天トラベルの予約フローに行くことができます。
・検索条件入力欄を見やすくしました。
・ホテル情報の項目を増やしました。
 ・以前は容量の制限があったようなのですが、正式版になり、
  その制限がなくなったようなので項目を増やしました。

以前に比べてだいぶ使いやすくなったと思うので、是非一度ご利用ください。

2007年6月 3日

楽天トラベル施設検索 Mapplet 作った。で、Mapplet について思ったこと。

Google Developer Day 熱で、この週末はasso-ball の Google Gadjet 化、そして英語化に取り組んでたんですが、勢い余って、Mapplet まで手を出してしまいました。

利用したのは、前から使おうと思っていた「楽天トラベルのWebservice」です。

簡単なところで、施設情報をマップ上に表示する Mapplet にしてみました。


070603_01.jpg


使い方ですが、Mappletはまだ開発者向けにしかリリースされていないので、普通の Google Maps 上には表示されません。利用するときには、以下のURLにアクセスします。


http://maps.google.co.jp/preview


ここで、Map の上のタブに「検索結果」「マイマップ」と並んで「マップレット」があるので、これをクリックします。

そこから「コンテンツを追加」をクリックすると、iGoogle のガジェット追加のような画面になるので、画面上部の検索欄右側にある「URL を指定して追加」をクリック。URLの入力欄が表示されるので、以下のURLを入力して「追加」をクリックすればOK。


http://www.chrisryu.com/rakutentravelmapplet.xml


追加後、画面左上の「Google マップに戻る」をクリックすると、先ほどの「マップレット」タブのところに、「楽天トラベル ホテル検索」が表示されているはず。

チェックボックスにチェックを入れるか、文字をクリックすると、下部にマップレットが表示されて利用することができます。

参考にしたのは以下のブログの記事です。

Yoshioriの日記: Google Mapplet 作った♪
速報ダム日和
Myrmecoleon in Paradoxical Library. はてな新館 - 所蔵図書館マップのMappletを作ってみた。
Google Maps の Mapplets 用に「防犯マップ大阪 -Mapplet版(beta)-」を作ってみました (feedtailor Inc. 大石裕一の開発ブログ)
月と六ペソ: Mapplet etc.


作っていて気づいたこと/思ったこと

1." Mapplet Scratch Pad " を使うべし!

マップレットのコンテンツディレクトリの左側に「Developer Tools」というリンクがあるので、これをクリックすると、" Hello World " を始め、" API Reference" や " Mapplet Scratch Pad" などのツールがあるので、これを一通り追加しましょう。

今回、僕はこれに気づかず、PCで作成したXMLを一々サーバへupload して、コンテンツを追加して、デバッグしていたんですが、これがかなりめんどくさい。PC側でデバッグしてからUPってことができないので、これどうにかならないかなぁとか思っていたら、開発の終盤に" Mapplet Scratch Pad"を見つけました。

これがあると、Google Maps の左側にエディット欄が表示されて、ここにしこしこソースを書いて「Preview」ボタンを押すと、すぐにそのソースの実行結果が分かるというすぐれもの。これにもっと早く気づいていれば・・・。

ちなみに、このツール、他のMapplet のソースを読み込んで編集する、なんてこともできるので、「このMapplet 使い勝手が悪いなぁ」とか思ったら、自分でちょちょいと修正できちゃうわけです。


2.吹き出しに情報を詰め込みすぎるとエラーになるっぽい

マーカをクリックするとホテルの情報が書かれた吹き出しが表示される仕様にしたのですが、作っていく途中でマーカをクリックするとエラーが発生するようになりました。Firefox だとfirebugにエラーをはきつつ吹き出しは表示されるんですが、IEだと吹き出しすら表示されないのですね。

なんでだろうなーとか思っていたら、API Reference に" Content is restricted to approximately 4kB "とか書いてありました。どうやらあんまりたくさん情報は表示できないようです。

リッチなコンテンツを表示させたければ、iframe でも切ってあげるしかないんでしょうか。


3.Mapplet は流行るか

で、実際に作ったMapplet がこれからどうなっていくのかと。

個人的には、この楽天トラベルホテル検索Mapplet によって、アフィリエイトでがっぽがっぽ、みたいなことを夢想してたりするんですが、それはしばらく無理なんじゃないかと思っています。

理由はいくつかあって。

1つは、Google Maps を利用している日本人が少ないということ。マップレットどころか、マイマップとかもまだ知らない人多いんじゃないかな。Mapplet 使って、アフィリエイトやって稼ごうと思ったら、いかに多くのユーザに利用してもらえるかが勝負なわけで。

一般の人は、YahooとかGoogleの検索欄に旅行会社の名前を入れるか、「○○の宿」とか入力して検索した結果表示される、普通のサイトで何かしらのコンテンツを得るのが、まだまだ続きそう。

ただし、これはGoogle がこれからやろうとしているユニバーサル検索(画像とか動画とかの検索を一つの画面でやっちゃうやつ)で変わってくるかもしれないのは確か。

Gadjet やMap は使ってなくても、検索はよく利用しているという人に対して、通常のページの案内だけでなく、「ホテル情報の検索はこのMappletが便利ですよ」とか、Mapplet に対しての導線を貼ってくれるだけで、可能性は劇的に広がりそうです。

もう1つは、iGoogle の Gadjet と違って、MapのMapplet って、いつもいつも見るものじゃないってこと。

とっさに情報を得たいとき、いちいちMapを表示して、Mappletで何かするって人は、Google のヘビーユーザでもまだまだいなさそうです。


4.とりあえず海外で通用するもの作った方が良いかも

で、この話なんだけど、利用者の少ないニッチなフィールドで勝負するより、もっと大きな市場を見た方が良さそうだということ。

Mapplet の利用率は少なそうだ、とはいえ、母数が増えれば、それだけ利用者は増えるわけで。

英語が苦手という人も、ちょっと頑張って英語圏向けのMapplet なり Gadjet なりを作った方が、得られるものは多そうです。

asso-ballのGadjet を海外仕様にしたのもそれが理由だったりします。

でぃべろっぱーず・さいど http://dev.chrisryu.com/ 鹿児島出身子持ちSEのディベロッパーとしての一面 ja Copyright 2013 Thu, 19 Jul 2007 23:20:49 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss マイマップの便利な活用法 Google Japan Blog でマイマップが取り上げられていました。

Google Japan Blog: もっと 「自分」 以外に広がる 「マイマップ」

私も楽天トラベルのホテル検索マップレットを作ったので、もっとマイマップの利用者が増えてくれれば良いなぁと思っています。

ということで、マイマップのちょっとした活用方法を紹介しておきます。

例えば、楽天トラベルのホテル検索マップを使って(手前ミソですみません・・・)、今度の夏休みに旅行に行く宿を検索してみます。

8月21日から22日まで大人2人で箱根を検索すると↓以下のようになります。

(画像クリックで大きな画像がポップアップ表示します)


マップ上のアイコンをクリックすると↓それぞれこんな吹き出しが出てきます。

howtousemapplet_002.jpg


「部屋タイプ」タブをクリックすると↓このように部屋プランが表示されて、ここから楽天トラベルの予約ページへ行くことができます。

howtousemapplet_003.jpg


さて、この旅館が気に入ったので、ちょっと旅館の情報を自分のマップに保存しましょう。

先ほどの「ホテル情報」タブに、「マイマップへ保存」というリンクがあります。

クリックすると↓このようなプルダウンが表示されるので、既存のマイマップへ追加するか、「新しい地図を作成」して保存しましょう。

howtousemapplet_004.jpg


今回は「新しい地図を作成」してみます。

すると地図が↓このように切り替わります。

(画像クリックで大きな画像がポップアップ表示します)

左側には作成する地図の情報を、マップ上の吹き出しでは、今選択したホテルの情報を編集することができます。

地図には「夏休みの旅行」という名前をつけて「非公開」にしておきます。

地図上の情報には、「なかなか良い感じ」という簡単なコメントを付け加えておきます。

(画像クリックで大きな画像がポップアップ表示します)


これで情報を自分の地図に保存することができました。

続いて、付近の情報を検索してみます。

先ほど保存したホテル情報でも良いですし、再度ホテル検索マップレットを利用して検索した結果でもよいので、ホテル情報の吹き出し内にある「付近を検索」をクリックしてみましょう。

テキスト入力欄が表示されるので、↓このように検索したいキーワードを入力して検索してみます。

howtousemapplet_007.jpg


すると、↓同じマップ上に検索結果が表示されました。

(画像クリックで大きな画像がポップアップ表示します)


ここで、先ほど同様、気になるお店を旅行前にピックアップして、先ほどの「夏休みの旅行」というマイマップに保存していきます。

また、その他のマップレットから情報を持ってくることも可能です。

このように、他人が作ったコンテンツを自分のマイマップに持ってくることで、自分が知りたい情報を一元管理することができます。

引っ越しをされる方とか、引っ越し先の「近所の便利帳(自分用)」なんてマップを作ってもおもしろいと思いますよ。

まだ試したことのない方は、是非一度使ってみてください。

]]>
http://dev.chrisryu.com/2007/07/how_to_use_my_map_more_useful.html http://dev.chrisryu.com/2007/07/how_to_use_my_map_more_useful.html Mapplet Thu, 19 Jul 2007 23:20:49 +0900
楽天トラベルホテル検索 Mapplet バージョンアップ 楽天トラベルのホテル検索マップレットをバージョンアップしました。


楽天トラベルホテル検索Mapplet


変更点は以下の通りです。

・「日付」「人数」「部屋数」を指定しての空室検索ができるようになりました。
 ・空室検索の検索結果は「部屋プラン」というタブを持っていて、
  そこから楽天トラベルの予約フローに行くことができます。
・検索条件入力欄を見やすくしました。
・ホテル情報の項目を増やしました。
 ・以前は容量の制限があったようなのですが、正式版になり、
  その制限がなくなったようなので項目を増やしました。

以前に比べてだいぶ使いやすくなったと思うので、是非一度ご利用ください。

]]>
http://dev.chrisryu.com/2007/07/rakuten_travel_mapplet_versionup.html http://dev.chrisryu.com/2007/07/rakuten_travel_mapplet_versionup.html Mapplet Sat, 14 Jul 2007 23:37:42 +0900
楽天トラベル施設検索 Mapplet 作った。で、Mapplet について思ったこと。 Google Developer Day 熱で、この週末はasso-ball の Google Gadjet 化、そして英語化に取り組んでたんですが、勢い余って、Mapplet まで手を出してしまいました。

利用したのは、前から使おうと思っていた「楽天トラベルのWebservice」です。

簡単なところで、施設情報をマップ上に表示する Mapplet にしてみました。


070603_01.jpg


使い方ですが、Mappletはまだ開発者向けにしかリリースされていないので、普通の Google Maps 上には表示されません。利用するときには、以下のURLにアクセスします。


http://maps.google.co.jp/preview


ここで、Map の上のタブに「検索結果」「マイマップ」と並んで「マップレット」があるので、これをクリックします。

そこから「コンテンツを追加」をクリックすると、iGoogle のガジェット追加のような画面になるので、画面上部の検索欄右側にある「URL を指定して追加」をクリック。URLの入力欄が表示されるので、以下のURLを入力して「追加」をクリックすればOK。


http://www.chrisryu.com/rakutentravelmapplet.xml


追加後、画面左上の「Google マップに戻る」をクリックすると、先ほどの「マップレット」タブのところに、「楽天トラベル ホテル検索」が表示されているはず。

チェックボックスにチェックを入れるか、文字をクリックすると、下部にマップレットが表示されて利用することができます。

参考にしたのは以下のブログの記事です。

Yoshioriの日記: Google Mapplet 作った♪
速報ダム日和
Myrmecoleon in Paradoxical Library. はてな新館 - 所蔵図書館マップのMappletを作ってみた。
Google Maps の Mapplets 用に「防犯マップ大阪 -Mapplet版(beta)-」を作ってみました (feedtailor Inc. 大石裕一の開発ブログ)
月と六ペソ: Mapplet etc.


作っていて気づいたこと/思ったこと

1." Mapplet Scratch Pad " を使うべし!

マップレットのコンテンツディレクトリの左側に「Developer Tools」というリンクがあるので、これをクリックすると、" Hello World " を始め、" API Reference" や " Mapplet Scratch Pad" などのツールがあるので、これを一通り追加しましょう。

今回、僕はこれに気づかず、PCで作成したXMLを一々サーバへupload して、コンテンツを追加して、デバッグしていたんですが、これがかなりめんどくさい。PC側でデバッグしてからUPってことができないので、これどうにかならないかなぁとか思っていたら、開発の終盤に" Mapplet Scratch Pad"を見つけました。

これがあると、Google Maps の左側にエディット欄が表示されて、ここにしこしこソースを書いて「Preview」ボタンを押すと、すぐにそのソースの実行結果が分かるというすぐれもの。これにもっと早く気づいていれば・・・。

ちなみに、このツール、他のMapplet のソースを読み込んで編集する、なんてこともできるので、「このMapplet 使い勝手が悪いなぁ」とか思ったら、自分でちょちょいと修正できちゃうわけです。


2.吹き出しに情報を詰め込みすぎるとエラーになるっぽい

マーカをクリックするとホテルの情報が書かれた吹き出しが表示される仕様にしたのですが、作っていく途中でマーカをクリックするとエラーが発生するようになりました。Firefox だとfirebugにエラーをはきつつ吹き出しは表示されるんですが、IEだと吹き出しすら表示されないのですね。

なんでだろうなーとか思っていたら、API Reference に" Content is restricted to approximately 4kB "とか書いてありました。どうやらあんまりたくさん情報は表示できないようです。

リッチなコンテンツを表示させたければ、iframe でも切ってあげるしかないんでしょうか。


3.Mapplet は流行るか

で、実際に作ったMapplet がこれからどうなっていくのかと。

個人的には、この楽天トラベルホテル検索Mapplet によって、アフィリエイトでがっぽがっぽ、みたいなことを夢想してたりするんですが、それはしばらく無理なんじゃないかと思っています。

理由はいくつかあって。

1つは、Google Maps を利用している日本人が少ないということ。マップレットどころか、マイマップとかもまだ知らない人多いんじゃないかな。Mapplet 使って、アフィリエイトやって稼ごうと思ったら、いかに多くのユーザに利用してもらえるかが勝負なわけで。

一般の人は、YahooとかGoogleの検索欄に旅行会社の名前を入れるか、「○○の宿」とか入力して検索した結果表示される、普通のサイトで何かしらのコンテンツを得るのが、まだまだ続きそう。

ただし、これはGoogle がこれからやろうとしているユニバーサル検索(画像とか動画とかの検索を一つの画面でやっちゃうやつ)で変わってくるかもしれないのは確か。

Gadjet やMap は使ってなくても、検索はよく利用しているという人に対して、通常のページの案内だけでなく、「ホテル情報の検索はこのMappletが便利ですよ」とか、Mapplet に対しての導線を貼ってくれるだけで、可能性は劇的に広がりそうです。

もう1つは、iGoogle の Gadjet と違って、MapのMapplet って、いつもいつも見るものじゃないってこと。

とっさに情報を得たいとき、いちいちMapを表示して、Mappletで何かするって人は、Google のヘビーユーザでもまだまだいなさそうです。


4.とりあえず海外で通用するもの作った方が良いかも

で、この話なんだけど、利用者の少ないニッチなフィールドで勝負するより、もっと大きな市場を見た方が良さそうだということ。

Mapplet の利用率は少なそうだ、とはいえ、母数が増えれば、それだけ利用者は増えるわけで。

英語が苦手という人も、ちょっと頑張って英語圏向けのMapplet なり Gadjet なりを作った方が、得られるものは多そうです。

asso-ballのGadjet を海外仕様にしたのもそれが理由だったりします。

]]>
http://dev.chrisryu.com/2007/06/rakuten_travel_mapplet.html http://dev.chrisryu.com/2007/06/rakuten_travel_mapplet.html Mapplet Sun, 03 Jun 2007 21:10:40 +0900
でぃべろっぱーず・さいど: アーカイブ

アーカイブ

/* Base Weblog (base-weblog.css) */ /* basic elements */ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; /* setting border: 0 hoses ie5 win window inner well border */ padding: 0; font-family: verdana, 'trebuchet ms', sans-serif; font-size: 12px; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } /* standard helper classes */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* page layout */ body { text-align: center; } /* center on ie */ #container { position: relative; margin: 0 auto; /* center on everything else */ width: 720px; text-align: left; } #container-inner { position: static; width: auto; } #banner { position: relative; } #banner-inner { position: static; } #pagebody { position: relative; width: 100%; } #pagebody-inner { position: static; width: 100%; } #alpha, #beta, #gamma, #delta { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } #delta { float: right; } #alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: static; } /* banner user/photo */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display: block; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* content */ .content-nav { margin: 10px; text-align: center; } .date-header, .entry-content { position: static; clear: both; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; } .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } img.image-full { width: 100%; } .image-thumbnail { float: left; width: 115px; margin: 0 10px 10px 0; } .image-thumbnail img { width: 115px; height: 115px; margin: 0 0 2px 0; } /* modules */ .module { position: relative; overflow: hidden; width: 100%; } .module-content { position: relative; margin: 5px 10px 20px 10px; } .module-list, .archive-list { margin: 0; padding: 0; list-style: none; } .module-list-item { margin-top: 5px; margin-bottom: 5px; } .module-presence img { vertical-align: middle; } .module-powered .module-content { margin-bottom: 10px; } .module-photo .module-content { text-align: center; } .module-wishlist .module-content { text-align: center; } .module-calendar .module-content table { border-collapse: collapse; } .module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; } .typelist-thumbnailed { margin: 0 0 20px 0; } .typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; } /* positioniseverything.net/easyclearing.html */ .typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .typelist-thumbnailed .module-list-item { display: inline-block; } /* no ie mac \*/ * html .typelist-thumbnailed .module-list-item { height: 1%; } .typelist-thumbnailed .module-list-item { display: block; } /* */ .typelist-thumbnail { float: left; min-width: 60px; width: 60px; /* no ie mac \*/width: auto;/* */ margin: 0 5px 0 0; text-align: center; vertical-align: middle; } .typelist-thumbnail img { margin: 5px; } .module-galleries .typelist-thumbnail img { width: 50px; } .typelist-description { margin: 0; padding: 5px; } .module-featured-photo .module-content, .module-photo .module-content { margin: 0; } .module-featured-photo img { width: 100%; } .module-recent-photos { margin: 0 0 15px 0; } .module-recent-photos .module-content { margin: 0; } .module-recent-photos .module-list { display: block; height: 1%; margin: 0; border: 0; padding: 0; list-style: none; } /* positioniseverything.net/easyclearing.html */ .module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .module-recent-photos .module-list { display: inline-block; } /* no ie mac \*/ * html .module-recent-photos .module-list { height: 1%; } .module-recent-photos .module-list { display: block; } /* */ .module-recent-photos .module-list-item { display: block; float: left; /* ie win fix \*/ height: 1%; /**/ margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item a { display: block; margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item img { width: 60px; height: 60px; margin: 0; padding: 0; } /* mmt calendar */ .module-mmt-calendar { margin-bottom: 15px; } .module-mmt-calendar .module-content { margin: 0; } .module-mmt-calendar .module-header { margin: 0; } .module-mmt-calendar .module-header a { text-decoration: none; } .module-mmt-calendar table { width: 100%; } .module-mmt-calendar th { text-align: left; } .module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; } .day-photo { width: 54px; height: 54px; } .day-photo a { display: block; } .day-photo a img { width: 50px; height: 50px; } /* Vicksburg II (theme-vicksburg.css) */ /* basic page elements */ body { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; font-size: 12px; } a { color: #666666; text-decoration: underline; } a:hover { color: #66cc33; } #banner a { color: #fff; text-decoration: none; } #banner a:hover { color: #fff; } .module-content a { color: #666666; } .module-content a:hover { color: #66cc33; } h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: x-small; border-bottom: 1px dashed #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; } .commenter-profile img { vertical-align: middle; } /* page layout */ body { min-width: 720px; color: #333; background: #FFFFFF; } #container { width: 720px; margin-bottom: 20px; background: #fff; } #container-inner { border-width: 0 5px 5px 5px; border-style: solid; border-color: #FFFFFF; } #banner { width: 710px; /* necessary for ie win */ background: #66cc33; } #banner-inner { padding: 15px 13px; border-width: 0px 0px 0 0px; border-style: solid; border-color: #fff; } .banner-user { width: 70px; margin-top: 5px; font-size: 10px; } .banner-user-photo { border: 1px solid #fff; } #banner-header { margin: 0; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-shadow: #666666 0 2px 3px; } #banner-description { margin-top: 5px; margin-bottom: 0; color: #fff; background: none; font-size: 12px; line-height: 1.125; text-shadow: #666666 0 1px 2px; } #alpha { margin: 15px 15px 0 15px; width: 480px; } #beta { width: 200px; background: #e6ecf2; } #gamma, #delta { width: 180px; background: #dddddd; } #beta-inner, #gamma-inner, #delta-inner { padding: 10px 10px 0 10px; border-width: 0px 0px 0px 0; border-style: solid; border-color: #fff; } .date-header { margin-top: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 0; border-left: 5px solid #66CC33; padding: 0 0 0 10px; color: #000000; font-size: 18px; font-weight: bold; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-tags { margin: 0 0 10px 10px; } .entry-tags-header, .entry-tags-list, .entry-tag { display: inline; } .entry-tags-list { list-style:none; padding: 0px; } .entry-footer, .comment-footer, .trackback-footer { margin: 0 0 20px 0; border-top: 1px solid #DDDDDD; padding-top: 3px; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { margin-top: 0; } #trackbacks-info { margin: 10px 0; border: 1px dashed #66cc33; padding: 0 10px; color: #292e33; font-size: 11px; text-align: center; background: #dddddd; } .comments-open-footer { margin: 10px 0; } /* modules */ .module { margin: 0 0 10px 0; border-bottom: 1px solid #f3f6f9; background: #DDDDDD; } .module-content { margin: 0 0 10px 0; padding: 10px 10px 0 10px; font-size: 10px; line-height: 1.2; } .module-search input { font-size: 10px; } .module-search #search { width: 100px; } .module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 10px; } .module-powered { border-width: 0; } .module-powered .module-content { margin-bottom: 0; border: 1px dashed #66cc33; padding-bottom: 10px; color: #292e33; background: #fff; } .module-photo { background: none; } .module-photo img { border: solid 1px #fff; } .module-list { margin: 0 15px 10px 15px; list-style: disc; } .module-list .module-list { margin: 5px 0 0 0; padding-left: 15px; list-style: circle; } .module-list-item { margin-top: 0; color: #666; line-height: 1.2; } .typelist-thumbnailed .module-list { margin: 0 0 10px 0; list-style: none; } .typelist-thumbnailed .module-list-item { margin: 1px 0; padding: 0; background: #f3f6f9; } .typelist-thumbnail { background: #fff; } .module-photo img { border: 1px solid #fff; } .module-featured-photo { width: 398px; } .module-featured-photo .module-content { margin: 0; border-width: 0; padding: 0; } .module-featured-photo img { width: 398px; } .module-recent-photos .module-content { padding: 10px 0 0 19px; } .module-recent-photos .module-list { margin: 0; } .module-recent-photos .module-list-item { width: 64px; /* mac ie fix */ margin: 0 10px 10px 0; padding: 0; background: none; } .module-recent-photos .module-list-item a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .module-recent-photos .module-list-item a:hover { border-color: #666666; background: #fff; } .module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; } /* calendar tweaks */ .layout-calendar #alpha { width: 260px; } .layout-calendar #beta { width: 420px; } .layout-calendar #gamma, .layout-calendar #delta { width: 190px; } .layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0; padding: 0; } .module-mmt-calendar { width: 398px; } .module-mmt-calendar .module-content { margin: 0; border-width: 0; padding: 10px; } .module-mmt-calendar table { width: 378px; background: #66cc33; } .module-mmt-calendar th { color: #fff; border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: bold; } .module-mmt-calendar td { border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: normal; background: #dddddd; } th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: none; } .module-mmt-calendar td { height: 70px; } .day-photo { width: 49px; height: 49px; } .day-photo a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .day-photo a:hover { border-color: #666666; background: #fff; } .day-photo a img { width: 45px; height: 45px; } /* artistic tweaks */ .layout-artistic #alpha { width: 260px; } .layout-artistic #beta { width: 420px; } .layout-artistic #gamma, .layout-artistic #delta { width: 190px; } .layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0; padding: 0; } /* moblog1 tweaks */ .layout-moblog1 #alpha { margin: 0; width: 180px; background: #dddddd; } .layout-moblog1 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog1 #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-moblog1 #beta-inner { padding: 0; border-width: 0; } .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; } /* moblog2 tweaks */ .layout-moblog2 #alpha { margin: 0; width: 86px; background: #dddddd; } .layout-moblog2 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog2 #beta { margin: 15px 15px 0 15px; width: 260px; background: none; } .layout-moblog2 #beta-inner { padding: 0; border-width: 0; } .layout-moblog2 #delta { width: 154px; } .layout-moblog2 .module-recent-photos { border: 0; background: none; } .layout-moblog2 .module-recent-photos .module-content { padding: 0; border: 0; } .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; } /* timeline tweaks */ .layout-timeline #alpha { width: 260px; } .layout-timeline #beta { width: 420px; } .layout-timeline #gamma, .layout-timeline #delta { width: 190px; } .layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0; padding: 0; } /* one-column tweaks */ .layout-one-column body { min-width: 520px; } .layout-one-column #container { width: 520px; } .layout-one-column #banner { width: 510px; } /* necessary for ie win */ /* two-column-left tweaks */ .layout-two-column-left #alpha { margin: 0; width: 200px; background: #dddddd; } .layout-two-column-left #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-two-column-left #beta { margin: 15px 15px 0 15px; width: 480px; background: none; } .layout-two-column-left #beta-inner { padding: 0; border-width: 0; } /* three-column tweaks */ .layout-three-column #alpha { margin: 0; width: 180px; background: #DDDDDD; } .layout-three-column #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-three-column #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-three-column #beta-inner { padding: 0; border-width: 0; } /* * Preliminary styles added by Jay for Vicksburg II * for review by Luke/Walt and rest of team */ /* All or multiple templates Suppress underlines on linked entry titles */ .entry-header a { text-decoration: none; } /* Suppress the prev/next nav */ .content-nav { margin: 0px; display: none; } /* Search results templates */ .mt-search-results .search-results-header { border: 2px solid #669; background-color: #666666; color: #eee; padding: 5px; } .mt-search-results .search-results-container { margin-left:10px; } .mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; } .mt-search-results form#search-form input#search { width: 80%; } .mt-search-results form#search-form p#search-options { text-align:center; } /* Entry tag display */ div.entry-tags { margin:0 0 10px 10px; } ul.entry-tags-list { list-style:none; padding: 0px; } h4.entry-tags-header, ul.entry-tags-list, li.entry-tag { display: inline; } /* Main index styles Suppress date header on main index */ .main-index .date-header { display: none; } /* Comment preview and individual entry Widen the comment form */ form textarea#comment-text { width:400px; } /* All archive templates Informational "where am I?" module at top of sidebar */ .module-welcome p { font-size: 12px; } .module-content p.first { margin-top:0px; } /* Date-based and category archives Archive title banner at top of page, below blog banner */ .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 10px solid #66cc33; padding: 5px; color: #fff; background: #666666; } /* Experimental comment styles Not currently in use anywhere in default templates For testing only... */ #comments-experimental .comment, #comments-experimental .comment .comment-inner { width:36em; } #comments-experimental .comment { padding: 0px; margin: 10px 15px; background-color:#eef; border:2px solid #bbb; } #comments-experimental .comment .comment-inner { position:relative; margin:-5px 0 0 -3px; background:#f3f3ff; border:1px solid #003; } #comments-experimental .comment:hover .comment-inner { border:1px solid #000; background-color: #fff; } #comments-experimental .comment a { text-decoration: none; border-bottom: 1px dotted #666666; } #comments-experimental .comment:hover a { color: #333; border-bottom: 1px solid #666; } #comments-experimental .comment .comment-footer, #comments-experimental .comment .comment-content { margin-right: 25px; margin-left: 25px; margin-bottom: 15px; } #comments-experimental .comment .comment-header { font-size: 16px; margin: 5px auto 5px 10px; text-shadow: #99A 2px 2px 1px #66F; color: #666; } #comments .comment-header { display: none; } #comments .comment-footer-experimental { display: none; } #comments-experimental .comment-footer { display: none; } でぃべろっぱーず・さいど: コメントの保留

コメントを受け付けました。

コメントを受け付けました。受け付けたコメントは、ブログの管理者の承認のため保留されています。

エントリーのページに戻る