Сообщений в теме: 10

[skipperok13]

1. Подскажите пожалуйста, как поменять кнопки меню? Ваще как это делается? Допустим я хочу нарисовать свои кнопочки или взять готовые и поставить.

2. Необходимо отровнять блоки и кнопки меню:

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

• 

[ne_yana]

skipperok13 (28 Октябрь 2013 - 19:45) писал:

1. Подскажите пожалуйста, как поменять кнопки меню? Ваще как это делается? Допустим я хочу нарисовать свои кнопочки или взять готовые и поставить.

2. Необходимо отровнять блоки и кнопки меню:

Здравствуйте, Вы можете изменить фон кнопок меню на свой, заменив в файле main.css

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

на

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: url('{ASSETS_IMAGES_PATH}название фона.jpg')!important;
color: black;
}

,
предварительно закачав его на сайт.

Уточните, пожалуйста, что и как Вы хотите отровнять? Если Вы хотите подвинуть меню чуть левее, то замените

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

на

#top-menu {
height: 40px;
overflow: hidden;
margin-left: 6px;
}

[skipperok13]

ne_yana (28 Октябрь 2013 - 19:58) писал:

Здравствуйте, Вы можете изменить фон кнопок меню на свой, заменив в файле main.css

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

на

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: url('{ASSETS_IMAGES_PATH}название фона.jpg')!important;
color: black;
}

,
предварительно закачав его на сайт.

Уточните, пожалуйста, что и как Вы хотите отровнять? Если Вы хотите подвинуть меню чуть левее, то замените

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

на

#top-menu {
height: 40px;
overflow: hidden;
margin-left: 6px;
}

Отровнять хочу кнопки меню блок с главной страницей по слайдеру по правой стороне.

[Vaccina]

Найдите в файле стилей main.css класс

#mainmenu li a {
  background: #FFFFFF;
  color: #000000;
  display: block;
  float: left;
  font: bold 16px/33px Arial,Helvetica,sans-serif;
  margin: 0 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  text-transform: uppercase;
  width: 94px;
}

и замените его на

#mainmenu li a {
  background: #FFFFFF;
  color: #000000;
  display: block;
  float: right;
  font: bold 16px/33px Arial,Helvetica,sans-serif;
  margin: 0 11px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  text-transform: uppercase;
  width: 94px;
}

[skipperok13]

Vaccina (29 Октябрь 2013 - 04:36) писал:

Найдите в файле стилей main.css класс

#mainmenu li a {
background: #FFFFFF;
color: #000000;
display: block;
float: left;
font: bold 16px/33px Arial,Helvetica,sans-serif;
margin: 0 10px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
text-transform: uppercase;
width: 94px;
}

и замените его на

#mainmenu li a {
background: #FFFFFF;
color: #000000;
display: block;
float: right;
font: bold 16px/33px Arial,Helvetica,sans-serif;
margin: 0 11px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
text-transform: uppercase;
width: 94px;
}

У меня код немного не такой, и поменяв ничего не поменялось.

[ne_yana]

skipperok13 (29 Октябрь 2013 - 12:15) писал:

У меня код немного не такой, и поменяв ничего не поменялось.

Здравствуйте, нужно заменить

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

на

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: right;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

Меню под слайдером станет выровненным по правому краю. Если Вы имели ввиду что-то другое, то прикрепите, пожалуйста, скрин.

[skipperok13]

ne_yana (29 Октябрь 2013 - 12:24) писал:

Здравствуйте, нужно заменить

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

на

#mainmenu li a {
font: bold 16px/33px Arial, Helvetica, sans-serif;
display: block;
float: right;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
margin: 0 10px;
width: 94px;
background: white;
color: black;
}

Меню под слайдером станет выровненным по правому краю. Если Вы имели ввиду что-то другое, то прикрепите, пожалуйста, скрин.

Теперь слева отступ =(

[ne_yana]

skipperok13 (29 Октябрь 2013 - 12:36) писал:

Теперь слева отступ =(

Измените в этом коде

padding-right: 15px;
padding-left: 15px;

на

padding-right: 17px;
padding-left: 17px;

[skipperok13]

ne_yana (29 Октябрь 2013 - 12:40) писал:

Измените в этом коде

padding-right: 15px;
padding-left: 15px;

на

padding-right: 17px;
padding-left: 17px;

Ничего не поменялось)

[ne_yana]

skipperok13 (29 Октябрь 2013 - 12:56) писал:

Ничего не поменялось)

Не могу зайти на Ваш сайт, чтобы посмотреть.

[skipperok13]

ne_yana (29 Октябрь 2013 - 13:02) писал:

Не могу зайти на Ваш сайт, чтобы посмотреть.

Все получилось спасибо)) А так вот сайт