• Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » Подправить вид материала
Подправить вид материала
trem200 24.12.2017 в 16:09 1
Приветствую, в общем нужна помощь с видом материала, а именно как уменьшит размер фона в нижней части, чтобы не было много пустого места.



Так же интересно, как можно прописать картинки в каждому разделу категорий? А именно, если категории игры то будет иконка геймпад, если кино то иконка связанная с кино индустрией.

Код
<div class="vid_news">
<div class = "img_new">
<a href = "$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$"></a>
</div>
<div class = "log_razdel">
<span><i class="fa fa-gamepad" aria-hidden="true"></i></span>
</div>
<div class = "title_new">
<span><a href = "$ENTRY_URL$">$TITLE$</a></span>
<hr>
</div>    
<div class = "button_new">
<a href = "$ENTRY_URL$">Читать дальше</a>    
</div>
</div>


Стили

Код
.vid_news{padding: 10px; background: #0a151b; margin: 0 0 20px 0;}
.img_new img{height: 200px; width: 100%; object-fit: cover;}
.log_razdel{height:60px; width: 60px; background: #b33d3d; font-size: 30pt; }
.log_razdel i{margin-left: 9px;}
.title_new { position: relative; top: -59px; margin-left: 70px;}
.title_new a {text-transform: uppercase;  font-size: 16px;}  
.button_new {position: relative; top: -59px; float: right;}  
.button_new a {background: #b33d3d; padding: 5px;}
    .button_new a:hover {color: #fff; background: #842d2d;}
прикрепленный файл
0174238.png(333.5 Kb)
waak 24.12.2017 в 17:18 2
Картинки иконки категорий с помощью условных операторов а по поводу пустого места не до конца понял просьбу
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
trem200 24.12.2017 в 18:53 3
Цитата waak ()
Картинки иконки категорий с помощью условных операторов а по поводу пустого места не до конца понял просьбу

Я хотел уменьшить фон самого вида материала, а то с низу осталось пустое место, которое в будущем не будет использовано, и его убрать бы, но я не знаю как.
waak 24.12.2017 в 21:50 4
отступы уберите! margin и padding у блока не полностью а на столько на сколько нужно вам
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
Форум » uCoz » Помощь по uCoz » Подправить вид материала
  • Страница 1 из 1
  • 1
Поиск:
форма для входа