CSS tip pro tisk odkazů

cs v kategorii code • 2 min. čtení
Mind the age! Most likely, its content is outdated. Especially if it’s technical.

Před pár týdny jsem tu psal článek o tom, jak spousta serverů kašle na tisknutelnou formu webu. Dnes bych to chtěl doplnit o jeden hezký CSS tip, který tisknutelnou formu bezvadně vylepší!

Přesněji jde o tisknutí odkazů; představte si scénář: přijdete na web, vidíte zajímavý článek, vytisknete si ho, později si ho přečtete, je tam odkaz na nějaký další materiál a na ten se chcete po přečtení také podívat. Ale co se nestane! Už nevíte, kde jste na článek narazili a URL adresa článku se nevytiskla nebo je neúplná. Co teď? Teď zbývá jen doufat, že Google článek nalezne (bude i existovat nebo bude v Googlí cache) a tam i hledaný odkaz.

Celé to lze mít ale jednodušší – stačí do tisknutelné formy tisknout i URL adresy. Že to je nesmysl? Že by nestačilo pouze CSS, ale bylo by potřeba přidat podporu do systému? Ale kdeže… jednoduché CSS postačí. :)

Tento řádek:

a:after { content: " (" attr(href) ")"; }

stačí vložit do CSS souboru určený pro tisk a je hotovo. Při tisku se za text odkazu přidá mezera následovaná závorkou s textem převzatým z atributu href. Jak jednoduché!

Ještě doporučím zrušit podtržení – bez něj to vypadá lépe. :)








Může se vám také líbit

en Makefile with Python, November 6, 2017
en Fast JSON Schema for Python, October 1, 2018
en Deployment of Python Apps, August 15, 2018
cs Jasně, umím Git…, August 6, 2014
cs Checklist na zabezpečení webových aplikací, March 1, 2016

Další články z kategorie code.
Nenechte si ujít nové články díky Atom/RSS kanálu.



Poslední příspěvky

cs Řemeslničina, September 10, 2022 in family
en Weather Station: Collecting Data, September 7, 2022 in code
cs Ploty jsou jen pro lidi, August 29, 2022 in family
en Arduino Weather Station: Hello World, August 15, 2022 in code
cs Objevujeme poklady, August 10, 2022 in family