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


Как Сместить Главное Меню?


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

#1 k4kids

k4kids

    Новичок

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

Отправлено 12 Сентябрь 2011 - 16:52

Спасите! Я уже все перечитала и перепробовала - никак не могу сместить главное меню (целиком) ниже. Дело в том, что я сделала нестандартную по размеру шапку, и теперь мне необходимо сдвинуть всю полосу главного меню ниже. Кроме того, никак не найду, где поменять цвет заголовка "КАТАЛОГ ТОВАРОВ". Help!!! http://k4kids.storeland.ru/

#2 Vaccina

Vaccina

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

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

Отправлено 12 Сентябрь 2011 - 19:41

Попробуйте сделать следующее - в файле стилей main.css найти

#top-menu {
	height: 180px;
	overflow: hidden;
}

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/17/16591/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

далее заменить на

#top-menu {
	height: 180px;
	margin-top: 210px;
	overflow: hidden;
}

#cpages {
	background: url("http://img.storeland.ru/web/upload/assets/images/17/16591/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	margin-top: -160px;
	padding-top: 10px;
}

для изменения цвета "КАТАЛОГ ТОВАРОВ" используйте класс
.leftmenu li h2 a {
	color: #006699;
}

далее меняйте свойство color

#3 k4kids

k4kids

    Новичок

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

Отправлено 13 Сентябрь 2011 - 13:33

Спасибо за оперативный и понятный ответ! Сразу всё получилось ))

#4 Snedi

Snedi

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

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

Отправлено 26 Январь 2012 - 12:19

здрасть я тож новичек во всем этом. И мне тож нужна помощь помогите опустил меню но оно не активно (Главная Доставка Корзина Каталог товаров) вот название сайта http://uggivalenki.storeland.ru/

#5 Snedi

Snedi

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

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

Отправлено 26 Январь 2012 - 12:28

Просмотр сообщенияSnedi (26 Январь 2012 - 12:19) писал:

здрасть я тож новичек во всем этом. И мне тож нужна помощь помогите опустил меню но оно не активно (Главная Доставка Корзина Каталог товаров) вот название сайта http://uggivalenki.storeland.ru/
уже не нада спс..

#6 ConstantinRS

ConstantinRS

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

Отправлено 22 Июнь 2012 - 09:50

Просмотр сообщенияVaccina (12 Сентябрь 2011 - 19:41) писал:

Попробуйте сделать следующее - в файле стилей main.css найти

#top-menu {
	height: 180px;
	overflow: hidden;
}


Здравствуйте. К сожалению в скрипте темы "Мокко" пункта top-menu найти мне не удалось. Уже рендомом менял все походие значения- смотрел изменения. Увы мои старания успехом не увенчались. Подскажите, пожалуйста, что необходимо для смещения главного меню и пункта "в корзине товаров на:.." вниз на теме "Мокко"?

#7 ConstantinRS

ConstantinRS

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений
  • ГородЧелябинск

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

Просмотр сообщенияConstantinRS (22 Июнь 2012 - 09:50) писал:

Здравствуйте. К сожалению в скрипте темы "Мокко" пункта top-menu найти мне не удалось. Уже рендомом менял все походие значения- смотрел изменения. Увы мои старания успехом не увенчались. Подскажите, пожалуйста, что необходимо для смещения главного меню и пункта "в корзине товаров на:.." вниз на теме "Мокко"?


Не актуально. Нашёл. Меняется в #header {position: relative;width: 960px;height: 200px;margin: 0 auto;} значение height:   :rolleyes:

#8 Maxman

Maxman

    Новичок

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

Отправлено 19 Июль 2012 - 15:51

Передела главное меню , изменив шаблон темы Сияние , но новые эелемнты блокируют старые и каталог товаров сместился , помогите пожалуйста разобраться , сайт crazybanan.ru

#9 Vaccina

Vaccina

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

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

Отправлено 19 Июль 2012 - 16:15

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

<li>
<a href="#">
<h2 class="sti-item" data-type="mText">Advanced Patient Care</h2>

<h3 class="sti-item" data-type="sText">Personalized to your needs</h3>

<span class="sti-icon sti-icon-care sti-item" data-type="icon"></span>

</a>
</li>

Возможно вы забыли указать ссылку
<a href="#">
?

Так же у вас присутствует ошибка javascript, она связана с повторным подключением jquery на страницу. Удалите подключения

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<script type="text/javascript" src="/web/upload/assets/js/112/111945/jquery.easing.1.3.js"></script>


#10 Maxman

Maxman

    Новичок

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

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

реализовать хочу вото это меню вместо главного http://tympanus.net/...u/example1.html

#11 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2012 - 17:59

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

#12 oleg2083

oleg2083

    Продвинутый пользователь

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

Отправлено 24 Февраль 2013 - 10:57

как сделать чтоб при наведении курсора под записью  в меню отображался список активных ссылок Изображение

#13 miyako

miyako

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

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

Отправлено 24 Февраль 2013 - 11:00

Просмотр сообщенияoleg2083 (24 Февраль 2013 - 10:57) писал:

как сделать чтоб при наведении курсора под записью  в меню отображался список активных ссылок Изображение

Ответ на ваш вопрос мы можете найти в этой теме - http://forum.storela...ыпадающее-меню/

#14 oleg2083

oleg2083

    Продвинутый пользователь

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

Отправлено 24 Февраль 2013 - 11:21

как сделать чтоб  надписи ссылки  подсвечивались другим цветом когда на них наводишь курсорИзображение

#15 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 24 Февраль 2013 - 19:22

Просмотр сообщенияoleg2083 (24 Февраль 2013 - 11:21) писал:

как сделать чтоб  надписи ссылки  подсвечивались другим цветом когда на них наводишь курсор
За это отвечает изображение lm-bg.jpg и класс
.leftmenu li li a:hover {
		background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/lm-bg.jpg") repeat-x scroll left bottom transparent;
}

так же можно воспользоваться не картинкой,а кодом будет выглядеть так
} .leftmenu li li a:hover {
  background-color:#fff666; repeat-x left bottom;

где background-color:#fff666; цвет при наведение курсора

#16 oleg2083

oleg2083

    Продвинутый пользователь

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

Отправлено 25 Февраль 2013 - 09:59

Просмотр сообщенияMikola (24 Февраль 2013 - 19:22) писал:

За это отвечает изображение lm-bg.jpg и класс
.leftmenu li li a:hover {
	 background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/lm-bg.jpg") repeat-x scroll left bottom transparent;
}

так же можно воспользоваться не картинкой,а кодом будет выглядеть так
} .leftmenu li li a:hover {
background-color:#fff666; repeat-x left bottom;

где background-color:#fff666; цвет при наведение курсора



где нужно это испльзовать

#17 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 25 Февраль 2013 - 10:06

Просмотр сообщенияoleg2083 (25 Февраль 2013 - 09:59) писал:

где нужно это испльзовать

Просмотр сообщенияoleg2083 (25 Февраль 2013 - 09:59) писал:


где нужно это испльзовать
Нужно зайти в редактор тем-после чего файл main.css

#18 oleg2083

oleg2083

    Продвинутый пользователь

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

Отправлено 25 Февраль 2013 - 10:39

Просмотр сообщенияMikola (25 Февраль 2013 - 10:06) писал:

[size=4]
Нужно зайти в редактор тем-после чего файл main.css


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

Просмотр сообщенияoleg2083 (25 Февраль 2013 - 10:38) писал:

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

надписи расположенные на главной под надписью каталог товаров

#19 Koderhan

Koderhan

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

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

Отправлено 25 Февраль 2013 - 14:16

В файле "main.css".
Найти код:
.leftmenu li li a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: none;
}
Заменить:
.leftmenu li li a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #999999;
  text-decoration: none;
  font-weight:bold;/*стиль шрифта*/
}


#20 oleg2083

oleg2083

    Продвинутый пользователь

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

Отправлено 25 Февраль 2013 - 21:05

Изображениекак сместить корзину и поставить вместо нее другую картинку




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

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