» »

Вид материалов 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.04.2012 Просмотров: 1942 Комментарий: (6)

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

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

Комментарий: 6
yurik
yurik 19.08.2013 00:491
0
неработает!!!!!!!!!!!!
Kosten
Kosten 16.09.2014 18:422
0
yurik, исправил.
FeStemBer
FeStemBer 23.12.2015 21:053
0
Но если ранг поменять, или вообще его убрать и поставить кнопку с надписью далее, то нормально будет, а так пока не о чем.
Сопрано
Сопрано 23.12.2015 21:144
0
Tventum, а может просто один рейтинг убрать, так как кнопка уже есть.
nikolla76
nikolla76 23.12.2015 21:255
0
Так придумано не плохо, и сам шаблон от материала также отлично выполнен. Здесь другая сторона медали, работать как будет, когда сколько обновлений прошло.
feliksteg
feliksteg 13.05.2016 20:126
0
Этот вид материала приходилось ставит и здесь сразу бы вас сказал, чтоб поменяли рейтинг или просто его убрали и что то оригинальное поставили, так как его стилями не вытащить, чтоб по центру стоял и не очень эти круги так подходят.
avatar