Пример №1 ДЕНЬГИ СОЗДАЮТ ДОБРО! ДЕНЬГИ СОЗДАЮТ КОМФОРТ! ДЕНЬГИ ПРЕКРАСНЫ И ХОРОШИ! БОГАТСТВО ЭТО ЧИСТАЯ ЭНЕРГИЯ! Я ЛЮБЛЮ ДЕНЬГИ! ДЕНЬГИ ПРИНОСЯТ МНОГО ХОРОШЕГО! ДЕНЬГИ ПРИНОСЯТ СЧАСТЬЕ!
Прописываем в css файле следующие строки:
/*Говорим, что кружки надо заменить картинкой arrow.gif*/ .arrow { list-style-image: url(ul/arrow.gif); /*Путь пишите свой*/ } /* Чтобы появился зелёный фон прописываем следующее*/ .li { background-color: #C8F612; }
Пример №2 You truly can have anything you can imagine. Ты действительно можешь добиться всего, что только можешь себе представить.
Прописываем в css файле следующие строки:
/*Говорим, что кружки надо заменить картинками и сделать отступы*/ .arrow_clock { list-style-image: url(img/articles/clock.png); /*Путь пишите свой*/ margin-top: 7px; margin-bottom: 7px; } .arrow_on { list-style-image: url(img/articles/public.png); /*Путь пишите свой*/ margin-top: 7px; margin-bottom: 7px; }
В html файл пишем следующее:
<ul> <li class="arrow_clock">You truly can have anything you can imagine.</li> <li class="arrow_on">Ты действительно можешь добиться всего, что только можешь себе представить.</li> </ul>
В завершении урока, хотел бы дать вам один небольшой совет: Прежде чем использовать изображения в качестве маркеров, обязательно оптимизируйте их в Fireworks MX или Photoshop.
Категория: CSS | Добавил: Денис (10.08.2008)
| Автор: Евгений Попов
Просмотров: 647
| Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
Главная 
