» »

Вид материалов новостей и файлов DWEV для ucoz


Вид материалов новостей и файлов DWEV для ucoz

Стиль вида материалов темный для новостей ucoz. Для темных по дизайну сайтах. Его пришлось немного доработать, просто увеличение поменять. Теперь на нем сов сем другое увеличение картинки. Намного лучше и намного проще. Стили на види прописаны строго но все на своем месте и по тому так шикарно выглядит этот вид.
Приступаем к установке:
Вид материалов, сносим все и прописываем наш вид.
Код
<style type="text/css" media="all">
@import url(http://zornet.ru/highslide/highslide.css);
</style>
  <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script>  
<script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://zornet.ru/highslide/graphics/';
</script>
  <div class="woteramka">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tr>  
  <td width="96%" align="left" style="-moz-border-radius: 3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;background:url('http://zornet.ru/CSS-ZORNET/vaccser/Poloska.png');border: #5d5d5d solid 1px;">  
  <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>  
  <a href="$ENTRY_URL$" class="entryLink">$TITLE$</a>  
  </td>  
  <td width="4%" align="right" style="-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;background:url('http://zornet.ru/CSS-ZORNET/vaccser/Poloska.png');border: #5d5d5d solid 1px;">  
  <a style="font-weight:normal" href="javascript://" onclick="$('#news_$ID$').slideToggle('slow');"><center><img src="http://service-cs.at.ua/NOVOSTU/news_strelki.png" border="0"></center></a>  
  </td>  
  </tr>  
  </table>  
  <div id="news_$ID$">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tr>  
  <td style="height:150px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;border:1px solid #5d5d5d;background:url('');">  
  <table border="0" width="100%" cellspacing="2" cellpadding="3">  
  <tr>  
  <td align="left">  
  <font face="Tahoma">$MESSAGE$</font>  
  </td>  
  <td align="right">  
  <a class="screenshot" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)">  
  <IMG alt="$TITLE$" src="$IMG_URL1$" align="right" height="120" width="187" border="0"></a>
   
   
  </td>  
  </tr>  
  </table>  
  </td>  
  </tr>  
  </table>  
  <table border="0" width="100%" cellspacing="2" cellpadding="3"><tbody>  
  <tr>  
  <td width="20%" style="text-align:center;-moz-border-radius: 3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius: 3px 0px 0px 3px;border: 1px solid #5d5d5d; background:#000000;">  
  Просмотров: $READS$  
  </td>  
  <td width="18%" style="text-align:center;border: 1px solid #FFFFFF; background:#000000;">  
  <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
  </td>  
  <td width="25%" style="text-align:center;border: 1px solid #5d5d5d; background:#000000;">  
  Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>  
  </td>  
  </td>  
  <td width="20%" style="text-align:center;border: 1px solid #5d5d5d; background:#000000;">  
  <a href="$ENTRY_URL$">Подробнее: </a>$COMMENTS_NUM$  
  </td>  
  <td width="25%" style="text-align:center;-moz-border-radius: 0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;border: 1px solid #5d5d5d; background:#000000;">  
  <?if($RATING$)?><center><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></center><?endif?>  
  </td>  
  </tr>  
  </tbody></table></div></div><br>


16.04.2012 Просмотров: 3161 Комментарий: (11)

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

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

Комментарий: 10
Kosten
Kosten 23.09.2014 18:501
0
Немного доработал, теперь открывается и увеличение красивое.
Сопрано
Сопрано 04.01.2016 19:293
0
Но видно что он доработанный, так как встречался точно такой стиль и он был явно не форме.
Kosten
Kosten 23.09.2014 20:072
0
Стрелки на виде, это закрыть тот или иной материал на время.
Сопрано
Сопрано 04.01.2016 19:304
0
А вот что стрелки, вообще бы убрал, но редко кто будет ми пользоваться, но они так и сильно не заметны.
Kvint
Kvint 04.01.2016 20:055
0
Мне такой вид нравится, а что у него увеличение такое, так это намного лучше, просто здесь скрипт на сайте есть его и давно поставил на сайт к себе.
nikolla76
nikolla76 04.01.2016 20:176
0
Нормальный вид, под любой темный сайт можно поставить.
AnTron
AnTron 04.01.2016 20:287
0
Это еще увеличение само по дизайну своему было переделано, так как изночально оно стандартное идет, а здесь стилей добавили.
FeStemBer
FeStemBer 04.01.2016 20:438
0
Раньше точно скажу что у этого вида не было увеличение, не знаю почему вы решили поставить, может для того, чтоб отличался от оригинала.
csretven
csretven 04.01.2016 20:559
0
Но и отлично что переделал, теперь хоть на вд похоже, вот это приветствую.
Kosten
Kosten 04.01.2016 21:1310
0
Да, это точно, такой дизайн, только один сделан, но некоторые по другому делают, но этот по мне самый раз сделан.
avatar