Каждому пункту по своей иконке
|
|
|
Дата: Четверг, 26.05.2011, 12.19.00 | Сообщение # 1 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Как сделать (в css) чтоб у каждого пункта меню была своя иконка? (спрайты не умею делать и подключать)
|
|
|
|
|
Дата: Четверг, 26.05.2011, 15.35.06 | Сообщение # 2 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Присваиваешь каждому пункту свой class, например для главной home, для форума forum и тд. Пример: Code <ul> <li href="home"><a class="home">Главная</a></li> <li href="forum"><a class="forum">Форум</a></li> ... </ul> В CSS это будет выглядеть примерно так Code ul li.home a { background-image: url(картинка_для_главной) no-repeat; padding-left: 18px; } ul li.forum a { background-image: url(картинка_для_форума) no-repeat; padding-left: 18px; } Значение padding-left может меняться, в зависимости от размера иконки
|
|
|
|
|
Дата: Пятница, 27.05.2011, 08.58.45 | Сообщение # 3 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Чегот не получилось, только те пункты меню (к которым подключал) стали такими будто на них перешел
|
|
|
|
|
Дата: Пятница, 27.05.2011, 10.00.06 | Сообщение # 4 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Vladjet, так а цвета кто за тебя делать будет? Я привел пример того как это должно быть. Вся остальная работа (настройка, дизайн и тп) в твоих руках.
|
|
|
|
|
Дата: Пятница, 27.05.2011, 10.11.52 | Сообщение # 5 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| я подключал через конструктор меню, разве оно не сохроняет стиль? или так нельзя, надо писать ссылками?
|
|
|
|
|
Дата: Пятница, 27.05.2011, 17.01.05 | Сообщение # 6 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Vladjet, надо сразу было говорить что через конструктор меню... Я точно не знаю (им не пользуюсь), но там вроде нельзя каждому пункту вносить свой class, поэтому вариант пока только один: делать так как я указал во 2 сообщении
|
|
|
|
|
Дата: Пятница, 27.05.2011, 21.40.26 | Сообщение # 7 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| не хочу показаться занудой, но вот Доступно только для пользователей
|
|
|
|
|
Дата: Пятница, 27.05.2011, 21.57.21 | Сообщение # 8 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Vladjet, замени background-image на background
|
|
|
|
|
Дата: Пятница, 27.05.2011, 22.27.11 | Сообщение # 9 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Reysler, спасибо) ты не знаешь как убрать те кружочки возле каждого пункта?
|
|
|
|
|
Дата: Воскресенье, 29.05.2011, 15.09.18 | Сообщение # 10 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Vladjet, list-style: none; вставляй сразу после no-repeat;
|
|
|
|
|
Дата: Воскресенье, 29.05.2011, 18.34.50 | Сообщение # 11 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Reysler, спасибо
|
|
|
|
|
Дата: Воскресенье, 29.05.2011, 20.28.31 | Сообщение # 12 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Вопрос решен. Тема закрыта.
|
|
|
|