» »

Красивый вид материала для сайта в увеличением картинки


Красивый вид материала для сайта в увеличением картинки

Представляю вам вид материала взятый с сайта cstav.ru. И маленько его доработал, теперь на нем есть красивое увеличение картинки. Сами титлы прописаны в светлом цвете. Сам вид по своему дизайну красивый, его можно применить как к светлым так и к темным сайтам. Я поставил на светлый что пришлось как писал название поменять цвет. Картинка увеличивается при клики и сворачивается так же при клике на ее. Сам вид по дизайну выполнен красиво, полных и заметных в 2 цветах.
Установка:
Копируем код и идем в админ панель. Выбираем или новости или каталог файлов и в этом модуле меняем код в вид материалов.
Код
<!--Vid materialov-$ID$-->  
<div class="viewn_loop">  
<div class="viewn_top_left"></div>  
<div class="viewn_top_right"><div class="viewn_star"><?$RSTARS$('13','http://zornet.ru/ZORNET-RU/rating.png','1','float')?></div></div>  
<div class="viewn_top_middle"><font color="#ffffff"><div class="viewn_title"><a href="$ENTRY_URL$"></a>$TITLE$</div></font></div>  
   
<style type="text/css" media="all">  
  @import url(http://zornet.ru/zornet_ru5/highslide.css);  
  </style>  
  <script type='text/javascript' src=' http://zornet.ru/zornet_ru5/highslide.js '></script>  
  <script type='text/javascript' src=' http://zornet.ru/zornet_ru5/include_highslide.js '></script>  
  <script type="text/javascript">  
  hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';  
  </script>  

   
<div class="cLeft"><div class="cRight">  
   
<div class="viewn_cont">  
<div class="viewn_cont_in">  
<div class="viewn_pict"><a href="$IMG_URL1$" onClick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" width="127" height="127" alt="$TITLE$"></a>  
<li class="rows1">  
<ul>  
<li class="li1"><div class="ico_blo1">Добавил: $USERNAME$</div><a class="v_ico1"></a></li>  
<li class="li2"><div class="ico_blo2"><?if($COMMENTS_NUM$)?>$COMMENTS_NUM$<?else?>Не комментировалось<?endif?></div><a class="v_ico2"></a></li>  
<li class="li3"><div class="ico_blo3">Просмотров: $READS$</div><a class="v_ico3"></a></li>  
<li class="li4"><div class="ico_blo4">Загрузок: $LOADS$</div><a class="v_ico4"></a></li>  
<li class="li5"><div class="ico_blo5"><div class="bpanel"><?if($MODER_PANEL$)?>$MODER_PANEL$<?else?>У вас нет прав<?endif?></div></div><a class="v_ico5"></a></li>  
</ul>  
</li>  
</div>  
$MESSAGE$  
</div>  
</div>  
<script type="text/javascript">$('#mn$ID$').attr('style','display:block; float:right;');</script>  
<style type="text/css">@import url('http://zornet.ru/ZORNET-RU/vid-mat.css') all;</style>  
</div></div>  
   
<div class="viewn_bottom_left"><div class="viewn_bottom_right"><div class="viewn_bottom_middle"></div></div></div>  
</div>  
<!--#Vid materialov-$ID$-->
02.04.2013 Просмотров: 1525 Комментарий: (2)

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

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

Комментарий: 2
avatar
serega_sh 11.02.2014 11:511
0
Мне понравилось, спасибо, только нет перехода к просмотру материала.
Kosten
Kosten 11.02.2014 12:162
0
serega_sh, спасибо.. надо будут исправить.
avatar