Есть такой инструмент, в котором особой нужды нет, но пользоваться им легко и приятно: автоматический скриншот. Для иллюстрации использован именно он. Для того, чтобы появилась эта картинка, скриншот страницы сайта, достаточно использовать короткий скрипт и вставить в него адрес желаемой страницы сайта. А если хотите, чтобы эта картинка была ещё и ссылкой, сделайте эту картинку ссылкой.
Вот так выглядит код:
Код
<div style="float:left; padding: 0px 20px 0px 5px;"><a class="link" href="http://www.aimp.ru/?do=download" rel="nofollow" target="_blank"><img border="0" align="absmiddle" src="http://mini.s-shot.ru/1024x768/300/jpeg/?http://www.aimp.ru/?do=download"></a></div>
<div style="float:left; padding: 0px 20px 0px 5px;"> непосредственно к скрипту автоматического скриншота отношения не имеет, он оформляет картинку, прижимает её к левому краю и заставляет всё, что следует после неё, её обтекать. Так что, если не хотите обтекания, можно обойтись без дива.
Дальше идёт ссылка, которая делает картинку ссылкой: <a class="link" href="http://www.aimp.ru/?do=download" rel="nofollow" target="_blank">. Без неё можно тоже обойтись, если вам нужна только картинка-скриншот.
Но вот этот кусок скрипта делает картинку-скриншот:
Код
<img border="0" align="absmiddle" src="http://mini.s-shot.ru/1024x768/300/jpeg/?http://www.aimp.ru/?do=download">
Обратите внимание на число 300, выделенное красным, это ширина картинки в пикселях. Если написать здесь, скажем, 500, то получится картинка побольше:
|