Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Меню И Фон

Автор Гиперслон, 21 июля 2014 22:32

Мокко Меню Фон

Авторизуйтесь для ответа в теме

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

#1 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 21 Июль 2014 - 22:32

Добрый день! Помогите, пожалуйста, подвинуть меню; сделать так, чтобы фон повторялся на всей странице; исправить баг в шапке, который заключается в том, что при просмотре в маленьком окне картинка в шапке обрезается с правого края.

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

Наверх

#2 Сake

Активный участник

Модератоpы
5 979 сообщений

Отправлено 21 Июль 2014 - 22:46

У вас используется изображение шапки непосредственно с текстом (в поле поиска, номер телефона, навигация "Главная", "Контакты"...). Корректно такую шапку оформить не получится. Вам необходим исходное изображение шапки без текста.

Наверх

#3 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 22 Июль 2014 - 07:19

Сake (21 Июль 2014 - 22:46) писал:

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

Наверх

#4 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 22 Июль 2014 - 10:24

Гиперслон (21 Июль 2014 - 22:32) писал:

Здравствуйте, что бы фон повторялся найдите в main.css

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

замените на

#contentWrap {clear: both;/*background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;*/}

Наверх

#5 Сake

Активный участник

Модератоpы
5 979 сообщений

Отправлено 23 Июль 2014 - 00:53

Найдите в вашем файле стилей main.css

#searchPanel {
  position: absolute;
  right: -40px;
  top: 180px;
}

и замените на

#searchPanel {
  position: absolute;
  right: 29px;
  top: 163px;
}

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

input#keywords {
  background: none;
  border: medium none;
  color: #ffffff;
  font-size: 1em;
  height: 37px;
  margin: 0;
  padding: 0.25em;
  width: 200px;
}

и замените на

input#keywords {
  background: none;
  border: medium none;
  color: #ffffff;
  font-size: 1em;
  height: 37px;
  margin: 0;
  padding: 0.25em;
  width: 165px;
}

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

#header {
  height: 266px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

и замените на

#header {
  height: 239px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

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

#mainNav {
  background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;
  bottom: 0;
  height: 35px;
  left: 5px;
  position: absolute;
}

и замените на

#mainNav {
  bottom: 45px;
  height: 30px;
  left: 30px;
  overflow: hidden;
  position: absolute;
  width: 680px;
}

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

#mainNav table {
  background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat right bottom;
  border-collapse: collapse;
  border-spacing: 0;
  float: left;
  height: 30px;
  margin: auto;
  padding: 5px 5px 0 0;
}

и замените на

#mainNav table {
  border-collapse: collapse;
  border-spacing: 0;
  float: left;
  height: 30px;
  margin: auto;
  padding: 5px 5px 0 0;
}

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

#mainNav table td div {
  background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x left bottom #fff;
  float: left;
  font-size: 1.25em;
  height: 30px;
  line-height: 1.3333em;
}

и замените на

#mainNav table td div {
  float: left;
  font-size: 1.25em;
  height: 30px;
  line-height: 1.3333em;
}

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

#mainNav table td div a:link, #mainNav table td div a:visited {
  background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x left bottom;
  color: #666;
  display: block;
  height: 26px;
  padding: 4px 10px 0;
}

и замените на

#mainNav table td div a:link, #mainNav table td div a:visited {
  color: #fff;
  display: block;
  font-size: 16px;
  height: 26px;
  padding: 4px 14px 0;
}

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

#header #title {
  bottom: 44px;
  margin: 0;
  position: absolute;
  right: 10px;
  width: 420px;
}

и замените на

#header #title {
  bottom: 100px;
  color: #fff;
  left: 10px;
  margin: 0;
  position: absolute;
  width: 420px;
}

далее в шаблоне "HTML" найдите

search_button.gif

и замените название изображения на ваше название изображения кнопки поиска.

Наверх

#6 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 23 Июль 2014 - 20:36

Ирина345 (22 Июль 2014 - 10:24) писал:

Здравствуйте, что бы фон повторялся найдите в main.css

#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}

замените на

#contentWrap {clear: both;/*background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;*/}

Большое спасибо, сработало!

Сake (23 Июль 2014 - 00:53) писал:

Найдите в вашем файле стилей main.css

#searchPanel {
position: absolute;
right: -40px;
top: 180px;
}

и замените на

#searchPanel {
position: absolute;
right: 29px;
top: 163px;
}

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

input#keywords {
background: none;
border: medium none;
color: #ffffff;
font-size: 1em;
height: 37px;
margin: 0;
padding: 0.25em;
width: 200px;
}

и замените на

input#keywords {
background: none;
border: medium none;
color: #ffffff;
font-size: 1em;
height: 37px;
margin: 0;
padding: 0.25em;
width: 165px;
}

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

#header {
height: 266px;
margin: 0 auto;
position: relative;
width: 960px;
}

и замените на

#header {
height: 239px;
margin: 0 auto;
position: relative;
width: 960px;
}

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

#mainNav {
background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;
bottom: 0;
height: 35px;
left: 5px;
position: absolute;
}

и замените на

#mainNav {
bottom: 45px;
height: 30px;
left: 30px;
overflow: hidden;
position: absolute;
width: 680px;
}

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

#mainNav table {
background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat right bottom;
border-collapse: collapse;
border-spacing: 0;
float: left;
height: 30px;
margin: auto;
padding: 5px 5px 0 0;
}

и замените на

#mainNav table {
border-collapse: collapse;
border-spacing: 0;
float: left;
height: 30px;
margin: auto;
padding: 5px 5px 0 0;
}

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

#mainNav table td div {
background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x left bottom #fff;
float: left;
font-size: 1.25em;
height: 30px;
line-height: 1.3333em;
}

и замените на

#mainNav table td div {
float: left;
font-size: 1.25em;
height: 30px;
line-height: 1.3333em;
}

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

#mainNav table td div a:link, #mainNav table td div a:visited {
background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x left bottom;
color: #666;
display: block;
height: 26px;
padding: 4px 10px 0;
}

и замените на

#mainNav table td div a:link, #mainNav table td div a:visited {
color: #fff;
display: block;
font-size: 16px;
height: 26px;
padding: 4px 14px 0;
}

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

#header #title {
bottom: 44px;
margin: 0;
position: absolute;
right: 10px;
width: 420px;
}

и замените на

#header #title {
bottom: 100px;
color: #fff;
left: 10px;
margin: 0;
position: absolute;
width: 420px;
}

далее в шаблоне "HTML" найдите

search_button.gif

и замените название изображения на ваше название изображения кнопки поиска.

Огромное спасибо! Всё получилось!

Наверх

#7 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 28 Июль 2014 - 23:16

Сегодня заметил, что в IE не отображается фон основного блока. Оказывается, IE не понимает rgba. Также в IE съезжает слово поиск относительно шапки. Подскажите, пожалуйста, как сделать, чтобы в IE отображалось всё нормально?

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

Наверх

#8 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 29 Июль 2014 - 02:59

Попробуйте в шаблоне HTML найти и удалить:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Наверх

#9 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 30 Июль 2014 - 22:08

Vaccina (29 Июль 2014 - 02:59) писал:

Попробуйте в шаблоне HTML найти и удалить:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Спасибо, помогло!

Наверх

#10 Гиперслон

Пользователь

Пользователи
16 сообщений

Отправлено 08 Август 2014 - 20:41

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

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

Наверх

#11 batta

Активный участник

Пользователи
1 142 сообщений

ГородНижний Новгород

Отправлено 08 Август 2014 - 21:06

Гиперслон (08 Август 2014 - 20:41) писал:

Здравствуйте.
В main.css

#mainNav {
bottom: 43px;
height: 30px;
left: 10px;
overflow: hidden;
position: absolute;
width: 800px;
}

измените на

#mainNav {
bottom: 43px;
height: 30px;
left: 10px;
overflow: hidden;
position: absolute;
width: 730px;
}

Наверх

#12 A-start

Пользователь

Пользователи
20 сообщений

Отправлено 24 Ноябрь 2014 - 12:48

Как можно добавить фон на меню (слева как во вложении) что бы он подгонялся под само меню, то есть если меню раскрывается то и фон соответсвенно с ним

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

Наверх

#13 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 24 Ноябрь 2014 - 12:51

A-start (24 Ноябрь 2014 - 12:48) писал:

В main.css найдите код

#subNavigation {
width: 170px;
}

и замените на

#subNavigation {
width: 170px;
background: #FF0;
}

Изменяйте цвет #FF0 на свой

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами Мокко, Меню, Фон

Вопросы работы сервиса StoreLand → Другие вопросы → Изменение Url'a Ссылки Навигационного Меню Автор Гость_smoke_story_* , 05 нояб. 2019 Навигация, Меню и 4 еще...	3 Ответов 3 090 Просмотров	Vaccina 16 нояб. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Изменение общей стилистики → Фон Автор Гость_bok_* , 13 окт. 2019 фон	4 Ответов 1 368 Просмотров	stasia 27 янв. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Каталог товаров → Сделать Выпадающее Меню Автор Гость_arpico-latex_* , 16 янв. 2019 выпадающее, меню	3 Ответов 1 394 Просмотров	Vaccina 22 янв. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 134 Просмотров	Olga1215 16 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Другое → Убрать Строку-Меню Перед Подвалом Автор Гость_Olivka_* , 14 июня 2018 подвал, меню	2 Ответов 1 816 Просмотров	Vaccina 15 июня 2018

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Меню И Фон

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

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

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

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

Темы с аналогичным тегами Мокко, Меню, Фон

Количество пользователей, читающих эту тему: 0

Войти

Google поиск