4703
- 0
- Адаптировал: irbees2008
- Источник:
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Пришел заказ , нужно сделать страничку, на которой будут выкладываться файлы разных типов архивы, картинки, документы, и при этом чтобы каждый тип файла выделялся.Это все очень просто сделаем при помощи CSS
Итак приступим:
1. Поскольку каждый файл у нас — это ссылка.
Код:
<a href='downloads/Мой файл.zip'>Мой файл.zip</a>
Код:
a{ padding-left: 18px;
background-position: 0 0;
background: transparent url(../images/icon.png) no-repeat;
}2.ну теперь приступим к описанию типов файлов:
Код:
a[href $='.pdf'] {
padding-left: 18px;
background-position: 0 0;
background: transparent url(../images/pdf.png) no-repeat;
}
a[href $='.zip'] {
padding-left: 18px;
background-position: 0 0;
background: transparent url(../images/zip.png) no-repeat;
}Практически также как и эти иконки у ссылок выводятся и фавиконки в выдаче поисковика.
НЕЗАБЫВАЕМ СКАЧАТЬ ИКОНКИ[COUNTER] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. [/COUNTER]
Можешь почитать и вот эту статейку "Отключаем скрипт или блок на мобилке"
Это тоже интересно
15.01.15Верстаем на Twitter Bootstrap
