Вид материалов из трех колонок для uCoz

Табличный вид новостей, сверстанный на быструю руку и готовый для использование на сайта uCoz. По стилю цвета сразу видно все та же тематика ВК темно синий. Вид материалов из трех колонок для uCoz.
Подходит для любых сайтов статического размера шаблона, где сам фон светлого цвета. Сделан он из трех колонок где по центру краткое описание, и в крайней правой части сам скриншот, в первой колонке количество положительных голосов за материал.

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

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://ucozon.ru/_dr/61/61181331.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>

Устанавливаем 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;}
  /* ------- */

Автор: vasa3000

Автор\Источник: usite.su
Для того что бы скачать архив необходимо зайти на сайт как пользователь.