» »

Необычные вид материалов каталога файлов


Необычные вид материалов каталога файлов

Вид материала, который сделан в минимализме, что становится все популярнее. Так как все отлично сам вид отражает, создан в оригинальном стили. И если кто то решил поменять стилистику у своего ресурса, то этот материал как не когда подойдет. При установке вы можете потом сами его настроить как нужно, так как сам код и стили сделаны просто и как и сам файл.

Установка:

1. В таблицу стилей CSS вставляем следующий код:

Код
/* by Diloyan Tigran */  
  .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 { width: 170px; height: 200px;margin: -5px -5px -8px 0;}  
  a.titlename {display: block; color: #9C9B9B;font-size: 18px;margin-bottom: 9px;}  
  a.titlename:hover { text-decoration: none; color: #8E8E8E;}  
  /* ------- */


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://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/0977690001463340902.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" style="font-weight:bold;">$TITLE$</a><div>  
$MESSAGE$  
</td>  
</tr>  
</table>
15.05.2016 Просмотров: 421 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
feliksteg
feliksteg 16.05.2016 00:271
0
Как то не удобно с правой стороны изображение. Но вот лак мне нравится как его сделали и расположение его, всегда видно и значит постоянно в работе будет.
JoniDen
JoniDen 16.05.2016 00:372
0
Не знаю, вроде не плохо сделано.
Kosten
Kosten 16.05.2016 00:573
+1
Одно дело искал вид материала, и уже нашел что ставить и как раз этот вид был, но потом другой мне попался, так и не установил, но на светлом сайте должен шикарно смотреться.
avatar