星屋工作室 - 映画とカレーが好きでSEOに燃えています。山口県周南市ではたらくサラリーマンの仕事、趣味、パソコンの足跡的ブログです。
MozshotとCSSを組み合わせて
サイトのサムネイル画像の周りに文字を回り込ませて配置。
リンク集のページなどに便利です。
<style type="text/css">
/*画像の回り込みの設定*/
.imgLeft { float : left ; }
/*文字の回り込みの解除*/
.clrLeft { clear : both ; }
</style>
<div class="clrLeft">
<p class="imgLeft">
<img src="http://mozshot.nemui.org/shot/large?http://hoshiya.biz" alt="星屋工作室" />
星屋工作室
</p>
</div>
↓↓上記でこうなる↓↓
星屋工作室
このサイトのトラックバックにも使用しています。
トラックバックURL:
指定のURLのサムネイルをリアルタイムに表示するツール。
以下のタグを例に「？」以降にURLを指定してやるだけ！
こんなツール待ってました。
<img src="http://mozshot.nemui.org/shot?http://mozshot.nemui.org/" alt="" border="0" >
Mozshot
http://mozshot.nemui.org/
サムネイルの表示の方法もいくつかあるようです。
説明のページ
http://mozshot.nemui.org/shot
上記ページの内容を参照
- Simple:
http://mozshot.nemui.org/shot?http://www.google.com/
- Get small (64x64) image:
http://mozshot.nemui.org/shot/small?http://www.google.com/
- Get large (256x256) image:
http://mozshot.nemui.org/shot/large?http://www.google.com/
- Get 800x600 image:
http://mozshot.nemui.org/shot/800x600?http://www.google.com/
- Set browser window size to 300x300:
http://mozshot.nemui.org/shot/-300x300?http://www.google.com/
- Specify window & image size:
http://mozshot.nemui.org/shot/800x800-800x800?http://www.google.com/
更に詳細設定も可能。
トラックバックURL:
