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


Помогите Сдвинуть Главное Меню


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

#1 Инна2013

Инна2013

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

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

Отправлено 04 Октябрь 2013 - 12:14

Требуется сдвинуть верхнее меню в право так, что бы названия разделов совпадали с баночками лака.
http://nailostrov.storeland.ru/

#2 CrazyCat

CrazyCat

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

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

Отправлено 04 Октябрь 2013 - 12:33

Просмотр сообщенияИнна2013 (04 Октябрь 2013 - 12:14) писал:

Требуется сдвинуть верхнее меню в право так, что бы названия разделов совпадали с баночками лака.
http://nailostrov.storeland.ru/

Добрый день!

Работаем с файлом main.css
найдите код
.containerin {width: 940px; margin: 0px auto; }

и замените на
.containerin {width: 940px; margin: 0px auto; margin-left: 180px;}
далее код
#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(http://nailostrov.storeland.net/tm_link_border.gif) no-repeat right top; }
и замените на
#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 11px;
  padding-left: 8px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(http://nailostrov.storeland.net/tm_link_border.gif) no-repeat right top;
  width: 63px;
}


#3 Инна2013

Инна2013

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

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

Отправлено 04 Октябрь 2013 - 12:38

супер, суперрррррррр!  Спасибо

Просмотр сообщенияCrazyCat (04 Октябрь 2013 - 12:33) писал:

Добрый день!

Работаем с файлом main.css
найдите код
.containerin {width: 940px; margin: 0px auto; }

и замените на
.containerin {width: 940px; margin: 0px auto; margin-left: 180px;}
далее код
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
background: url(http://nailostrov.storeland.net/tm_link_border.gif) no-repeat right top; }
и замените на
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 11px;
padding-left: 8px;
text-transform: uppercase;
text-decoration: none;
background: url(http://nailostrov.storeland.net/tm_link_border.gif) no-repeat right top;
width: 63px;
}


#4 Инна2013

Инна2013

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

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

Отправлено 04 Октябрь 2013 - 12:47

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

#5 CrazyCat

CrazyCat

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

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

Отправлено 04 Октябрь 2013 - 13:43

Не могли бы Вы прислать скрин, где именно нужно фон поменять?




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

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