口コミまとめでお買い物

リョウヒンセイカツ



2chでの商品の口コミをまとめたもの。
良いところも悪いところも含めて紹介してくれているので良いかものです。

google map 英語で表記させる方法

google mapは日本なら日本語で表記されています。
しかしタイやその他の国なども母国語で表記されていて読めないですが
http://maps.google.co.jp/maps?hl=en
URLにhl=enの値を追加すると英語も表記されます。

他の国を見てみると韓国ってgoogle mapで見られないんですね。。。
参考
google mapで韓国の地図が表示されない【教えてgoo】

CSS フォーム サンプル

フォームをCSSで制作するためのソース
Blog Comment Form Design Showcase | Smiley Cat Web Design

フォームサンプルを集めているようです、コメントのサンプルも置いています。

他にもHTMLとCSSのセットでフォームレイアウトの骨組みを公開してくれているサイト
A CSS-based Form Template
ro Scripts

IEで画像に隙間ができる時のTips

HTMLとのCSS（スタイルシート）で丸囲みを使うときに

上蓋は画像をHTMLで、両横線はCSSのバックグラウンドで使用したときなど

IEで上蓋の下に隙間が空くことがあります。

img {
vertical-align: top;
}

IEでは文字の位置がbaselineの値になっているので、top or bottomで指定してあげると

隙間はなくなります。

上下に使用したい場合は個別にクラスでバーティカルを設定すれば大丈夫。

ＡＪＡＸのロード画像ジェネレーター

Light boxなどの画像の読み込み時に表示される
ローディング画像を作ってくれるジェネレーター
←こんなのがサクッとできちゃいます。
50パターンの中から、オブジェクト色、背景色を決めて制作できます。
Loder generater

マウスオーバー画像 メニュー

画像置換の方法はいくつかありますが、それぞれにメリット、デメリットが存在するようです。


今回新たに使ってみた[to-R]さんの「imageReplace.js」はスクリプトを設置と、シンプルな記述のみで使えるので、手っ取り早いです。

head要素内に
＜script type="text/javascript" src="./imageReplace.js"＞
を記述し、画像置換したい要素の属性に"imageReplace"を追記するのみでOK
＜a class="imageReplace gazou_b.gif gazou_b.gif" href="/gazou"＞gazou＜/a＞

またimageReplace.jsの14行目に画像までのパスを記載しておけば、HTMLの記述が少なくて済みます。

to-Rさん感謝します。

ネットショッピングなら

ネットショッピングサイトを作るなら月額８７５円のカラーミーが便利です。