Эффектная коробка на css3 была сделана специально по заказу админа,сайта stock-exchange.ucoz.com специально для пользователей нашего сайта,очень проста в установке так-же иконки можно заменить на свои,вообщем используйте на свое усмотрение.
вообщем смотрим демо и качаем
Установка:
Вариант 1
1.Заливаем папку с изображениями на свой хост
2.Из текстового файла скопировать содержимое и вставить по месту расположения
Все.
Вариант 2
Скопировать код
Code
<head>
<link href="http://stock-exchange.ucoz.com/boss/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="homeBox">
<div class="one_fourth">
<div class = "boxImage"><img src = "images/321.png"></div>
<h2>MOVIE CLIP</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth">
<div class = "boxImage"><img src = "images/131.png"></div>
<h2>LITTLE CHAT</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth">
<div class = "boxImage"><img src = "images/4821.png"></div>
<h2>SLIDESHOWS</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth last">
<div class = "boxImage"><img src = "images/62.png"></div>
<h2>NEW </h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
</div>
</div>
</body>
<link href="http://stock-exchange.ucoz.com/boss/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="homeBox">
<div class="one_fourth">
<div class = "boxImage"><img src = "images/321.png"></div>
<h2>MOVIE CLIP</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth">
<div class = "boxImage"><img src = "images/131.png"></div>
<h2>LITTLE CHAT</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth">
<div class = "boxImage"><img src = "images/4821.png"></div>
<h2>SLIDESHOWS</h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
<div class="one_fourth last">
<div class = "boxImage"><img src = "images/62.png"></div>
<h2>NEW </h2>
<div class = "boxDescription">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet</div>
</div>
</div>
</div>
</body>
и на месте поменять изображения
Z Скачать
Категория:
Cкрипты для uCoz
Просмотров:
995
