4810
- 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
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
