Главная » 2012 » Октябрь » 25 » Стильный и красивый вид материалов (Скрипты для ucoz)
25.10.2012, 19:54

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



Установке:

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

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

Code
<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://webo4ka.ru/Ucoz6/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
Code
/* 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;}  
  /* ------- */


Вот и всё, наш вид материалов готов.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: usite.su
Категория: Скрипты uCoz | Просмотров: 1098 | Добавил: Voker | Рейтинг: 5.0/1 |
Теги: материалов, вид, стильный, красивый
Всего комментариев: 4
1 chelsea01   (26.10.2012 10:25)
Аватар пользователя
поставили бы картинку

2 Voker -Infoscript Team-  (26.10.2012 13:20)
Аватар пользователя
Скрин есть.

3 sold93 -Infoscript Team-  (26.10.2012 19:25)
Аватар пользователя
а ты поставь катинку на страницу материала.

+1   Спам
4 Temon   (27.10.2012 10:27)
Аватар пользователя
Ну не знаю, лично мне вид материалов не понравился...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]