Оформлення посилань на файли

Про проблему «прозорості» контенту для користувача, який переховується під посиланням, говорять багато і різного. Хочу поділитися досить простим вирішенням проблеми, яка зробить Ваш сайт трохи зручніше.

Перше, що я намагаюся дотримуватися при оформленні всіх посилань на своїх сайтах:

Посилання завжди повинні бути підкреслені, навіть якщо це здається комусь негарним.

Активні посилання завжди повинні бути синього кольору (як виняток - чорні або темно-сірі). Відвідані посилання повинні бути бузкового кольору. Посилання інших квітів гарантовано збивають з толку читача.

Добре і правильно підсвічувати посилання червоним або помаранчевим при підведенні до неї курсора. Як варіант - підсвічувати фон або рамку навколо.

Тепер до коректно оформленої посилання ми додаємо «щось», що має прозоро натякати користувачеві «це файл», а ще краще «це файл такого формату». Для цього можна просто додати в дужках дану інформацію, а краще використовувати інтуїтивно зрозумілі для користувача іконки для кожного типу файлу.

Тепер, щоб не довелося проставляти в ручну перед кожним посиланням на файл і витрачати нерви благаючи контент-менеджерів сайту не забувати робити те ж саме, створимо простенький скрипт, використовуючи jQuery, який чудово справляється з цим автоматично.

Не забуваємо створити css-властивості для кожного типу іконки, наприклад ось так:

Далі css-властивості і скрипт запихає в окремі файли і підключаємо їх разом з jQuery в ... .

Наостанок поділюся архівом (Яндекс.Діск) з заготовками і декількома прикладами іконок.

Схожі статті