Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Помощь по uCoz
Помощь по uCoz
waak
Дата: Вторник, 31.10.2017, 16:58 | Сообщение # 1
Vip
Сообщений:332
Награды: 11


Всем привет! сижу от скуки маюсь не знаю что сделать может кому то что то нужно? пишите чем смогу помогу
Список вопросов - просьб может быть любой кроме тех что относятся к пхп скриптам js скриптов и созданию полноценного сайта с нуля такие работы делаю только за деньги а вот что то поправить сделать вид материалов вид комментариев различных информеров меню это запросто пишите не стесняйтесь


Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Страна: (RU)
trem200
Дата: Вторник, 31.10.2017, 21:15 | Сообщение # 2
Проверенные
Сообщений:410
Награды: 3


waak, В общем нужна помощь в адаптивности вида фотографий. Я в адаптивности не селён, и мне бы хотелось сделать адаптивность вида фото как на этом сайте.

Переход на сайт: 7themes.su/photo/hd_wallpapers/22

Код моего вида фотографий.

Код
<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
Дата: Вторник, 31.10.2017, 23:23 | Сообщение # 3
Vip
Сообщений:332
Награды: 11


при каком размере должно пропадать ?

Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Страна: (RU)
waak
Дата: Вторник, 31.10.2017, 23:27 | Сообщение # 4
Vip
Сообщений:332
Награды: 11


@media screen and (max-width: 500px) {
.tag_name {display: none!important;}
}

500px заменить на тот размер при котором нужно чтоб название пропало


Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Страна: (RU)
trem200
Дата: Среда, 01.11.2017, 13:45 | Сообщение # 5
Проверенные
Сообщений:410
Награды: 3


waak, Спасибо огромное
Страна: (RU)
Kosten
Дата: Среда, 01.11.2017, 15:50 | Сообщение # 6
Администраторы
Сообщений:15806
Награды: 51


waak, и тембе спасибо, под вид материала ты так удобно прописал. 09a
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Помощь по uCoz
Страница 1 из 11
Поиск: