Dizred

Новенький
  • Публикации

    27
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О Dizred

  • Звание
    Новичок
  • День рождения 15.07.1989

Информация

  • Пол
    Мужчина
  • Откуда
    Москва

Посетители профиля

287 просмотров профиля
  1. Верстка шаблона

    На других устройствах всё тоже самое. Думаю как вариант /style.css?ver=4.9.2 убрать и оставить /style.css или не в этом дело?
  2. Верстка шаблона

    Я надеюсь последний вопрос... Перенес на другой хоситнг сайт, всё прошло успешно. Вытащил css потом с фтп и изменил, как выше в теме. Переношу css обратно на фтп, смотрю сайт-изменений нет... Смотрю код страницы в консоле браузера css код не поменялся, хотя если через движок cms редактор css изменен и всё есть...Что может быть?
  3. Верстка шаблона

    Нашел: @media screen and (max-width: 1024px) { background: none; #main_container{width:100%;} .header{ text-align:center; height:auto; padding:30px 0 20px 0;} .logo h1{font-size:35px;} .left_full, .left13, .left23, .left12, .left14{ width:90%; float:left; margin:40px 0 0 5%;} и @media screen and (max-width: 480px) { background: none; .logo img{ width:90%; display:inline-block; margin:auto; } } Добавил туда background: none; , но что-то не пропадает фон в мобильном виде (только наоборот сайт поехал в моб.вер., если Вы посмотрите)
  4. Верстка шаблона

    А это необходимо в какую часть вставить? точно @ перед media? И этот код просто уберёт эти фоновые картинки, если разрешение экрана будет менее 991px?
  5. Верстка шаблона

    Спасибо большое! Ещё один вопросик пожалуйста, можно ли сделать так, чтобы в мобильной версии этот фон не был виден (скрывался как бы)? Получается он накладывается под текст и блоки - выглядит не ахти...
  6. Верстка шаблона

    Вроде добавил, как Вы сказали, но ничего не изменилось. Вот что получилось: #main_container{width:960px;margin:auto;} .header{ text-align:center; height:auto; padding:40px 0 60px 0;} .logo{padding:10px 0 10px 0px;display:inline-block; margin:auto;} .logo_image{ float:left; padding:0 10px 0 0;} .logo h1{font-size:45px; margin:0px; padding:0px; float:left; clear:none;} .logo h1 a{font-family: 'OpenSans', sans-serif;letter-spacing:-1px;} after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
  7. Верстка шаблона

    Извиняюсь, поправил: body {background: url(http://zak.hol.es/wp-content/uploads/2018/01/bam1-1-1.png) no-repeat, url(http://zak.hol.es/wp-content/uploads/2018/01/bamboo.png) repeat-y, url(http://zak.hol.es/wp-content/uploads/2018/01/bam2-2.png) 100% 0 no-repeat, url(http://zak.hol.es/wp-content/uploads/2018/01/bamboo.png) 100% 0 repeat-y;} Ленточка была просто как пример картинки в угол...
  8. Верстка шаблона

    (тестовый домен): Сайт Ребята, в продолжение вопроса... Добавил фоновое изображение на левую и правую сторону страницы, вот с помощью такого кода (вставил в боди): url(http://test1.ru/wp-content/uploads/2018/01/bam1-1.png) no-repeat, url(http://test1.ru/wp-content/uploads/2018/01/bamboo.png) repeat-y, url(http://test1.ru/wp-content/uploads/2018/01/bam2-2.png) 100% 0 no-repeat, url(http://test1.ru/wp-content/uploads/2018/01/bamboo.png) 100% 0 repeat-y;} Но до конца оно (изображение) не идет Подскажите пожалуйста, возможно код не в том месте? Подскажите пожалуйста...
  9. Верстка шаблона

    Добавил в стили: body { position: relative; } body:after { content: ''; position: absolute; left: 0; top: 0; width: 300px; height: 300px; background-image: url('http://zak.hol.es/wp-content/uploads/2017/12/Top.png'); background-repeat: no-repeat; } Но ничего не изменилось...(( Вот ссылка на сайт: http://zak.hol.es/
  10. Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {color:#ff9694;} ul#main_menu li a:hover, ul#main_menu li.current-menu-item a{color:#ff9694;} ul#main_menu ul li a {color:#ff9694;} ul#main_menu ul li ul li a {color:#ff9694;} .footer_menu ul li.selected a{ color:#ff9694;} .footer_menu ul li a:hover{ color:#ff9694; } .post_date, .post_date_nothumb, .service_pricespecial, input#searchsubmit, ul.filter_portfolio li.selected a, ul.filter_portfolio li a:hover, input.form_submit, a.icon_link_img{ background-color:#ff9694;} .footer_text a:hover{ border-bottom:1px dotted #ff9694;} ul#main_menu ul, ul#main_menu ul li ul, .flex-caption {background-color:#5d1338;} a.more, .left13 ul li, .entry ul li, .sidebar ul li{ background:url(../images/purple/bullet.png) no-repeat left;} .home_underslider{ background:url(../images/purple/home_underslider.jpg) no-repeat center top;} .slide_frame{background:url(../images/purple/slider_frame.png) no-repeat center;} .footer{background-color:#460d29;} .footer_text, .footer_menu ul li a{color:#b05877;} @media screen and (max-width: 1024px) { .show_menu, .hide_menu, ul#main_menu, ul#main_menu ul{ background-color:#5d1338;} ul.filter_portfolio li.selected a, ul.filter_portfolio li a:hover{background-color:#5d1338;} ul.filter_portfolio li a{color:#ff9694;} } Помогите пожалуйста это сделать Вроде получилось подробно описать суть вопроса...
  11. Текст на картинке

    Ребят! Спасибо большое за помощь и терпение, вроде стало более менее!
  12. Текст на картинке

    Все исправил, вот что получилось и всё-ровно прыгает, где косяк? http://aquakop.ru/ body { margin: 0; }header {display: block;background: #f4f3e6 url(wp-content/uploads/2015/05/Header2.png) repeat-x; /* Градиент */}.header-bg {repeat-x center bottom; min-width: 940px; position: relative;height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */}.header-bg img {position: relative; /* Относительное позиционирование */top: 0px; /* Сдвигаем картинку вниз */}.telephone-container:before { content: ''; position: absoulte; top: 20; left: -*на сколько пикселей влево от текста* display: block; width: *ширина скобки*; height: *высота скобки*;}.img-container { min-width: 940px; margin: 0 auto; position: relative;}.telephone-container { position: absolute; top: 25px; right: 185px;}<div class="header-bg"> <div class="img-container"> <img src="wp-content/uploads/2015/05/Header.png" width="940" height="522"> <div class="telephone-container"> <p class="telephone-item"> <h2>(916)070-71-72</h2> </p> <p class="telephone-item"> <h2>(916)07-222-66</h2> </p> </div> </div></div>
  13. Текст на картинке

    Хорошо,а что надо будет добавить в код?или просто width="100%" и текст станет статичным по отношению к фону и не будет скакать?
  14. Текст на картинке

    я то подганю, только напишите по подробней что именно
  15. Текст на картинке

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