Скрипт фотогалерея в 3D с поворотом фото блоков при наведении на css для ucoz устанавливается очень просто и не займет у Вас много времени.
Преступим сразу же к установке данного скрипка галереи:
1.Залить файл css на свой ФТП(Файловый менеджер) и получить на него ссылку,вставить её в код.
2.Вставить код туда, где будет галерея с эффектом поворота фото при наведении.
Установка завершена!Удачи
Код
<link rel="stylesheet" href="/css/css3_3d.css(ссылка на Ваш залиты файл css)" media="screen" /> <ul id="grid" class="group"> <li> <div class="details"> <h3>Заголовок 1</h3> <a class="more" href="#info1">Подробнее...</a> </div> <a class="more" href="#info1"><img src="Ссылка на картинку" /></a> </li> <li> <div class="details"> <h3>Заголовок 2</h3> <a class="more" href="#info2">Подробнее...</a> </div> <a class="more" href="#info2"><img src="Ссылка на картинку" /></a> </li> <li> <div class="details"> <h3>Заголовок 3</h3> <a class="more" href="#info3">Подробнее...</a> </div> <a class="more" href="#info3"><img src="Ссылка на картинку" /></a> </li> <li> <div class="details"> <h3>Заголовок 4</h3> <a class="more" href="#info4">Подробнее...</a> </div> <a class="more" href="#info4"><img src="Ссылка на картинку" /></a> </li> <li> <div class="details"> <h3>Заголовок 5</h3> <a class="more" href="#info5">Подробнее...</a> </div> <a class="more" href="#info5"><img src="Ссылка на картинку" /></a> </li> <li> <div class="details"> <h3>Заголовок 6</h3> <a class="more" href="#info6">Подробнее...</a> </div> <a class="more" href="#info6"><img src="Ссылка на картинку" /></a> </li> </ul> <ul id="information"> <li id="info1"> <div> <h3>Заголовок 1</h3> <p>Описание к блоку 1</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> <li id="info2"> <div> <h3>Заголовок 2</h3> <p>Описание к блоку 2</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> <li id="info3"> <div> <h3>Заголовок 3</h3> <p>Описание к блоку 3</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> <li id="info4"> <div> <h3>Заголовок 4</h3> <p>Описание к блоку 4</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> <li id="info5"> <div> <h3>Заголовок 5</h3> <p>Описание к блоку 5</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> <li id="info6"> <div> <h3>Заголовок 6</h3> <p>Описание к блоку 6</p> <a href="#" class="close">x</a> </div> <span class="backface"></span> </li> </ul>
+16