Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Вид материалов для uCoz » Вид новостей для светлых дизайнов для uCoz
Вид новостей для светлых дизайнов для uCoz
Torres_1_Дата: Суббота, 16.11.2013, 00:05 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Продолжая тему новостей предлагаю вам оценить еще один вариант вида материала.


А теперь давайте перейдем к установке нашего вида новостей для uCoz.

Установка CSS
Скопируйте данный код в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл :

Код
/* style news */    
.clear {    
    clear:both;    
}    
.news {    
    width:auto;    
    position:relative;    
    margin-bottom:20px;    
    padding:15px;    
    background:#fff;    
    border:1px solid #d3d3d3;    
    font-family:helvetica, arial, sans-serif;    
}    
.news_l {    
    padding-right:145px;    
    min-height:150px;    
}    
.news_r {    
    width:140px;    
    height:100%;    
    background:#f4f4f4;    
    position:absolute;    
    top:0;    
    right:0;    
    text-align:center;    
}    
.news h2 {    
    margin:0;    
    background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/43242---stripe.png) 0px 7px repeat;    
    height:20px;    
    overflow:hidden;    
    margin:10px 0 15px 0;    
    position:relative;    
}    
.news h2 a {    
    background:#fff;    
    padding:2px 10px 2px 0;    
    text-decoration:none;    
    color:#89a0af; /*цвет заголовка новости*/    
    font-size:16px;    
}    
.news h2 span a {    
    padding-right:0;    
}    
.img_news {    
    float:left;    
    display:inline-block;    
    margin:0 14px 5px 0;    
    padding:5px;    
    background:#EDF1F2;    
    border:1px solid #DDE1E2;    
}    
.img_news img {    
    width:220px;    
    border:1px solid #DDE1E2;    
}    
.message {    
    padding:0 0 10px 0;    
    margin:0;    
    font-size:12px;    
    line-height:19px;    
    text-align:justify;    
}    
.news_r .date {    
    display:inline-block;    
    position:relative;    
    font-size:13px;    
    padding:7px 10px 4px 10px;    
    margin:18px 0 -5px 0;    
    background:#6099bf; /*цвет блока с датой*/    
    border:1px solid #fff;    
    color:#fff;    
    text-align:center;    
}    
.news_r ul {    
    list-style:none;    
    margin:0;    
    padding:0;    
    text-align:left;    
    width:100px;    
    margin:18px auto 0 auto;    
    font-size:12px;    
}    
.news_r ul li {    
    padding:3px 0 3px 5px;    
    border-bottom:1px dotted #BEBEBE;    
}    
.news_r ul li img {    
    margin-right:10px;    
    position:relative;    
    top:4px;    
}    
.news_r ul li a, .news_r ul li span {    
    color:#707070;    
    text-decoration:none;    
}


Далее
Перейдите в "Вид материала" модуля новостей, и замените весь код этим:

Код
<div class="news">    
<div class="news_l">    
    <h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2>    
    <?if($IMG_URL1$)?><div class="img_news">    
    <img src="$IMG_URL1$" alt="$TITLE$"/>    
    </div><?endif?>    
    <p class="message"><?if($MESSAGE$)?>$MESSAGE$<?else?>Описание отсутствует<?endif?></p>    
    <div class="clear"></div>    
</div>    
<div class="news_r">    
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>    
<ul>    
    <li><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/43242---user.png" alt=""/><a href="$PROFILE_URL$" title="автор материала">$USERNAME$</a></li>    
    <?if($CATEGORY_NAME$)?><li><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/43242---cat.png" alt=""/><a href="$CATEGORY_URL$" title="категория">$CATEGORY_NAME$</a></li><?endif?>    
    <li><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/43242---comm.png" alt=""/><a href="$COMMENTS_URL$" title="комментариев">$COMMENTS_NUM$</a></li>    
    <li><img src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/43242---eye.png" alt=""/><span title="просмотров">$READS$</span></li>    
</ul>    
</div>    
</div><!--/news-->
 
Форум » Всё для Ucoz » Вид материалов для uCoz » Вид новостей для светлых дизайнов для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ты любишь слушать музыку?
javascript:; javascript:;
Всего ответов: 145

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.