» »

Создать стилизацию ссылок на формат файла

Создать стилизацию ссылок на формат файла

Здесь мы на сайте прописываем ссылку и автоматически с ней рядом появляется иконка, под каким форматом идет тот или иной файл на ссылку. Это подборка может состоять из rar .zip .jpg .pdf и многих других. Пользователь точно уже будет видеть, если он скачивает, то какой архив там находится и под каким форматом. Дело в том что некоторые браузеры не поддерживают такую функцию и здесь применяют различные скрипты.

Но все можно по другому сделать, где все будет корректно отображаться, это с помощью секций, в которой и будет находиться ссылка, что потом автоматически рядом с ней появится кнопка. Но одно их главных, вы можете реально посмотреть, как все это будет работать и смотреться визуально, так как к материалу перекреплен файл демонстраций, что также находится в архиве под скачивание.

Приступаем к установке:

Первое, сто нужно сделать. это создать секцию с ссылками в которых лежат адреса к разным форматам файла.

Код
<section class="links">  
  <a href="http://zornet.ru/.rar">Под ссылкой файл c форматом .rar</a>  
  <a href="Ссылка.zip">Под ссылкой файл c форматом .zip</a>  
  <a href="http://site.ru/file.jpg">Под ссылкой файл c форматом .jpg</a>  
  <a href="#.pdf">Под ссылкой файл c форматом .pd</a>  
  <a href="#.doc">Под ссылкой файл c форматом .doc</a>  
  <a href="#.txt">Под ссылкой файл c форматом .txt</a>  
  <a href="#.xml">Под ссылкой файл c форматом .xml</a>  
  </section>

Второе, это стили CSS, сто нужно разместить или сделать специально для этой функций файл под них.

Сами стили вы можете скачать, где также будет предоставлено все описание по установке и какие знаки отвечают за ту или иную иформацию.

Скачав архив, там будут стили, что идет файлом и закинуть в корень сайта и под CSS, но и сами кнопки, который также файловый менеджер нужно загрузить, что по названию папок, создаем какие по умолчанию идут.

Источник: Get-Element.3dn.ru
14.06.2017 Загрузок: 3 Просмотров: 335 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Dagada
Dagada 14.06.2017 20:331
0
Вот попроще.
Kosten
Kosten 14.06.2017 21:522
0
Тот кто хочет, то может залить на свой файловый менеджер и выставить ссылки на прямую, а здесь ссылки пока работают, но могут через какое то время битыми, так что убрал стиль.
ucozmental
ucozmental 15.06.2017 03:063
0
Можно простой стрелкой указать ссылку как здесь на форуме, другое дело если скачивать, но это считаю больше для дизайн, чтоб все так смотрелось гармонично, хотя не спорю. так красивей будет, чем просто надпись.
avatar