ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вид материалов GASAN-CS для системы uCoz

Вид материалов GASAN-CS для системы uCoz

Вид материалов GASAN-CS для системы 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="vid_materialov">  
<div class="vid_mat_bg">  

<div class="news_v1"></div>  
<div class="news_v3"></div>  
<div class="news_v2"><a href="$ENTRY_URL$"><strong>$TITLE$ <?if($DATE$="Сегодня" or $DATE$="Вчера")?><img src="/new.png"><?endif?></strong></a> $MODER_PANEL$</div>  

<div class="news_c">  
<table cellpadding="0" cellspacing="0">  
</tr></tbody></table><table style="width: 100%; border-collapse: collapse"><tbody><tr><?if($IMG_URL1$)?><hr><td style="padding-top:8px;height: 100px; letter-spacing: 0px; word-spacing: 0px;width: 130px" align="center"><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img src="$IMG_URL1$" alt="" width="120" height="90" alt="$TITLE$" style="padding:3px;background:#1C1C1C;border:1px solid #363636;"></a></td><?endif?> <td>$MESSAGE$<br>Категория: <strong>$CATEGORY_NAME$</strong></td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td>  

</td>  
</tr></table>  

<div style="padding-bottom:5px"></div>  
<div class="niz_news">Категория: <b><a href="$CATEGORY_URL$">$CATEGORY_NAME$</b></a> | Добавлено: $DATE$ в $TIME$  
<div style="float:right"><?if($USER_LOGGED_IN$)?><?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank">Скачать с хостинга <?if($RFILE_SIZE$)?><?else?><?endif?></a><?endif?>  
<?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank">Скачать с сайта</a><?endif?><?else?><?endif?>  
</div>  
</div>  
<div style="padding-bottom:5px"></div>  
<div class="niz_news">  
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>  
Просмотров: $READS$ |  
<?if($COMMENTS_URL$)?> Комментариев: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a> <?endif?>  
<?if($RATING$)?>| Рейтинг: <span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span><?endif?>  
<div style="float:right"><?if($RATING$)?><?$RSTARS$('19','/img/rank.png','1','float')?><?endif?></div>  
</div>  
</div>  

<div class="news_n1"></div>  
<div class="news_n3"></div>  
<div class="news_n2"></div>  

<div style="padding-bottom:5px"></div>

Этот код в CSS

Код
.news_v1 {background:url('/img/news_v1.png');width:5px;height:31px;float:left;}  
  .news_v2 {background:url('/img/news_v2.png');margin:0px 5px;height:23px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;font:bold 9pt Arial;text-shadow:0.1em 0.1em 0.05em #000;padding-left:12px;padding-top:8px;}  
  .news_v3 {background:url('/img/news_v3.png');width:5px;height:31px;float:right;}  

  .news_v2 a:link {text-decoration:none; color:#e0a913;}  
  .news_v2 a:active {text-decoration:none; color:#e0a913;}  
  .news_v2 a:visited {text-decoration:none; color:#e0a913;}  
  .news_v2 a:hover {text-decoration:none; color:#b8860b;}  

  .news_n1 {background:url('/img/news_n1.png');width:5px;height:5px;float:left;}  
  .news_n2 {background:#292929;margin:0px 5px;height:5px;}  
  .news_n3 {background:url('/img/news_n2.png');width:5px;height:5px;float:right;}  

  .news_c {background:#292929;padding:7px;}  
  .niz_news {-moz-border-radius:7px;border-radius:7px;border:1px solid #494949;padding:5px 10px;color:#ababab;text-shadow:0.1em 0.1em 0.05em #000;}  

  .niz_news a:link {text-decoration:none; color:#ababab;}  
  .niz_news a:active {text-decoration:none; color:#ababab;}  
  .niz_news a:visited {text-decoration:none; color:#ababab;}  
  .niz_news a:hover {text-decoration:none; color:#e0a913;}
13 Апреля 2012 Просмотров: 4132 Комментариев: (7)

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

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

Оставь свой отзыв

Комментарии: 7
yurik
yurik 19 Августа 2013 00:491
0
неработает!!!!!!!!!!!!
Kosten
Kosten 16 Сентября 2014 18:422
0
yurik, исправил.
FeStemBer
FeStemBer 23 Декабря 2015 21:053
0
Но если ранг поменять, или вообще его убрать и поставить кнопку с надписью далее, то нормально будет, а так пока не о чем.
Сопрано
Сопрано 23 Декабря 2015 21:144
0
Tventum, а может просто один рейтинг убрать, так как кнопка уже есть.
Марковичь
Марковичь 23 Декабря 2015 21:255
0
Так придумано не плохо, и сам шаблон от материала также отлично выполнен. Здесь другая сторона медали, работать как будет, когда сколько обновлений прошло.
feliksteg
feliksteg 13 Мая 2016 20:126
0
Этот вид материала приходилось ставит и здесь сразу бы вас сказал, чтоб поменяли рейтинг или просто его убрали и что то оригинальное поставили, так как его стилями не вытащить, чтоб по центру стоял и не очень эти круги так подходят.
Kosten
Kosten 18 Октября 2017 04:027
0
Это видать самый первый вид, который исполнен по дизайн красиво, в отличие от других, в те далекие годы.
avatar