- 2007年3月 8日 21:48
- IT関連
OpenPNEを自宅サーバーにインストールし、姫路東高39回生SNSをはじめています。OpenPNEの日記にGooglemapsを埋め込みたいのですが、まだこれがうまくいっていませんが、PCでも携帯ででも日記を書いたり同級生の日記を閲覧したり、メッセージのやりとりができます。
【3/9追記】やっと日記にGooglemapsを埋め込められるようになりました。情報収集に二ヶ月もかかってしまいました。
以下スクリーンショットです。小粋空間:Litebox 1.0 をブログに適用するを参考にし、画像のオーバーレイ表示を試しています。画像をクリックすると、この画面の背景が暗くなり、画像が大きくオーバーレイ表示されます。オーバーレイ表示された画像の上でマウスを動かすと「NEXT」または「PREV」というナビゲーションが画像の上で表示されます。これをクリックすると前の画像または次の画像が表示されます。
【3/9追記】やっと日記にGooglemapsを埋め込められるようになりました。情報収集に二ヶ月もかかってしまいました。
以下スクリーンショットです。小粋空間:Litebox 1.0 をブログに適用するを参考にし、画像のオーバーレイ表示を試しています。画像をクリックすると、この画面の背景が暗くなり、画像が大きくオーバーレイ表示されます。オーバーレイ表示された画像の上でマウスを動かすと「NEXT」または「PREV」というナビゲーションが画像の上で表示されます。これをクリックすると前の画像または次の画像が表示されます。
- ログイン前の画面
- ログインした直後のトップ画面
- 「友達を誘う」画面
- 友達の一覧画面。各画像をクリックすると、その友達の画面に飛び、日記を読んだりコメントしたり、メッセージを送ったりできます。
- 日記の表示(1)Flickrの画像を埋め込んだサンプル
- 日記の表示(2)Youtubeの動画を埋め込んだサンプル。他にも、字幕.inの画像も埋め込めるようにしてあります。
- 同級生のメールアドレスを知らなくても、SNS内のメッセージ送受信機能を使って連絡がとれます。また、メッセージが届いたら、携帯にもその旨がメールされます。画像は受信箱の表示画面。
- メッセージ内容の表示。携帯ででもSNSにログインしてメッセージを読んだり返事をしたりできます。
- 日記の表示(3)Googlemapsの埋め込みサンプル。
- Newer: アトピーと制服
- Older: Googlemapsで自分のblogのエントリーをマーカー表示