Заработок в интернете и раскрутка вашего сайта Пятница, 22.09.2017, 03:39
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Создание сайта » HTML коды для uCoz » Вид материалов модуля новости для сайта uCoz (Вид материалов модуля новости для сайта uCoz)
Вид материалов модуля новости для сайта uCoz
adminДата: Суббота, 21.12.2013, 15:13 | Сообщение # 1
Главный админ
Группа: Администраторы
Сообщений: 336
Награды: 0
Репутация: 1
Статус: Offline
Вид материалов модуля новости для сайта uCoz

    Создавая сайт на uCoz мы всегда видим практически одинаковые шаблоны и всегда хочется их украсить и сделать немного поинтересней и оригинальней. Если же вы используете модуль новости, то вам наверняка пригодиться вот такой вот красивый вид материалов модуля новости для сайта uCoz. Чтобы установить такой вот вид новостей нужно хотя бы немного разбираться в html кодах и уметь их редактировать. Более подробно про установку читайте чуть ниже.

Заходим на свой сайт и переходим в Панель Управления сайтом => Управление дизайном => Новости Сайта => Вид материалов, удаляем всё, что там есть и вставляем это:


Код
<div class="view-news">  
   <span class="view-news-moder">$MODER_PANEL$</span>  
   <div class="view-news-img"><img src="$IMG_SMALL_URL1$"><img src="$IMG_URL1$"></div>  
   <h2><a href="$ENTRY_URL$">$TITLE$</a></h2>   
   <p>$MESSAGE$</p>  
   <span class="view-news-statistics">  
   <img src="http://webo4ka.ru/Ucoz8/fon_img_glaz.png" alt="просмотров"> $READS$ |   
   <img src="http://webo4ka.ru/Ucoz8/fon_img_coment.png" alt="комментарии"> $COMMENTS_NUM$   
   </span>  
   <a class="read-more" href="$ENTRY_URL$">Читать дальше</a>   
  </div>


Теперь идём в ПУ (Админ панель) => Дизайн => Управление дизайном => Таблицы стилей CSS, и добавляем туда этот CSS code:

Код
/* Вид новостей для uCoz Minimalism  
  ------------------------------------------*/  
  .view-news{  
   float:left;  
   width:358px;  
   overflow: hidden;  
   position: relative;   
   background: #fff;  
   margin: 0px 0px 15px 0px;   
   border: 1px solid #B6C0CD;   
   border-radius:5px;   
  }  

  .view-news a {text-decoration:none; outline:none}  

  .view-news-img img{  
   width:358px;  
   height:218px;  
   margin: 0px 0px 7px 0px;   
   border-radius:5px 5px 0px 0px;   
  }  

  .view-news h2 {  
   float:left;  
   width:328px;   
   padding-bottom: 5px;  
   margin:0px 15px 10px 15px;   
   border-bottom: 1px solid #D6D6D6;   
   font: 125% Verdana,Arial,Helvetica, sans-serif;  
   font-weight: 700;   
  }   

  .view-news p {  
   float:left;  
   width:328px;   
   padding-bottom: 10px;  
   margin:0px 15px 10px 15px;   
   border-bottom: 1px solid #D6D6D6;   
   font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
   text-align:justify;  
  }   

  .view-news-statistics{  
   float:left;  
   margin:0px 0px 10px 15px;   
   font:9px Verdana,Arial,Helvetica, sans-serif;  
   color:#999;   
  }   

  .read-more{  
   float:right;  
   font-weight: 700;   
   margin:0px 15px 10px 0px;   
  }   

  .view-news-moder{  
   float:left;  
   position: absolute;  
   top: 0px;  
   right:0px;  
   padding: 5px;   
   background: #fff;  
  }



data-yashareType="button" data-

yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus">
 

Нравится







Форум » Создание сайта » HTML коды для uCoz » Вид материалов модуля новости для сайта uCoz (Вид материалов модуля новости для сайта uCoz)
Страница 1 из 11
Поиск:

Заработок в интернете и продвижение вашего сайта © 2013-2017
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200