Dizred

January 26, 2018

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

До переноса сайт (без вируса)

После переноса сайт (Бывает редирект и не корректное отображение)

January 17, 2018

38 минут назад, klierik сказал:

Кеш браузера, как вариант

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

January 17, 2018

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

January 16, 2018

14 часов назад, prophet_07 сказал:

Посмотрите где у вас медиа запросы начинаются, там добавьте.
Не обязательно "991px", у вас может быть другая точка излома.
При этом разрешении и меньше просто будет перезапись свойств body.

Нашел:

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

January 15, 2018

3 часа назад, prophet_07 сказал:

@media screen and (max-width: 991px) {
background: none;
}

А это необходимо в какую часть вставить? точно @ перед media?

И этот код просто уберёт эти фоновые картинки, если разрешение экрана будет менее 991px?

January 15, 2018

16 минут назад, prophet_07 сказал:

after должен к элементу добавляться какому либо.

#main_container{width:960px;margin:auto;}

#main_container:after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}

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

January 15, 2018

В 12.01.2018 в 16:59, prophet_07 сказал:

У вас внутри #main_container есть блоки с нулевой высотой.
Например, .home_bottom. Внутри три "плавающих" блока и поэтому родитель "схлопнулся".

Вроде добавил, как Вы сказали, но ничего не изменилось. Вот что получилось:

#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;
}

January 12, 2018

13 часов назад, prophet_07 сказал:

У вас имя домена zak.hol.es, а url для фоновых картинок начинаются с test1.ru
Только для для одной правильно указан.

Переносили сайт с локального сервера через Duplicator?

Извиняюсь, поправил:

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;}

13 часов назад, Vic-Tor сказал:

А к чему тут колорадская ленточка??? Я понимаю еще политическая тема была?!?!?!...

Ленточка была просто как пример картинки в угол...

January 11, 2018

(тестовый домен): Сайт

Ребята, в продолжение вопроса...

Добавил фоновое изображение на левую и правую сторону страницы, вот с помощью такого кода (вставил в боди):

	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;}

Но до конца оно (изображение) не идет Подскажите пожалуйста, возможно код не в том месте? Подскажите пожалуйста...

December 21, 2017

1 час назад, Tilonorrinco сказал:
Нужно просто создать псевдоэлемент с параметрами картинки и разместить его в левом верхнем углу поверх фона.

Попробуй добавить к стилям вот такой кусок:
body {
	position: relative;
}

body:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: ШИРИНА КАРТИНКИ пх
	height: ВЫСОТА КАРТИНКИ
	background-image: url('ССЫЛКА НА КАРТИНКУ');
	background-repeat: no-repeat;
}
Такую простыню кода без разметки (да и с разметкой тоже) вряд ли кто-то читать будет, лучше давать ссылку на сайт.

Добавил в стили:

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/

December 21, 2017

Добрый день! Помогите с такой проблемой:

Есть шаблон с общим фоном:

5a3bb5200cace_2.PNG.568788e756c011a8f4c562f19a6e6895.PNG

Для понятности разметки поменял на другой цвет:

5a3bb593a43c4_.PNG.44f6282b7cef538621f52b0a71661c0a.PNG

Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном:

georgievskaya-lentochka.png.5da623693f20e1918d94dee8efb4ffa0.png

Вот 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;}
}

Помогите пожалуйста это сделать

Вроде получилось подробно описать суть вопроса...

May 13, 2015

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

May 13, 2015

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

May 13, 2015

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

May 13, 2015

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

May 13, 2015

<div class="header-bg">  <div class="img-container">    <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597">    <div class="telephone-container">      <p class="telephone-item">        (916)070-71-72      </p>      <p class="telephone-item">        (916)07-222-66      </p>    </div>  </div></div>

.img-container {  min-width: 1250px;  margin: 0 auto;}.telephone-container {  position: absolute;  top: 15px;  right: 65px;}

Внимательно точно так же скопируй)

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

May 13, 2015

"Обернуть" - это всего лишь поместить код внутрь <div>. Вместо картинки получится три строки.
<div class="img-container"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"></div>
В стилях укажите:
.img-container { position: relative;}

Всё сделал как говорили выше, получилось в итоге:

   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>

Результат всё-ровно такой же, что описывал выше:

Спасибо за помощь, но всё-равно не получается...
Если просто сделать как Вы выше написали, то получается следующее:

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 изменить, то просто в левую сторону всё перекидывается...

May 13, 2015

Вы не можете изменять html-код или не знаете что такое "обернуть в контейнер"? Если доступ к редактированию имеется, то просто измените свой код на тот, что предложила kattiperk.

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

May 12, 2015

Картинку
<img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597">
нужно обернуть в контейнер с шириной в 1250px и position: relative;
Потом для telephone-container прописать то, что написала выше

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

May 12, 2015

   .header-bg {    repeat-x center bottom;  min-width: 940px; position: relative;

Задал и ничего не изменилось

May 12, 2015

Спасибо за помощь, но всё-равно не получается...

Если просто сделать как Вы выше написали, то получается следующее:

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 изменить, то просто в левую сторону всё перекидывается...

May 11, 2015

Собственно такой вопрос, вот сайт: 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>

Знаю фигня, но помогите пожалуйста...

February 5, 2015

.header-bg img {  min-width: 940px;}

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

January 30, 2015

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

January 29, 2015

Тогда у меня пропадёт градиент по бокам

background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x;

Sign In

Dizred

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Dizred

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Верстка шаблона

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Текст на картинке

Резиновая шапка сайта

Резиновая шапка сайта

Резиновая шапка сайта

Forums

Important Information