0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 2545 Просмотров
*

runyugin

  • Захожу иногда
  • 56
  • 0 / 0
Как сделать кнопки в меню, с разным размером и стилем шрифта и разным отступом друг от друга.

*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
у каждого пункта есть уникальный класс
<ul class="menu">
    <li class="item5">бла бла бла</li>
    <li class="item8">бла бла бла</li>
    <li class="item10">бла бла бла</li>
</ul>

цыфра после item - это идентификатор меню (id), его можно посмотреть в админке или в исходном коде страницы(лучше через FireBug ).

в CSS пишем:
.menu .item5 a{color: #f00;}
.menu .item8 a{color: #0f0;}
.menu .item10 a{color: #00f;}

Так же если стиль зависит не от самого пункта меню, а именно от его позиции, то можно так(это менее зависимо от конкретного сайта):

.menu li{color: #f00;} /* все пункты красим в красный */
.menu li+li{color: #0f0;} /* все что за первым пунктом - второй , третий и тд - перекрашиваем в зеленый */
.menu li+li+li{color: #00f;} /* все что за вторым пунктом - третий и тд - перекрашиваем в синий */

так же есть css3 фишка :
.menu li:nth-child(1){color: #f00;}
.menu li:nth-child(2){color: #0f0;}
.menu li:nth-child(3){color: #00f;}

но она очень слабо поддерживается браузерами пока что ((
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

runyugin

  • Захожу иногда
  • 56
  • 0 / 0


Спасибо всё здорово получилось, теперь вопрос с позиционированием ,  делаю падинг 1-ого пункта на 20 пкс вправо сдвиг, Пункт сдвигаеться но при наведении блог выделения просто растягиваеться от левого края до края сдвинутого пункта. как правильно прописывать в ксс.
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Цитировать
блог выделения
че такое блог выделения? :)
чесно, пытался понять о чем ты толкуешь - так и не врубился...может потому что у мня 4 ночи... а мож ты фигово написал так ).
переформулируй
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

runyugin

  • Захожу иногда
  • 56
  • 0 / 0
область  выделения что кнопка активна при наведении
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
фон распространяется и на паддинг, если ты об этом...
попробуй вместь паддинга юзать марджин...
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 151
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 352
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3399
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 6258
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 616
Последний ответ 12.07.2017, 21:09:01
от wectra