Dizred

Проблемы продолжаются... Перенес сайт на другой хостинг и через неделю начался редирект и не корректное отображение сайта. Теперь имею один сайт (на одном хостинге чуть больше доделан, на другом чуть меньше) на двух разных хостингах, на старом всё нормально, а на новом вот проблемы. Вход на FTP и т.д. производился с одной машины, т.е. вирусы с пк исключены. После проверки rescan вот результат Отчет , судя по отчету проблема с jquery.js. Подскажите, есть ли вероятность этого вируса от нового хостинга? И как убить этот вирус с редиректом и т.д. ( замена здоровым jquery.js не помогла) До переноса сайт (без вируса) После переноса сайт (Бывает редирект и не корректное отображение)

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

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

Нашел: @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; , но что-то не пропадает фон в мобильном виде (только наоборот сайт поехал в моб.вер., если Вы посмотрите)

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

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

Вроде добавил, как Вы сказали, но ничего не изменилось. Вот что получилось: #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; }

Извиняюсь, поправил: 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;} Ленточка была просто как пример картинки в угол...

(тестовый домен): Сайт Ребята, в продолжение вопроса... Добавил фоновое изображение на левую и правую сторону страницы, вот с помощью такого кода (вставил в боди): 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;} Но до конца оно (изображение) не идет Подскажите пожалуйста, возможно код не в том месте? Подскажите пожалуйста...

Добавил в стили: 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/

Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 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;} } Помогите пожалуйста это сделать Вроде получилось подробно описать суть вопроса...

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

Все исправил, вот что получилось и всё-ровно прыгает, где косяк? 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>

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

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

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

Всё сделал как говорили выше, получилось в итоге: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) 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 { position: absolute; top: 10; right:0;}.telephone-container:before { content: ''; position: absoulte; top: 20; left: -*на сколько пикселей влево от текста* display: block; width: *ширина скобки*; height: *высота скобки*;}.img-container { position: relative;}и <div class="header-bg"> <div class="img-container"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> </div> <div class="telephone-container"> <p class="telephone-item"> (916)070-71-72 </p> <p class="telephone-item"> (916)07-222-66 </p> </div></div>Результат всё-ровно такой же, что описывал выше:

Обернуть в контейнер.

Если бы я это мог сделать, то не просил помощи..((Обернуть в контейнер...и т.д.

.header-bg { repeat-x center bottom; min-width: 940px; position: relative;Задал и ничего не изменилось

Спасибо за помощь, но всё-равно не получается... Если просто сделать как Вы выше написали, то получается следующее: http://aquakop.ru/wp-content/uploads/2015/05/Снимок1.png А если начинать играть с позицией Top в .telephone-container { position: absolute; top: 0; right: 0;}Например 20 или 300, то всё встает в одну позицию и всё, короче криво... Вот так: http://aquakop.ru/wp-content/uploads/2015/05/Снимок2.png ,а если ещё и right изменить, то просто в левую сторону всё перекидывается...

Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }Вот код: <div class="header-bg"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> </div>Знаю фигня, но помогите пожалуйста...

Спасибо! Ещё кое-что к этому добавил и всё встало на свои места

Больше никто не знает как это исправить?

Тогда у меня пропадёт градиент по бокам background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x;