Клуб WEB Мастеров
Пт, 19.04.2024, 04.31.01
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Java Скрипты для ucoz саитов » Все для ucoz сайта » Сборный скрипты » Новость в 3 колонки (Новость в 3 колонки)
Новость в 3 колонки
KazrexДата: Пн, 26.01.2015, 20.35.40 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 570
Статус: Ofline
Вывод новостей в три колонки для ucoz

На CSS
Код
.short-story {   
   border: solid 1px #353535;   
   border-radius: 8px;   
   margin: 15px 15px 10px 10px;   
   height: 260px;   
   overflow: hidden;   
   background: #353535;   
   box-shadow: 2px 2px 2px #888;   
   }   

   .img-size img {   
   height: 200px;   
   width: 200px;   
   }   

   #catitle {   
   font-weight: bold;   
   font-size: 13px;   
   text-align: center;   
   padding: 10px 0;   
   margin: 2px 0 0 0;   
   }   

   #catitle a {   
   color: #ffd40b;   
   text-shadow: 0 1px 1px #949494;   
   }

Вид материала заменить все на
Код
<div style="width:33%;float:left;">   
   <div class="short-story">   
   <div class="img-size"><img alt="картинка клипа $TITLE$" style="margin:0;padding:0;border:0;" src="$IMG_URL1$">   
     
   </div>   
   <div class="clr"> </div>   
   <div id="catitle"><a href="$ENTRY_URL$">$TITLE$</a></div>   
   </div>   
   </div>


suite
Казахстан
Almaty - Almaty
Java Скрипты для ucoz саитов » Все для ucoz сайта » Сборный скрипты » Новость в 3 колонки (Новость в 3 колонки)
  • Страница 1 из 1
  • 1
Поиск:

KAZREX © 2024