Главная :: Регистрация :: Вход :: RSS
ЛУЧШИЙ ЗАРАБОТОК
РАДИО
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
teasermedia
kadam
Block title
Главная » Файлы » СКРИПТЫ UCOZ » Для Каталога Файлов

Стильный и красивый вид материалов.
[ · Скриншот ] 07.02.2015, 21:39

Стильный и красивый вид материалов 

 

Красивый и стильный вид материалов. 

Установка: 
Шаг 1: Проверили работает ли голова, и не кривые ли у вас руки. 

Шаг 2: Устанавливаем вид материалов где хотим его видеть. 



Код
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 5px;">   
    <tr>   
    <td width="8%" class="pierwsza" align="center" valign="top">   
    <img src="http://image-up.3dn.ru/_ph/1/2/880134628.png" title="Количесто лайков" alt="Количество лайков">   
    <div class="likek" align="center" title="Количесто лайков">$RATED$</div>   
    </td>   
    <td widht="100%" valign="top" class="druga">   
    <?if($IMG_URL1$)?><div style="float: right;"><a href="$ENTRY_URL$" class="ulightbox"   
data-fancybox-group="ultbx"><img src="$IMG_URL1$" class="imageks"   
/>   
    </a></div><?endif?>   
    <div><a href="$ENTRY_URL$" class="titlename">$TITLE$</a><div>   
    $MESSAGE$   
    </td>   
    </tr>   
    </table>


Шаг 3: Устанавливаем CSS в Таблицу стилей CSS 



Код
/* by coffee aka vasa3000 */   
    .pierwsza {border: 1px solid #51708c; background: #648aad; border-bottom: 3px solid #51708c; border-radius:   
3px 0 0 3px; padding: 5px;}   
    .likek {display: block; color: #edf1f5;}   
    .druga {padding: 5px; border: 1px solid #ccc; border-bottom: 3px solid #ccc;   
border-radius: 0 3px 3px 0; color: #a4a4a4; background: #fff;}   
    .imageks {border-radius: 3px; width: 150px; height: 200px; box-shadow: -3px 0px 6px rgba(50, 50, 50, 0.25);}   
    a.titlename {border-bottom: 1px dotted #9C9B9B;display: block; font-size: 11pt; color: #9C9B9B;}   
    a.titlename:hover {border-bottom: 1px dotted #8E8E8E; text-decoration: none; color: #8E8E8E;}   
    /* ------- */
Категория: Для Каталога Файлов | Добавил: penoky | Теги: материалов., вид, Стильный, красивый
Просмотров: 322 | Загрузок: 0 | Рейтинг: 0.0/0
Похожие материалы
Всего комментариев: 0
avatar
Вход на сайт

Block title