Сообщений в теме: 28

[Andrew S.]

Подскажите что таит в себе реализация создания фона в подвале и в шапке:



При том условии, что шапка и фон расчленены на отдельные объекты и фон по швам не сойдётся если просто отдельно каждому его назначать:



Вот фон, он полупрозрачный, для сплошных цветов, придаёт узор:



Но как заявлено сторэландом, мы можем изменять шаблон как угодно. Вот, как бы, всего лишь, нужно добавить фон

[Vaccina]

Подвал не составит труда, в main.css найдите:

footer, .footer-container {
  display: inline-block;
  float: left;
  width: 100%;
}

замените на:

footer, .footer-container {
  background: #0c84ac url("ссылка на фон") repeat scroll 0 0;
  display: inline-block;
  float: left;
  width: 100%;
}

далее найдите:

.header-inner, .footer-inner-header, .sectionblock-inner-header, .inner-center {
  background: #0c84ac;
  border-bottom: 0 solid #fff;
  border-top: 0 solid #fff;
  clear: both;
  float: left;
  position: relative;
  width: 100%;
}
.footer-inner-content {
  background-color: #0c84ac;
  border-bottom: 0 solid #e1e1e1;
  border-top: 0 solid #e1e1e1;
  display: inline-block;
  margin-bottom: -1em;
  min-height: 100px;
  padding-bottom: 1em;
  width: 100%;
}

в них уберите background со значением.

По шапке уточните пожалуйста, в центровой части необходимо расположить белый фон с узором или без?

[Andrew S.]

Vaccina (21 Май 2015 - 05:57) писал:

Подвал не составит труда, в main.css найдите:

footer, .footer-container {
display: inline-block;
float: left;
width: 100%;
}

замените на:

footer, .footer-container {
background: #0c84ac url("ссылка на фон") repeat scroll 0 0;
display: inline-block;
float: left;
width: 100%;
}

далее найдите:

.header-inner, .footer-inner-header, .sectionblock-inner-header, .inner-center {
background: #0c84ac;
border-bottom: 0 solid #fff;
border-top: 0 solid #fff;
clear: both;
float: left;
position: relative;
width: 100%;
}
.footer-inner-content {
background-color: #0c84ac;
border-bottom: 0 solid #e1e1e1;
border-top: 0 solid #e1e1e1;
display: inline-block;
margin-bottom: -1em;
min-height: 100px;
padding-bottom: 1em;
width: 100%;
}

в них уберите background со значением.

По шапке уточните пожалуйста, в центровой части необходимо расположить белый фон с узором или без?

Дело в том, что нужно, чтобы и

Vaccina (21 Май 2015 - 05:57) писал:

Подвал не составит труда, в main.css найдите:

footer, .footer-container {
display: inline-block;
float: left;
width: 100%;
}

замените на:

footer, .footer-container {
background: #0c84ac url("ссылка на фон") repeat scroll 0 0;
display: inline-block;
float: left;
width: 100%;
}

далее найдите:

.header-inner, .footer-inner-header, .sectionblock-inner-header, .inner-center {
background: #0c84ac;
border-bottom: 0 solid #fff;
border-top: 0 solid #fff;
clear: both;
float: left;
position: relative;
width: 100%;
}
.footer-inner-content {
background-color: #0c84ac;
border-bottom: 0 solid #e1e1e1;
border-top: 0 solid #e1e1e1;
display: inline-block;
margin-bottom: -1em;
min-height: 100px;
padding-bottom: 1em;
width: 100%;
}

в них уберите background со значением.

По шапке уточните пожалуйста, в центровой части необходимо расположить белый фон с узором или без?

1. А вот теперь смотрите, во всех браузерах в подвальном фоне остаётся сверху черта, на которую background не доходит, выделено красным:



Она разной толщины в разных браузерах.

Также тут заметил проблему, что адрес и т.п. снизились и вроде этот фон сдвинул нижнюю строчку с адресом, назв. магазина и т.п. - выделено фиолетовым.

Я вот думаю, может здесь как-то так расположить бэкграунды? Чтобы они сошлись:



Эта лабуда сверху наблюдается везде кроме товара, но в товаре адресная нижняя строка тоже сдвинута.

2. В шапке я просто показал, что там разделено всё. Там аж по-моему горизонтальных разделений (областей) штуки 4. Из-за этого бэкграунд тяжело было бы свести. В шапке нужно оставить голубой фон. А к голубому также добавить этот полупрозрачный. Но я боюсь мы сегодня верхний не успеем, я бы с верхним до завтра подождал. А то будет сайт опять корявый висеть. Ещё там в шапке тоже есть черта мешающая как внизу. Там кусок от body торчит.

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

Сообщение отредактировал Andrew S.: 21 Май 2015 - 06:44

[Vaccina]

1. В main.css найдите:

.footer-inner-bottom {
  background-color: #fff;
  color: #686868;
  font-size: 11px;
  line-height: 1.4;
  padding-top: 1em;
  text-align: center;
}

замените на:

.footer-inner-bottom {
  background-color: #fff;
  color: #686868;
  font-size: 11px;
  line-height: 1.4;
  padding-top: 0px;
  text-align: center;
}

Проблему с верхней полосой не обнаружила ни в Mozilla, ни в Opera, вопрос еще актуален? Если да, то уточните пожалуйста в каком браузере можно ее пронаблюдать.

2. В main.css найдите:

.bottom-inner {
  background: #0c84ac;
  clear: both;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

замените на:

.bottom-inner {
  clear: both;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.bg > header {
  background: #0c84ac url("gplay.png") repeat scroll left bottom;
}
.sectionblock-inner-header {
  background: #0c84ac url("gplay.png") repeat scroll left top;
}

только имя файла замените на ссылки, при данном изменении, швов не должно быть видно

[Andrew S.]

Vaccina (21 Май 2015 - 06:46) писал:

1. В main.css найдите:

.footer-inner-bottom {
background-color: #fff;
color: #686868;
font-size: 11px;
line-height: 1.4;
padding-top: 1em;
text-align: center;
}

замените на:

.footer-inner-bottom {
background-color: #fff;
color: #686868;
font-size: 11px;
line-height: 1.4;
padding-top: 0px;
text-align: center;
}

Проблему с верхней полосой не обнаружила ни в Mozilla, ни в Opera, вопрос еще актуален? Если да, то уточните пожалуйста в каком браузере можно ее пронаблюдать.

2. В main.css найдите:

.bottom-inner {
background: #0c84ac;
clear: both;
display: inline-block;
margin: 0 auto;
width: 100%;
}

замените на:

.bottom-inner {
clear: both;
display: inline-block;
margin: 0 auto;
width: 100%;
}
.bg > header {
background: #0c84ac url("gplay.png") repeat scroll left bottom;
}
.sectionblock-inner-header {
background: #0c84ac url("gplay.png") repeat scroll left top;
}

только имя файла замените на ссылки, при данном изменении, швов не должно быть видно

1. Вообще в Orbitum, Maxthon. Проверил ещё Safari - и там тоже. Действительно, в Опере этого нет. И в Эксплорере нет.

Вот на рисунке ещё. В корзине:



2. Да, вроде всё ок!

Этот фон вроде подходит. Создаёт такой забавный эффект 3D. Буду думать оставить ли его! Или другой поставить. Но вроде ничего так.

3. И можно ли окрасить в белый всё что ниже самой нижней строки, что помечено как "2" на рисунке? Только чтобы в шапке часть не окрасилась в белый. У меня всё именно так происходило. Проверьте если что в Сафари это.

Всё, окрасил body и всё получилось!!!

[Andrew S.]

Вакцина, а можно ли сделать так, чтобы вот эти штуки в обычном состоянии были спрятаны и выдвигались плавно при наведении на них вниз? А лучше чтоб при нажатии, т.к. у планшетов нет мышек.

[Andrew S.]

И куда бы ещё margin-top прописать, в какой блок? Чтобы он сдвинулся вниз:



Нашёл.

Сообщение отредактировал Andrew S.: 21 Май 2015 - 11:38

[Andrew S.]

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

[Dars]

Andrew S. (22 Май 2015 - 08:59) писал:

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

Vydvig.png

Так сделать можно, только блоки с названиями являются ссылками на статьи, новости и т.п. соответственно. Ссылки тогда убрать?

[Andrew S.]

Dars (22 Май 2015 - 18:49) писал:

Так сделать можно, только блоки с названиями являются ссылками на статьи, новости и т.п. соответственно. Ссылки тогда убрать?

Да, я об этом уже подумал. Можно убрать ссылки. Я просто размещу ссылки на них в нижнем меню. Там в нижнем меню во втором ряду как раз ещё место есть.

[Andrew S.]

Прошёл месяц.. Южноафриканское перекати-поле уверенно продолжало двигаться к северному полюсу...

[Vaccina]

В main.css найдите:

.newCont {
  background-color: #fff;
  border: 0 solid #d9d9d9;
  border-radius: 0;
  position: relative;
}

замените на:

.newCont {
  background-color: #fff;
  border: 0 solid #d9d9d9;
  border-radius: 0;
  display: none;
  position: relative;
}

Далее в конец main.js вставьте:

$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
  return(false);
});

[Andrew S.]

Vaccina (28 Май 2015 - 02:00) писал:

В main.css найдите:

.newCont {
background-color: #fff;
border: 0 solid #d9d9d9;
border-radius: 0;
position: relative;
}

замените на:

.newCont {
background-color: #fff;
border: 0 solid #d9d9d9;
border-radius: 0;
display: none;
position: relative;
}

Далее в конец main.js вставьте:

$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
return(false);
});

Не развёртываются! Не отображаются кнопки развёртывания как на мини-шаблоне. Статьи открываются в новых страницах, а контакты в связи с этим вообще невозможно посмотреть.

[Andrew S.]

Помогите главное сегодня это наладить

[Vaccina]

Этот код:

$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
return(false);
});

замените на:

<script>
$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
return(false);
});
</script>

и перенесите его, поставив в шаблон HTML до </body>

[Andrew S.]

Vaccina (28 Май 2015 - 07:34) писал:

Этот код:

$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
return(false);
});

замените на:

<script>
$('.footerblock-container > div > .newHead').click(function(){
$(this).siblings('.newCont').toggle();
return(false);
});
</script>

и перенесите его, поставив в шаблон HTML до </body>

Спасибо! А можно ещё сделать так, чтобы кнопки отображались как в адаптивном и страница вниз съезжала при развёртывании? Хотя бы на то расстояние на которое развернулось то, что нажали.

Блин, верхушка сайта исчезла!!!

Как людям теперь в каталог попасть?

[Andrew S.]

Хорошо сохранил шаблон. Сохраню этот с изменениями, а пока восстановлю предыдущий.

[Vaccina]

Возобновите пожалуйста работу последнего бэк апа, при применении в разработчике скрипта в шапке никаких изменений не происходит как и должно.

[Andrew S.]

Vaccina (29 Май 2015 - 02:04) писал:

Возобновите пожалуйста работу последнего бэк апа, при применении в разработчике скрипта в шапке никаких изменений не происходит как и должно.

Вы завтра будете здесь или когда вы будете? Чтобы продолжить. Сегодня не смог, машиной срочно занимаюсь. В шапке пропадает каталог.

[Vaccina]

Сегодня ночью моя смена, буду тут.