ツーリングマップβ版

トップ >> サイト運営記 >> ツーリングマップβ版

 グーグルマップの存在を知ってからというもの、これをどうにかウチのサイトに使えない
かと思って試行錯誤をしていました。そんな時、ジゾウさんに「DAILY ARCHIVE」という
サイトを教えてもらいました。(といっても去年のお話ですが)

 いざ見てみると、こりゃスゲー。こんなのオイラにゃできませんぜ orz と思っていたの
ですが、悪あがきを兼ねてのソース閲覧。・・・僕の劣等スキルでは到底ムリでした orz
しかし、粘り強くはないが諦めの悪い僕。数日前、ふとした拍子に先ほどの
DAILY ARCHIVEさんのサイトを覗きにいくと・・・・

 なんとご丁寧にテンプレートを公開してくれているではありませんか。これなら自分にでも
出来そうだと思い、半ば勢いだけで作成したのがコチラ(といっても仮なんですけどね・・・)


 「バイクスタイル・ツーリングマップ(かなりβ版)」


 さて、そのテンプレートですが、かなり作りこまれたものになっております。特にCSSは
細かく設定されており、どこにどんな指定が施されているのかを把握するのにまず時間
がかかると思います。そこで「ここさえイジれば何とかなる」というポイントをご紹介して
おきますね。(すでに僕がイジってある状態のものです)

div#main { margin-top : -100px; margin-left : -401px; padding : 0px; position : absolute; top : 120px; left : 50%; width : 802px; height : 600px; }

ul#menu {
margin : 0px; padding : 10px 0px;
width : 225px; height : 400px; overflow : auto;
position : absolute; top : 160px; left : 565px;
background : url(/image/menu_back.gif) no-repeat left top fixed #fff;
border : 1px solid #333;
list-style : none
}


 現物を見てもらえばわかるのですが、右のメニューからリンクを飛ばしているのですが、
現状ではうまくいっていません。というわけで、ご覧いただける方はマップ上のピンを
クリックしてもらってから、記事本文に入ってください。(記事は過去のものです)

 というわけで、まだまだベータの香りがただようツーリングマップですが、これからちょっと
ずつイジっていきますので、よろしくお願いします。

 →テンプレートは「WWW WATCH」にて配布されております。


Editer : センゴク : 2006年2月17日 02:02
ツーリングマップβ版 へのトラックバック
この記事のトラックバックURL
ツーリングマップβ版 へのコメント
コメントしてみる
名前
サイトURL
情報を保存 保存する場合はチェック
コメント

recommends

最新ツーリングレポート「湯布院・佐賀の旅」


copyright c 2005-2008 bikestyle all rights reserved.