Старая форма входа
На сайте уже 192 , зарегистрировано 15 и оставлено 1 .
Видео камера в право...
Меню для портала
Мини профиль by Кири...
Авторизация через со...
Персональная страниц...
Шаблоны uCoz
Скрипты uCoz
Главная » Файлы » Скрипты uCoz » Новости сайта
Вид материалов новостей тёмный для uCoz
  • Добавил: group
  • Дата: 23.02.2014
  • Комментариев: 0
  • Просмотров: 330
Скриншот материала «Вид материалов новостей тёмный для uCoz»
Вид материалов новостей тёмный для uCoz
Описание:
Вид, который я сейчас предоставляю Вашему вниманию, предназначен для "вида материалов новостей сайта", и сделан для тёмных дизайнов.Тут и сразу присутствует увеличение картинки при нажатии на неё, ещё, в вид материалов новостей для ucoz были добавлены иконки :комменты, просмотры, дата и т. д.

Установка вида материалов для новостей сайта uCoz:
1) Этот код, дописываем в самый конец Таблицы стилей (CSS) Вашего сайта :
Код
.gTable {background: #202020; border: 1px solid #303030; text-align:left;}  
  .gTable2 {background: #272727; border: 1px solid #303030; text-align:left;}  
  .gTableNews1 {padding:5px;background: #272727; border: 1px solid #3a3a3a;}  
  .gTableNews2 {padding:1px;background: #272727; border: 1px solid #3a3a3a;}  
  .eNewsTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#ababab; padding: 6px; border:0px solid #303030; height:12px; background:url('http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/news_title.gif') repeat-x ;}  

   
  .post-meta {  
  text-transform:uppercase;  
  margin:15px 0 15px 0;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }  
   
  .date {  
  background:url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/date.png) no-repeat;  
  text-transform:uppercase;  
  padding:0 10px 0 15px;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }  
   
  .comments {  
  background:url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/comments.png) no-repeat;  
  text-transform:uppercase;  
  padding:0 10px 0 15px;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }  
   
  .category {  
  background:url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/category.png) no-repeat;  
  text-transform:uppercase;  
  padding:0 10px 0 15px;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }  

  .reads {  
  background:url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/reads.png) no-repeat;  
  text-transform:uppercase;  
  padding:0 10px 0 15px;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }  
   
  .author {  
  background:url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/author.png) no-repeat;  
  text-transform:uppercase;  
  padding:0 10px 0 15px;  
  font-size:10px;  
  color:#7e7a7a;  
  display:inline;  
  border:none;  
  }


2) А уже этот код, кидаете в "Вид материалов" новостей сайта :
Код
<style type="text/css" media="all">  
  @import url(http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/highslide.css);  
  </style>  
  <script type="text/javascript" src="http://studiaripucoz.ucoz.ru/rip/skript/Vid_materialov/4/highslide.js"></script>  
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
  <script type="text/javascript">  
  hs.graphicsDir = 'http://studiaripucoz.ucoz.ru/highslide/graphics';  
  hs.outlineType = 'rounded-black';  
  hs.numberOfImagesToPreload = 0;  
  hs.showCredits = false;  
  hs.lang = {  
  loadingText : 'Загрузка...',  
  fullExpandTitle : 'Развернуть до полного размера',  
  restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',  
  focusTitle : 'Сфокусировать',  
  loadingTitle : 'Нажмите для отмены'  
  };  
  hs.allowSizeReduction = false;  
  hs.dimmingOpacity = 0.8;  
  </script>  
  <div align="center" id="Div1" style="display:block;"/>  
  <table border="0" width="100%" cellspacing="2" cellpadding="3" class="gTable">  
  <tbody>  
  <tr>  
  <td class="eNewsTitle">  
  <div class="s10b"><a href="$ENTRY_URL$">$TITLE$</a></div>  
  </td>  
  </tr>  
  <tr>  
  <td class="gTable">  
  <center>  
  <noindex>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%" style="padding-bottom:1px;">  
  <tbody>  
  <tr>  
  <td colspan="2" align="left" class="gTableNews1">  
  <div width="10%" style="float:left"/>  
  <div style="float:right">  
  <ul class="post-meta">  
  <li class="author">  
  <a href="$PROFILE_URL$" target="_blank" title="Новость добавил">$USERNAME$</a>  
  </li>  
  <li class="date">  
  <font class="s10l" color="#ababab">$TIMESTAMP$</font>  
  </li>  
  <li class="category">  
  <a href="$CATEGORY_URL$" title="Категория">$CATEGORY_NAME$</a>  
  </li>  
  <li class="reads">  
  $READS$  
  </li>  
  <li class="comments">  
  <a href="$COMMENTS_URL$" title="Количество комментариев к новости">$COMMENTS_NUM$</a>  
  </li>  
  </ul>  
  </div>  
  </td>  
  </tr>  
  <tr valign="top">  
  <td align="left" class="gTableNews2" style="width: 240px; margin-left: auto; margin-right: auto;">  
  <table width="200" align="left" class="image" style="margin:10px;">  
  <tbody>  
  <tr>  
  <td class="img">  
  <div align="center" class="$IMG_URL1$"><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img alt="$TITLE$" src="$IMG_URL1$" style="border: 1px solid #232323;" align="left" height="120" width="200" border="0" title=""></a></div>  
  </a>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  </td>  
  <td align="right" width="100%" class="gTableNews1">  
  <div class="publ_text">  
  $MESSAGE$  
  </div>  
  </td>  
  </tr>  
  <tr>  
  <td colspan="2" align="right" class="gTableNews1">  
  <div style="float:left">  
  <?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><?endif?>  
  </div>  
  <div style="float:right">  
  <input class="buttonprofile" type="button" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Читать полностью"/>  
  </div>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  </noindex>  
  </center>  
  </td>  
  </tr>  
  </tbody>  
  </table>  
  <div id="entryID447"/>
Внимание! Материал «Вид материалов новостей тёмный для uCoz» из категории «Новости сайта» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.
Похожие материалы
Материал «Вид материалов новостей тёмный для uCoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]