Красивая галерея картинок на blogger.

Конечно, есть и другие способы сделать красивую галерею картинок. Я расскажу, как сделала я (смотрите на странице «Творения»). Так можно сделать и в самом сообщении (на вкладке «Изменить HTML»), и на главной странице (с помощью виджета HTML/JavaSkript).

Для галереи картинок необходим вот такой код:

<style type="text/css">

 .st {

 width:100px;

 border:3px solid #BBBBBB;

 }

 .st:hover {

 width:130px;

 margin-bottom:-26px;

 }

 </style>

 <center><div style="padding:25px;">

<a href="url-ссылки#1"><img class="st" src="url-картинки#1" title="название#1"/></a>

<a href="url-ссылки#2"><img class="st" src="url-картинки#2" title="название#2"/></a>

</div></center>

Я специально подогнала все картинки по размеру, чтобы все были одинаковые. Все выделенное в коде можно менять:

#BBBBBB – цвет рамки;

width:100px – размер картинки, width:130px – размер картинки при наведении на нее мышкой;

url-ссылки#1 – это адрес ссылки на сообщение, на которое вы хотите, чтобы переходили, кликнув на картинку;

url-картинки#1 – ссылка на картинку;

название#1 – название картинки, которое появляется при наведении на картинку.

Добавлять картинок в галерею можно сколько душе угодно:)

_____

Сайт okade.ru целиком посвящен сельскому хозяйству. Если у вас возникли вопросы по производству говядины, то пройдя по ссылки вы найдете ответы на них. Также вы найдете другую информацию о растениеводстве, животноводстве, пчеловодстве и др.

mama-ia.blogspot.com