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


Меню


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

#1 st1s

st1s

    Новичок

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

Отправлено 24 Декабрь 2011 - 12:39

Изображение

Цитата

Редактор тем - main.css - найти сл.блок:
#top-menu {
	height: 40px;
	overflow: hidden;
}


и заменить на этот:

#top-menu {
	height: 40px;
	left: 20px;
	overflow: hidden;
	position: absolute;
	top: 150px;
}

далее для управления изменять значения left и top!  Это не помогает!
Изображение

#2 Vaccina

Vaccina

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

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

Отправлено 24 Декабрь 2011 - 17:22

причина того что контентная часть запрыгивает наверх в отсутствии высоты шапки. Редактор тем - main.css -  в самом низу пишем следующее:
#header{
height:175px;
}
значение высоты можно изменить.
после этого можно двигать меню как описано в цитате только двигаться скорее всего будет без картинки.

#3 st1s

st1s

    Новичок

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

Отправлено 24 Декабрь 2011 - 18:39

Окей Спасибо помог!

#4 VmestesApple

VmestesApple

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

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

Отправлено 09 Февраль 2012 - 02:19

сайт http://podariaromat.storeland.ru/
1. меню при вставке  #top-menu {height: 40px;  left: 20px;overflow: hidden; position: absolute; top: 150px;}
   перестает быть кликабельным и появляется часть шапки. как исправить, чтобы можно было управлять местоположением меню?
2. шапка при замене стандартной съехала влево, почему? как отцентрировать?
3. как на главной странице сделать демонстрацию товаров в виде таблицы, и как в каталоге (вид таблица) добавить названия товаров? (использовал код из темы перенесения каталога в левую часть)
4.какими стилями менять метоположение поиска, номера телефонов и корзину в шапке?
5. спасибо за помощь с импортом товаром)))Vaccina, ваше терпение достойно высокой награды)))

#5 TAD-jik

TAD-jik

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

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

Отправлено 09 Февраль 2012 - 10:21

Здравсивуйте за меню отвечают вот такие стили

#top-menu {
	height: 40px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	top: 180px;
}

За менить на вот такие

#top-menu {
	height: 40px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	top: 213px;
}

За текст меню отвечает вот этот класс

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/45/44405/tm_link_border.gif") no-repeat scroll right top transparent;
	color: #ffffff;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

Заменяете на вот эти

[code]
#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/45/44405/tm_link_border.gif") no-repeat scroll right top transparent;
	color: #000000;/* !меняет цвет текста */
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

:rolleyes: Не забудьте поставить плюсик

В итоге получаем вот это

qeqweqw.JPG

:)

Сообщение отредактировал TAD-jik: 09 Февраль 2012 - 10:27





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

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