Цитата workman (
)
А вот если бы еще ссылку указал куда ноздри можно запилить, то вообще было бы чудесно biggrin
Отвечаю))) Сайт вот, пока не ругаем я не спеша работаю, отвлекает быт)
Вкратце обьясню ещё раз:
В некоторых местах решил обойтись без медиа запросов и сразу впилить гибкий дизайн...
например с каталогом видео я сделал так: кусок кода стилей
Код
.vidnews {
margin-bottom: 5px;
opacity: 0.9;
}
.vidnews:hover {
margin-bottom: 5px;
opacity: 1;
}
.imgbigload {
display: block;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
border-radius: 5px;
position: relative;
margin: 0;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
.imgbigload:hover {
box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.brief {
opacity: 0;
position: absolute;
transition: all .7s ease 0s;
background-color: rgba(0,0,0,0.85);
border-radius: 5px;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.brief:hover {
opacity: 1;
}
.brief a {
color: #fff;
}
ну и вида материалов
Код
<div style="width:50%;float:left;">
<div class="vidnews">
<div class="imgbigload" style="background-image: url('$IMG_URL1$'); margin: 5px 5px;">
<p class="inform"><a href="$ENTRY_URL$" title="Просмотры"><span>$READS$</span></a></p>
<p class="inform-1"><a href="$ENTRY_URL$" title="Рейтинг"><span>$RATING_NUM$</span></a></p>
<p class="inform-2"><a href="$ENTRY_URL$" title="Комментарии"><span>$COMMENTS_NUM$</span></a></p>
<div class="brief" style="cursor:pointer;" onclick="location.href='$ENTRY_URL$'">
<p style="color:#4F94CD; font-weight: bold; text-shadow: black 0.1em 0.1em 0.1em; padding: 10px 10px;">
<font color="CCCCCC">$TITLE$</font><br>
</div>
</div></div></div>
но в фотоальбоме данная конструкция не пашет, менял ясное дело на операторы фотоальбома image на photo