Как Поднять Шапку Главного Меню
#1
Отправлено 16 Март 2013 - 16:54
2) Как вставить изображение в раздел контакты , что бы стало, как на 2 прикрепленной картинке
#2
Отправлено 17 Март 2013 - 10:35
#3
Отправлено 17 Март 2013 - 10:55
Stasya (17 Март 2013 - 10:35) писал:
Я просто в графическом редакторе перенес меню туда, что бы показать, что я хочу.
Меня интересует не черную полоску перенести. а само меню главное. Надписи доставка, корзина, контакты и т.д.
#4
Отправлено 18 Март 2013 - 09:50
artem (17 Март 2013 - 10:55) писал:
Меня интересует не черную полоску перенести. а само меню главное. Надписи доставка, корзина, контакты и т.д.
Добавьте код:
#mainmenu { margin-left: 600px; margin-top: -40px; position: absolute; }в main.css (Сайт-Редактор тем)
#5
Отправлено 20 Март 2013 - 10:12
miyako (18 Март 2013 - 09:50) писал:
#mainmenu { margin-left: 600px; margin-top: -40px; position: absolute; }в main.css (Сайт-Редактор тем)
Но теперь стало большое расстояние между верхним меню и слайдером (Nyvo слайдер). Как это исправить
#8
Отправлено 20 Март 2013 - 17:38
.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
Отправлено 20 Март 2013 - 18:50
Stasya (20 Март 2013 - 17:38) писал:
.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; }
Слайдер поднялся. Но проблема чуть в другом. Нужно поднять именно саму линию меню,
Сейчас как на рисунке "До". Нужно поднять, как в "После"
#10
Отправлено 20 Март 2013 - 20:34
<div class="content_page" >и замените ее на
<div class="content_page" style=" margin-top: -143px; ">
#12
Отправлено 11 Июль 2013 - 07:04
#13
Отправлено 11 Июль 2013 - 07:25
Сообщение отредактировал otdyh-i-son.ru: 11 Июль 2013 - 08:13
#14
Отправлено 11 Июль 2013 - 07:58
2. стали не активны теперь ни верхнее меню, ни строка поиска, ни ссылка на корзину.
3. как теперь сделать шире и body и оба меню (top-menu и menu 2 (которое кстати исчезло под одним из слоев)?
4. как поднять теперь сам контент вверх, а именно, заголовки страниц, текст на страницах и начало каталога??
Сообщение отредактировал otdyh-i-son.ru: 11 Июль 2013 - 08:13
#15
Отправлено 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
Отправлено 11 Июль 2013 - 08:41
#17
Отправлено 11 Июль 2013 - 08:52
найдите код
#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
Отправлено 11 Июль 2013 - 08:56
#19
Отправлено 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
Отправлено 11 Июль 2013 - 09:04
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных