Синдикация
Иконизируем ссылки
Линки есть на любых сайтах, но не всегда понятно, на что именно они ссылаются. Это может быть экселевский файл, ссылка на скайп, rss, pdf или еще что-то. Согласитесь, что было бы не плохо заранее знать, куда вы попадете или что скачаете.
Идея по сути проста: добавлять соответствующие иконки к каждой ссылке (ну или только к необходимым, это вам решать). НО! Добавлять не вручную каждый раз, а прописать в CSS, и пусть оно само работает.
Вот несколько примеров подобной “Иконизации” (от англ. “iconize”; не очень красивое слово, но пока никакого другого аналога в голову не приходит)
Нам потребуются:
Например, вы хотите, чтобы иконки отображались напротив аудио-файлов. Тогда в css-файле РїРёС?ем следующий код:
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_music.gif)
no-repeat center right;
}
А на странице указываем:
<a href="#noname.mp3">.mp3</a> <a href="#noname.wav">.wav</a> <a href="#noname.ogg">.ogg</a>
И получаем ссылки вида
Данная техника работает в:
- Firefox
- Internet Explorer 7 (в 6 версии не работает)
- Opera
- Safari
Привет, пока нет комментариев, будь первым!