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

Z Znalosti
m
m
Řádek 15: Řádek 15:
 
  padding-left:5px;
 
  padding-left:5px;
 
  }
 
  }
 +
Externí a interní odkazy pak budou vypadat takto:
  
Externí a interní odkazy pak budou vypadat takto:
 
 
[[Soubor:External-link-with-text.png]]
 
[[Soubor:External-link-with-text.png]]

Verze z 11. 8. 2016, 16:57

Stylování <abbr>

Stylování externích odkazů ve WP

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

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:

External-link-with-text.png