Нововведение в редакторе. Вставка постов из Telegram

Стилизация внешних ссылок + форматов mp3, pdf, email

0 89

Очень приятно видеть куда ведет ссылка. Этот CSS пример, позволит украсить разные типы ссылок, включая внешние ссылки, ссылки типа mailto: и ссылки на форматы файлов.

/* external links

The ^= specifies that we want to match links that begin with the http://

*/

a[href^="http://"]{

padding-right: 20px;

background: url(external.gif) no-repeat center right;

}

/* emails

The ^= specifies that we want to match links that begin with the mailto:

*/

a[href^="mailto:"]{

padding-right: 20px;

background: url(email.png) no-repeat center right;

}

/* pdfs

The $= specifies that we want to match links whose hrefs end with ".pdf".

*/

a[href$=".pdf"]{

padding-right: 20px;

background: url(pdf.png) no-repeat center right;

}

/* zip

Same as above but for zip files and it adds an icon at the right of the link. Therefore the :after

*/

a[href$=".zip"]:after{

content: url(icons/zip.png);

}

Столтенберг потребовал убрать "Цирконы" к 10 июня. Грозит жестким ответом
  • Hook
  • Вчера 16:47
  • В топе

Помните, как запуск наших гиперзвуковых ракет "Циркон" они называли "мультиками Путина"? Теперь веселые "мультики" довели их до истерики. Генеральный секретарь НАТО Й...

Униженные и оскорблённые. Украина: Сто лет одиночества

Лет десять назад народ активно умилялся байкой о том, что кто-то из лидеров, какого-то из Сомали (их сейчас много "хороших и разных") заявил, что не позволит превратить свою страну в Ук...

Тотальная аннигиляция укролетчиков вкупе с их инструкторами

Ибо неча... Днепропетровское подполье сдало отель с пилотами и их наставниками. Наши "воздушники" продолжают свой неустанный кропотливый труд по усушке-утруске соседей. Работы много, отд...