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


Перенести 2 Кнопки В Шапке


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

#1 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 27 Октябрь 2015 - 14:52

Надо перенести кнопки :вход,регистрация и моя корзина немного правее,что бы они были примерно на уровне блока связи с администрацией,и что бы при авторизованном аккаунте кнопки:личный кабинет и выход были там же
И что бы они были активные (становились темнее при наведении),как в меню ниже
заранее спасибо!

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

  • Без имени-13.jpg


#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Октябрь 2015 - 15:09

Просмотр сообщенияTrend78 (27 Октябрь 2015 - 14:52) писал:

Надо перенести кнопки :вход,регистрация и моя корзина немного правее,что бы они были примерно на уровне блока связи с администрацией,и что бы при авторизованном аккаунте кнопки:личный кабинет и выход были там же
И что бы они были активные (становились темнее при наведении),как в меню ниже
заранее спасибо!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
ul.head {width:100%;}
ul.head li:nth-child(4), ul.head li:nth-child(5), ul.head li:nth-child(6) {float:right;}
ul.head li:nth-child(4) a, ul.head li:nth-child(5) a, ul.head li:nth-child(6) a {color:#666;}
ul.head li:nth-child(4) a:hover, ul.head li:nth-child(5) a:hover, ul.head li:nth-child(6) a:hover {color:#222}


#3 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 27 Октябрь 2015 - 22:17

Просмотр сообщенияFirefly (27 Октябрь 2015 - 15:09) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
ul.head {width:100%;}
ul.head li:nth-child(4), ul.head li:nth-child(5), ul.head li:nth-child(6) {float:right;}
ul.head li:nth-child(4) a, ul.head li:nth-child(5) a, ul.head li:nth-child(6) a {color:#666;}
ul.head li:nth-child(4) a:hover, ul.head li:nth-child(5) a:hover, ul.head li:nth-child(6) a:hover {color:#222}
Отлично! а как их сделать "живыми"?
Так же с ними переместились и 2 кнопки внизу

upd
живыми сделал
Осталось только нижние перенести обратно

upd
сделал сам




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

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