multibox

Lightboxの仲間も色々あるようで試してみましたので覚え書き。

phatfusion : multibox


ダウンロードすると余分なファイルがたくさん入っていますがいるのはこれだけ
multibox
–mootools.js
–multibox.css
–multibox.js
–overlay.js
–images–(アイコン画像

ひとまとめにしてアップ
ヘッダにこんな感じ。

<link href="<?php bloginfo(’url’); ?>/multibox/multibox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/mootools.js"></script>
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/overlay.js"></script>
<script type="text/javascript" src="<?php bloginfo(’url’); ?>/multibox/multibox.js"></script>
<script type="text/javascript">
var box = {};
window.addEvent(’domready’, function(){
box = new MultiBox(’mb’, {descClassName: ‘multiBoxDesc’, useOverlay: true});
});
</script>

アンカーにこいつを追加。titleなんかもお好みで
id="mb1" class="mb"

<div class="multiBoxDesc mb1">いろいろ</div> 
を付ければフッタエリアに表示されます。無ければ空。

idとclassがセットなので複数ある場合
適当にmb1んところをカウントアップ。ちと面倒….


画像の場合
showcase_lead_nano20080909.jpg

いろいろ

リンクの場合

Apple

いろいろ



え?ウザイ?

こういうのは、ちょっと鬱陶しいかなと思いつつも
やってみたくなるのが人情です。(´ヘ`;)

 
 

LeopardでWebサーバ構築 その2

役に立たない覚え書きその2

 
 

LeopardでWebサーバ構築 その1

LeopardでWebサーバ構築したので覚え書きです。

そのままでもWeb共有をONにするだけでいけてしまうのですが
デフォルトのPHPがGDが使えなかったり貧弱なのでごっそり入れ換えます。

 
 

書体指定やめた

IE7で、CSSで指定したサイズより大きく表示されることがあって
(IE7以外では問題なし。)
サイズ指定の仕方など、いろいろ試したけど変わらず
あれこれ悩んでみたところ書体指定に原因がありました。

 
 

経路表示

地図の見やすさではGoogleより断然マピオンではないかと思っている
CamCamですが、

経路検索も出来るようになっててありがたい。

ということで、会社やお店の案内に使える
あらかじめ目的地を設定した経路検索を表示する方法をご紹介。

商業利用でも無料だそうです。
(まだ実験段階なので仕様の変更の可能性があるようです)


1.標準地図(フリースクロール地図)で目的地を表示します。
2.地図右側にある乗換+徒歩ルート検索枠内の「目的地に設定」を押します。
3.新規ウィンドウで設定画面が開かれますので、このページのURLを表示します。
4.あとはURLを煮るなり焼くなりお好きにどうぞ。

CamCamオフィス(通称かむじむ)の最寄り駅までの経路をはこちらから(^_^;

かむじむ最寄り駅


近くまでお越しの際は、お迎えに上がります。

 
 

同期大作戦

自宅と仕事場の環境を同じにしたい!
完全に同期させるにはどうしたらいいかちょびっと考えてみた。

 
 

Lightbox JS 設置の巻

imageせっかくなので、もうちょい詳しく…..いたってあっさりご紹介。

ブログ設置用に解説してみました。
といってもパスを絶対パスで書き換えるくらいです。わりと簡単なんよね。