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

[Скорая Керамическая Помощь]

Здравствуйте!
Помогите пожалуйста, реализовать задумку!
Как на сайте сделать так, чтобы при скроллинге шапка оставалась на месте?
Заранее спасибо!
Сайт Tile-911.ru

[RayLi]

Tina-Valentina (03 Март 2017 - 03:24) писал:

Здравствуйте!
Помогите пожалуйста, реализовать задумку!
Как на сайте сделать так, чтобы при скроллинге шапка оставалась на месте?
Заранее спасибо!
Сайт Tile-911.ru

Здравствуйте.
Если я вас правильно понял, то в данном случае попробуйте, пожалуйста, произвести следующий изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

#header-top {
	background: #3f3f3f;
	height: 42px;
}

И замените его вот этим вот кодом:

#header-top {
	background: #3f3f3f;
	height: 42px;
	position: fixed;
	z-index: 999999;
}

Далее  том же шаблоне найдите, пожалуйста, следующий код:

#header {
	text-align: center;
}

И замените его этим вот кодом:

#header {
	text-align: center;
	padding-top: 50px;
}

[Скорая Керамическая Помощь]

RayLi (03 Март 2017 - 10:14) писал:

Здравствуйте.
Если я вас правильно понял, то в данном случае попробуйте, пожалуйста, произвести следующий изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

#header-top {
background: #3f3f3f;
height: 42px;
}

И замените его вот этим вот кодом:

#header-top {
background: #3f3f3f;
height: 42px;
position: fixed;
z-index: 999999;
}

Далее  том же шаблоне найдите, пожалуйста, следующий код:

#header {
text-align: center;
}

И замените его этим вот кодом:

#header {
text-align: center;
padding-top: 50px;
}

Добрый день! Спасибо за оперативный ответ! Но что-то не получилось у меня

[RayLi]

Tina-Valentina (03 Март 2017 - 13:20) писал:

Добрый день! Спасибо за оперативный ответ! Но что-то не получилось у меня

К сожалению на вашем сайте отсутствуют требуемые изменения.
Пожалуйста, повторите инструкцию выше, чтобы реализовать их.
Спасибо.

[Скорая Керамическая Помощь]

RayLi (03 Март 2017 - 13:27) писал:

К сожалению на вашем сайте отсутствуют требуемые изменения.
Пожалуйста, повторите инструкцию выше, чтобы реализовать их.
Спасибо.

а я сделала и удалила. Хорошо, повторю.

RayLi (03 Март 2017 - 13:27) писал:

К сожалению на вашем сайте отсутствуют требуемые изменения.
Пожалуйста, повторите инструкцию выше, чтобы реализовать их.
Спасибо.

Ну все, повторила.

[RayLi]

Tina-Valentina (03 Март 2017 - 13:35) писал:

а я сделала и удалила. Хорошо, повторю.

Ну все, повторила.

Теперь на вашем сайте отображается всё корректно и как требовалось.
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.

[Скорая Керамическая Помощь]

RayLi (03 Март 2017 - 14:05) писал:

Теперь на вашем сайте отображается всё корректно и как требовалось.
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.

Большое спасибо! Только сейчас поняла, где наша шапка !

[Скорая Керамическая Помощь]

RayLi (03 Март 2017 - 14:05) писал:

Теперь на вашем сайте отображается всё корректно и как требовалось.
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.

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

Прикрепленные изображения

• 

[Скорая Керамическая Помощь]

RayLi (03 Март 2017 - 14:05) писал:

Теперь на вашем сайте отображается всё корректно и как требовалось.
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.

Добрый день! Я жду с нетерпением Вашего ответа на Выше написанный пост! )) Спасибо!

[Stasya]

Скорая Керамическая Помощь (03 Март 2017 - 14:49) писал:

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

Здравствуйте. Простите за длительное ожидание ответа. Произвела Вас изменения на сайте. Проверьте, пожалуйста.

[Скорая Керамическая Помощь]

Stasya (13 Март 2017 - 10:11) писал:

Здравствуйте. Простите за длительное ожидание ответа. Произвела Вас изменения на сайте. Проверьте, пожалуйста.

Stasya, огромное спасибо! Вы просто волшебница!!!!

[Скорая Керамическая Помощь]

Stasya (13 Март 2017 - 10:11) писал:

Здравствуйте. Простите за длительное ожидание ответа. Произвела Вас изменения на сайте. Проверьте, пожалуйста.

Stasya (13 Март 2017 - 10:11) писал:

Здравствуйте. Простите за длительное ожидание ответа. Произвела Вас изменения на сайте. Проверьте, пожалуйста.

У меня проблемы на страничке. После этой   корректировки пол текста пропадает...
http://tile-911.ru/p...tka-dlya-vannoj
http://tile-911.ru/p...itka-dlya-kuhni
И везде первая часть страницы пропадает ((

[Скорая Керамическая Помощь]

Stasya (13 Март 2017 - 10:11) писал:

Здравствуйте. Простите за длительное ожидание ответа. Произвела Вас изменения на сайте. Проверьте, пожалуйста.

Добрый вечер! Срочно Ваша помощь нужна! У нас реклама идет по маркету, а на сайте первая часть страницы не видна. http://tile-911.ru/g...od_id=111262650

[Миромарт]

А можно сделать так, чтобы не только верхняя менюшка была статична, а вся шапка?

[Stasya]

Скорая Керамическая Помощь (13 Март 2017 - 17:21) писал:

У меня проблемы на страничке. После этой   корректировки пол текста пропадает...
http://tile-911.ru/p...tka-dlya-vannoj
http://tile-911.ru/p...itka-dlya-kuhni
И везде первая часть страницы пропадает ((

Здравствуйте. Не совсем Вас понимаю. Сейчас без скрола сайт выглядит как на первой прикрепленной картинке. При скроле как на второй. Поскольку шапка у Вас фиксированная, то при скроле часть информации на странице будет скрыта за ней. Возможно, я не правильно Вас поняла. Не могли бы прислать скриншот того как выглядит это у Вас.

Прикрепленные изображения

• 
• 

[Скорая Керамическая Помощь]

Stasya (14 Март 2017 - 12:38) писал:

Здравствуйте. Не совсем Вас понимаю. Сейчас без скрола сайт выглядит как на первой прикрепленной картинке. При скроле как на второй. Поскольку шапка у Вас фиксированная, то при скроле часть информации на странице будет скрыта за ней. Возможно, я не правильно Вас поняла. Не могли бы прислать скриншот того как выглядит это у Вас.

Добрый день, утром сделали дополнительные правки. Спасибо!

[Скорая Керамическая Помощь]

Доброе утро! Помогите пожалуйста мне воплотить идею на сайте! Скрин в прицепе.
Спасибо!

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь»​ могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit">
<span class="title_brend">Бренды: </span>
<ul class="mainnav">
{%IFNOT catalog_full_empty%}

перед ним вставьте:

<div class="general_cat">
<ul>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li>
</ul>
</div>

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

Далее зайдите в main.css и в самом конце добавьте:

.general_cat {
width: 100%;
text-align: center;
}
.general_cat li {
display: inline-block;
margin: 0 10px;
background: rgba(0,0,0,0.5);
}
.general_cat li a {
padding: 10px;
color: #ffffff;
display: block;
}
.general_cat li a img {
max-width: 30px;
}

[Скорая Керамическая Помощь]

Vaccina (29 Апрель 2017 - 07:14) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь»​ могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit">
<span class="title_brend">Бренды: </span>
<ul class="mainnav">
{%IFNOT catalog_full_empty%}

перед ним вставьте:

<div class="general_cat">
<ul>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li>
</ul>
</div>

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

Далее зайдите в main.css и в самом конце добавьте:

.general_cat {
width: 100%;
text-align: center;
}
.general_cat li {
display: inline-block;
margin: 0 10px;
background: rgba(0,0,0,0.5);
}
.general_cat li a {
padding: 10px;
color: #ffffff;
display: block;
}
.general_cat li a img {
max-width: 30px;
}

Добрый вечер! Большое спасибо! Напишите пожалуйста размер иконки.

[Скорая Керамическая Помощь]

Vaccina (29 Апрель 2017 - 07:14) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь»​ могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit">
<span class="title_brend">Бренды: </span>
<ul class="mainnav">
{%IFNOT catalog_full_empty%}

перед ним вставьте:

<div class="general_cat">
<ul>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li>
<li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li>
</ul>
</div>

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

Далее зайдите в main.css и в самом конце добавьте:

.general_cat {
width: 100%;
text-align: center;
}
.general_cat li {
display: inline-block;
margin: 0 10px;
background: rgba(0,0,0,0.5);
}
.general_cat li a {
padding: 10px;
color: #ffffff;
display: block;
}
.general_cat li a img {
max-width: 30px;
}

Напишите пожалуйста, как найти ссылку на новинки ?