Таке різне оформлення легко реалізувати з допомогу правил CSS. зокрема c допомогою псевдокласів і спеціальних селекторів.
Для прикладу, приберемо підкреслення у всіх внутрішніх посилань. а для зовнішніх посилань це саме підкреслення додамо.
Якщо Вам ще не відомо, то додавати або скасовувати підкреслення можна за допомогою властивості text-decoration. Спочатку прибираємо підкреслення у всіх посилань на сайті за допомогою правила:
a text-decoration: none;
>
Щоб код працював на вашому сайті замість назви мого сайту webcodius.ru додаєте назву свого.
Повний код прикладу:
Приклад створення блогу на WordPress 4
Документи Word:, таблиці Excel, документи pdf, zip-архів
І далі за допомогою все тих же селекторів атрибутів додаємо правила CSS. Наприклад, для посилань на вордовскіе документи правило CSS буде таким:
a [href $ = '. doc'], a [href $ = '. docx'] background: url (icons / doc.png) no-repeat 100%;
padding-right: 18px;
>
І так додаємо правила для всіх потрібних типів документів.
Повністю код прикладу:
Таким чином можна додати іконки для будь-якого типу документа. На цьому все. До нових зустрічей!
Теж саме стосується відвіданих і активних посилань.
Яким чином через CSS можна задати різний стилістичне оформлення зовнішніх і внутрішніх посилань на сайті?