Так выглядит блок до наведения
Так выглядит блок после наведения
Все три блока в одном скрине
Установка: Управление дизайном » Таблица стилей (CSS)
Информация: Код пихаем в самый низ
Code
/* Подвал */
.footer {background:#e7e7e7;border-top:1px solid#c9c9c9;height:330px;margin-top:15px;}
.rebl {background:url(qp/rebl2.png) no-repeat;float:left;width:270px;height:161px;margin-right:10px;}
.rebl:hover {background:url(qp/rebl.png);cursor:pointer;}
.textbl {color:#4d6671;font-size:11px;}
.qssd {font-size:18px;color:#57a1b7;padding:20px 0px 12px 25px;}
.rebm1 {padding:0px 20px 0px 15px;}
.footer_baner {margin:25px 0 0 0px;}
.footer_baner a {margin-right:25px;}
.rost {color:#a4a4a4;font-size:10px;width:490px;margin:185px 0px 0px 20px;}
/* Подвал */
Установка: Управление дизайном » Ну и собственно куда вам угодно
Информация: Желательно пихать код в самый низ страниц сайта
Code
<!--первый блок-->
<div class="rebl" onClick="location.href='Ваша ссылка'">
<div class="qssd">Купить/Продать</div>
<div class="rebm1">
<img src="qp/footer_1.png" align="left">
<div class="textbl" align="left">На нашем сайте есть раздел в котором вы можете купить или продать шаблон для uCoz или макет в формате psd.</div>
</div>
</div>
<!--/первый блок-->
<!--второй блок-->
<div class="rebl" onClick="location.href='Ваша ссылка'">
<div class="qssd">FAQ по uCoz</div>
<div class="rebm1">
<img src="qp/f_2.png" align="left">
<div class="textbl" align="left">Если вы новичок в системе uCoz то раздел FAQ по uCoz будет вам очень кстате. Он поможет вам освоить азы данной системы.</div>
</div>
</div>
<!--/второй блок-->
<!--третий блок-->
<div class="rebl" onClick="location.href='Ваша ссылка'">
<div class="qssd">Графика uCoz</div>
<div class="rebm1">
<img src="qp/f_3.png" align="left">
<div class="textbl" align="left">У нас расположена галерея с различной графикой посвященной системе uCoz. Множе- ственная графика для вашей подписи. </div>
</div>
</div>
<!--/третий блок-->
</div>
Что бы скрипт работал нужно:
1. Скачать картинки и файл "jquery.js" (Скачать можно ниже)
2. Создать папку в Файловом менеджере под названием "qp" (Иначе работать не будет)
3. Настроить всё как написано выше. (Думаю всё понятно) Скачать скрипт с DepositFiles
Размер файла: 36.04 KB
Авторы:
