• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Создание ссылки для скачивания файла на сайте (Прямая ссылка на скачивание файла для сайта)
Создание ссылки для скачивания файла на сайте
Kosten
Дата: Среда, 2019-09-04, 23:14 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25139
Награды: 57


Здесь создадим ссылку для скачивание, где по правой стороне закрепим изображение, по которому можно понять, что эта ссылка предназначена для скачивание файлов на сайте или блоке. С добавление стилей выставим небольшое изображение, какое оно будет, здесь вам решать, главное эта сама ссылка, где не чего сложного нет, но на сайте совершенно по другому смотреться от стандартной.



HTML

Обычная ссылка:

Код
<a href="#">Обычная ссылка без изображение</a>


Ссылка с картинкой стилями:

Код
<a href="#" skachat_archive >Ссылка скачать с картинкой</a>

CSS

Код
a[skachat_archive]::after {
    content: url(http://zornet.ru/ABVUN/Abaavag/Abaskun/download.png); /* Выводим картинку */
    vertical-align: sub; /* Выравнивание по вертикали */
    padding-left: 5px; /* Расстояние от текста до картинки */
   }

Эти 2 ссылки по своему аналогичны, поэтому с помощью CSS стилистики можно выделить ссылки для скачивания, добавив к ним картинку.
Прикрепления: 5869534.png(10.1 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Создание ссылки для скачивания файла на сайте (Прямая ссылка на скачивание файла для сайта)
  • Страница 1 из 1
  • 1
Поиск: