UserPanel

Добро пожаловать на Форум веб-мастеров uCoz!

( Войти | Зарегистрироваться )


  • Страница 1 из 1
  • 1
Каждому пункту по своей иконке
Дата: Четверг, 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
Вопрос решен. Тема закрыта.
 
  • Страница 1 из 1
  • 1
Поиск: