CSS (kaskadni listovi stilova) daju vam značajnu kontrolu nad načinom na kojem se sadržaj vaših web stranica prikazuje na zaslonu. Ova se kontrola proširuje i na ostale medije, primjerice kad se web stranica ispisuje.
Možda se pitate zašto biste željeli dodati značajka ispisa na svoju web stranicu; uostalom, većina ljudi već zna ili lako može shvatiti kako ispisati web stranicu pomoću izbornika preglednika.
Ali postoje situacije kada dodavanje gumba za ispis ili veza stranica neće olakšati postupak korisnicima samo kada trebaju ispisati stranicu ali, što je još važnije, dati vam više kontrole nad načinom na koji će se ti ispisi pojaviti papir.
Evo kako dodati gumbe za ispis ili veze za ispis na svojim stranicama i kako definirati koji će dio sadržaja vaše stranice biti ispisan, a koji ne.
Dodavanje gumba za ispis
Na svoju web stranicu možete jednostavno dodati gumb za ispis dodavanjem sljedećeg koda u svoj HTML dokument gdje želite da se gumb pojavi:
onclick = "window.print (); return false;" />
Gumb će biti označen kao Ispiši ovu stranicu kad se pojavi na web stranici. Ovaj tekst možete prilagoditi onome što vam se sviđa mijenjajući tekst između navodnika koji slijede
vrijednost =u gornjem kodu.
Imajte na umu da postoji jedan prazan prostor koji prethodi tekstu i slijedi ga; ovo poboljšava izgled gumba umetanjem prostora između krajeva teksta i rubova prikazanog gumba.
Dodavanje veze za ispis
Još je jednostavnije dodati jednostavnu vezu za ispis na svoju web stranicu. Jednostavno umetnite sljedeći kôd u svoj HTML dokument gdje želite da se veza pojavi:
ispis
Tekst veze možete prilagoditi promjenom "ispisa" u ono što odaberete.
Izrada ispisa određenih odjeljaka
Možete postaviti mogućnost da korisnici ispisuju određene dijelove vaše web stranice pomoću gumba za ispis ili veze. To možete učiniti dodavanjem a print.css datoteku na svoju web lokaciju, nazivajući je u glavi HTML dokumenta i zatim odredite odjeljke koje želite lako ispisati definiranjem klase.
Prvo dodajte sljedeći kôd u odjeljak glave vašeg HTML dokumenta:
upišite = "text / css" media = "print" />
Zatim stvorite datoteku s imenom print.css. U ovu datoteku dodajte sljedeći kôd:
tijelo {vidljivost: skriveno;}
.print {vidljivost: vidljiv;}Ovaj kôd definira sve elemente u tijelu kao skrivene prilikom ispisa, osim ako element nema dodijeljenu klasu "print".
Sada sve što trebate učiniti je dodijeliti klasu "print" elementima vaše web stranice koje želite ispisati. Na primjer, za izradu odjeljka definiranog u elementu div koji treba ispisati, upotrijebili biste
Sve ostalo na stranici koja nije dodijeljena ovoj klasi neće se ispisati.