Перейти к содержимому


Как Поднять Шапку Главного Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 47

#1 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 16 Март 2013 - 16:54

1) Хочу поднять шапку в положение (верхний правый угол), как на 1 прикрепленной картинке
2) Как вставить изображение в раздел контакты , что бы стало, как на 2 прикрепленной картинке

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

  • на форум2.jpg
  • на форумм 3.jpg


#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Март 2013 - 10:35

1. Темный фон меню в шапке сайта является часть картинки фона шапки. И изменить Вы его сможете в обычном графическом редакторе

#3 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 17 Март 2013 - 10:55

Просмотр сообщенияStasya (17 Март 2013 - 10:35) писал:

1. Темный фон меню в шапке сайта является часть картинки фона шапки. И изменить Вы его сможете в обычном графическом редакторе

Я просто в графическом редакторе перенес меню туда, что бы показать, что я хочу.
Меня интересует не черную полоску перенести. а само меню главное. Надписи доставка, корзина, контакты и т.д.

#4 miyako

miyako

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

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

Отправлено 18 Март 2013 - 09:50

Просмотр сообщенияartem (17 Март 2013 - 10:55) писал:

Я просто в графическом редакторе перенес меню туда, что бы показать, что я хочу.
Меня интересует не черную полоску перенести. а само меню главное. Надписи доставка, корзина, контакты и т.д.

Добавьте код:
#mainmenu {
margin-left: 600px;
margin-top: -40px;
position: absolute;
}
в main.css (Сайт-Редактор тем)

#5 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 20 Март 2013 - 10:12

Просмотр сообщенияmiyako (18 Март 2013 - 09:50) писал:

Добавьте код:
#mainmenu {
margin-left: 600px;
margin-top: -40px;
position: absolute;
}
в main.css (Сайт-Редактор тем)
Спасибо. Все работает
Но теперь стало большое расстояние между верхним меню и слайдером (Nyvo слайдер). Как это исправить

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

  • 321.jpg


#6 miyako

miyako

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

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

Отправлено 20 Март 2013 - 11:04

Просмотр сообщенияartem (20 Март 2013 - 10:12) писал:

Спасибо. Все работает
Но теперь стало большое расстояние между верхним меню и слайдером (Nyvo слайдер). Как это исправить

Сообщите пожалуйста ваш номер аккаунта или адрес вашего сайта

#7 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 20 Март 2013 - 16:49

Просмотр сообщенияmiyako (20 Март 2013 - 11:04) писал:

Сообщите пожалуйста ваш номер аккаунта или адрес вашего сайта

_

#8 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 20 Март 2013 - 17:38

В файле "nyvo.css" найдите блок
.theme-default .nivoSlider {
position: relative;
background: #fff url(/web/upload/assets/images/133/132827/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: -50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените его на
.theme-default .nivoSlider {
position: relative;
background: #fff url(/web/upload/assets/images/133/132827/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: -50px;
margin-top: -119px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#9 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 20 Март 2013 - 18:50

Просмотр сообщенияStasya (20 Март 2013 - 17:38) писал:

В файле "nyvo.css" найдите блок
.theme-default .nivoSlider {
position: relative;
background: #fff url(/web/upload/assets/images/133/132827/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: -50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
и замените его на
.theme-default .nivoSlider {
position: relative;
background: #fff url(/web/upload/assets/images/133/132827/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: -50px;
margin-top: -119px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Слайдер поднялся. Но проблема чуть в другом. Нужно поднять именно саму линию меню,
Сейчас как на рисунке "До". Нужно поднять, как в "После"

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

  • qqq.jpg


#10 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 20 Март 2013 - 20:34

В шаблоне HTML найдите строку
<div class="content_page" >
и замените ее на
<div class="content_page" style="
	margin-top: -143px;
">


#11 artem

artem

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

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 20 Март 2013 - 21:01

Просмотр сообщенияStasya (20 Март 2013 - 20:34) писал:

В шаблоне HTML найдите строку
<div class="content_page" >
и замените ее на
<div class="content_page" style="
margin-top: -143px;
">
Спасибо, все работает

#12 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 07:04

--

#13 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 07:25

--

Сообщение отредактировал otdyh-i-son.ru: 11 Июль 2013 - 08:13


#14 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 07:58

1. при внесении подобных изменений, у меня cpages закрыли mainmenu 2? помогите, пожалуйста. И как расположить menu 2 непосредственно под основным меню??
2. стали не активны теперь ни верхнее меню, ни строка поиска, ни ссылка на корзину.
3. как теперь сделать шире и body и оба меню (top-menu и menu 2 (которое кстати исчезло под одним из слоев)?
4. как поднять теперь сам контент вверх, а именно, заголовки страниц, текст на страницах и начало каталога??

Сообщение отредактировал otdyh-i-son.ru: 11 Июль 2013 - 08:13


#15 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 11 Июль 2013 - 08:29

перед изменениями сделайте бэкап сайта

далее в коде файла Html найдите строки 488-491

<!-- end Верхний блок навигации -->
								
								
<div class="containerin" id="top-menu">

удалите их

далее найдите строку 620

<div class="clr"></div>
</div>

		<table>
<!--><meta name="c1a4aa9e3f26a268d88f3f19b820cfd2" content="">-->

и замените на код

<div class="clr"></div>
		<table>
<!--><meta name="c1a4aa9e3f26a268d88f3f19b820cfd2" content="">-->


#16 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 08:41

--

#17 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 11 Июль 2013 - 08:52

далее в файле Main.css
найдите код

#header_1 {
background: none repeat scroll 0 0 transparent;
width: 100%;
height: 237px;
}


и замените на код

#header_1 {
  background: none repeat scroll 0 0 transparent;
  height: 149px;
  margin: 0 auto;
}


найдите код

body > div {
				display: block;
				position: relative;
				left: 50%;
				margin-left: -504px;
				width: 1008px;
}

и замените на код

body > div {
				display: block;
				width: 1010px;
				margin: 0 auto;
}


найдите код

#footer_1 {
  background: none repeat scroll 0 0 transparent;
  
  width: 100%;
  height: 130px;
}

и замените на код

#footer_1 {
  background: none repeat scroll 0 0 transparent;
  
  height: 130px;
}

в файле html найдите код (строка 485-487)

<div class="content_page" style="
margin-top: -243px;
">

замените на код

<div class="content_page">

далее в файле main.css

найдите код

#header {
background: none no-repeat scroll 0 0 transparent;
padding: 0px;
margin: 0px auto;
width: 980px;
height: 238px;
background-size: cover;
float:left;
margin-left: 12px;
}

и замените на код

#header {
background: none no-repeat scroll 0 0 transparent;
padding: 0px;
margin: 0px auto;
width: 987px;
height: 117px;
background-size: cover;
float:left;
margin-left: 12px;
}


#18 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 08:56

--

#19 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 11 Июль 2013 - 09:00

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

  #top-menu {background: white; height: 40px;overflow: hidden; margin-left: 0px;margin-top: -80px;position: absolute;border-radius: 20px 20px 0px 0px;}


и замените на код

  #top-menu {background: white; height: 69px;overflow: hidden; margin-left: 0px;margin-top: -80px;position: absolute;border-radius: 20px 20px 0px 0px;}


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

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/45/44050/cpage-top-bg.jpg") repeat scroll 0 0 transparent;
	margin-top: -82px;
	border: 3px solid #ffffff;
	border-radius: 0px 0px 20px 20px;
}


и замените на код

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/45/44050/cpage-top-bg.jpg") repeat scroll 0 0 transparent;
   
	border: 3px solid #ffffff;
	border-radius: 0px 0px 20px 20px;
}

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

теперь у вас все должно быть расположено как вы писали в сообщении.

#20 Flor@@

Flor@@

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

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

Отправлено 11 Июль 2013 - 09:04

--




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

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