Různé kousky CSS: Porovnání verzí

Verze z 11. 8. 2016, 16:56

The abbr element
S tím souvisí článek Abbreviations, Definitions & Citations Revisited
Jiný nateriál: Styling abbreviations and acronyms - popisuje typy zkratek, jak je používat a stylovat.

Podobně jako ve wikipedii - k externímu odkazu se přidá nějaká vizuální indikace:

Do stylovacího souboru v odvozené šabloně (child theme) přidáme kód:

a[href^="http://"]:not([href*="wpmu.dev"]):after,
a[href^="https://"]:not([href*="wpmu.dev"]):after {
content: "(EXTERNAL LINK)";
padding-left:5px;
}

Externí a interní odkazy pak budou vypadat takto:

@@ Řádek 8: / Řádek 8: @@
 [https://premium.wpmudev.org/blog/style-external-links-wordpress-like-wikipedia How to Style External Links in WordPress Like Wikipedia]
+==== Externí odkazy s textem ====
+Do stylovacího souboru v odvozené šabloně (child theme) přidáme kód:
+ a[href^="http://"]:not([href*="wpmu.dev"]):after,
+ a[href^="https://"]:not([href*="wpmu.dev"]):after {
+ content: "(EXTERNAL LINK)";
+ padding-left:5px;
+ }
+Externí a interní odkazy pak budou vypadat takto:
+[[Soubor:External-link-with-text.png]]