Приветствую Вас Гость | RSS
Меню
Главная » Файлы » Все для Ucoz » Скрипты для ucoz

Скрипт фотогалерея в 3D с поворотом фото блоков при наведении на css для ucoz
Скрипт фотогалерея в 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>


/ --------------- \
/ Как нужно качать? \

Категория: Скрипты для ucoz | Просмотров: 1668 | Добавил: drak-zp | Рейтинг: 5.0/16 | Загрузок: 94


avatar
-->