waak
Дата: Вторник, 2017-10-31, 16:58 | Сообщение 1
Всем привет! сижу от скуки маюсь не знаю что сделать может кому то что то нужно? пишите чем смогу помогу
http://talantlev.ucoz.ru Страна: (RU )
trem200
Дата: Вторник, 2017-10-31, 21:15 | Сообщение 2
waak, В общем нужна помощь в адаптивности вида фотографий. Я в адаптивности не селён, и мне бы хотелось сделать адаптивность вида фото как на этом сайте.Код
<div class = "tag_name">
<center>
<span><?if(len($PHOTO_NAME$)>21)?><?substr($PHOTO_NAME$,0,21)?>...<?else?>$PHOTO_NAME$<?endif?></span>
</center>
</div>
<span class="ph-wrap"><a href="$PHOTO_URL$" data-url="$PHOTO_URL$" title = "$PHOTO_NAME$">$PHOTO$</span></a>
<div class = "tag">
<center>
<span><i class="fa fa-eye" title="$REVIEWS$"></i>$REVIEWS$</span>
<span><i class="fa fa-star" title="$RATING$"></i>$RATING$</span>
<span>$PHOTO_SIZE$</span>
</center>
</div>
<style>
.tag {display:block; line-height:35px; background: #b33d3d;color: #fff; border-radius: 0px 0px 8px 8px;}
.tag span {border-right: 1px solid #842d2d; display: inline-block;text-align: center;font-size: 14px; padding: 0 10px; margin: 0 1px;}
.tag i {margin-right:3px;font-size:15px;}
.tag span:last-child{border-right:none;}
.tag_name {display:block; line-height:35px; background: #b33d3d;color: #fff; border-radius: 8px 8px 0px 0px;}
.tag_name span {display: inline-block;text-align: center;font-size: 14px; padding: 0 10px; margin: 0 1px;}
</style>
Страна: (RU )
waak
Дата: Вторник, 2017-10-31, 23:23 | Сообщение 3
при каком размере должно пропадать ?
http://talantlev.ucoz.ru Страна: (RU )
waak
Дата: Вторник, 2017-10-31, 23:27 | Сообщение 4
@media screen and (max-width: 500px) {
http://talantlev.ucoz.ru Страна: (RU )
trem200
Дата: Среда, 2017-11-01, 13:45 | Сообщение 5
waak, Спасибо огромное
Страна: (RU )
Kosten
Дата: Среда, 2017-11-01, 15:50 | Сообщение 6
waak, и тембе спасибо, под вид материала
Страна: (RU )
