スクリーンショット～サイト画面全体ラクチン保存＆表示

ブラウザに映るホームページを写真に撮ったような画像を作成する方法発見！
こういうの、ScreenShotっていうらしい。

タグは、
<img src="http://www.artviper.net/screenshots/screener.php?url=【指定のページ】&q=90&h=180&w=240&sdx=1024&sdy=768" />

表示したいページがhttp://showco.blog.shinobi.jp/の場合、
【指定のページ】の欄にshowco.blog.shinobi.jpと入力します。

このブログで実験しました。




【W3CSites】スクリーンショットを利用したシンプルですてきなページ。




画像の背景に

こんな影をつけていることが発覚。
これがおしゃれさのスパイスかあ。

スタイルシートの中に
img.thumb {
width: 240px;
height: 180px;
padding: 10px;
background:url(images/bg_shadow_240x180.gif);
}
という書き込み。

<img>タグの中には<img class="thumb">が入っています。


なるほど。。。