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. :)



Sdílejte:   Facebook   Twitter   Reddit   Tumblr   Pinterest




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

en What Makes Good Program?, November 20, 2018
en Old Code, October 31, 2018
en Fast JSON Schema for Python, October 1, 2018
en Open Source Responsibilities, September 6, 2018
en Deployment of Python Apps, August 15, 2018


Populární v kategorii code

en Makefile with Python, November 6, 2017
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
cs Pokročilé regulární výrazy, August 17, 2014