Zanimljivo

Kako dodati dugme za ispis ili vezu na svoju web stranicu

Kako dodati dugme za ispis ili vezu na svoju web stranicu

CSS (kaskadni listovi stilova) daju vam značajnu kontrolu nad načinom na kojem se sadržaj vaših web stranica prikazuje na ekranu. Ova se kontrola proširuje i na ostale medije, primjerice kada se web stranica ispisuje.

Možda se pitate zašto biste željeli dodati značajku ispisa na svoju web stranicu; uostalom, većina ljudi već zna ili lako može shvatiti kako ispisati web stranicu pomoću izbornika svog preglednika.

Ali postoje situacije u kojima dodavanje gumba za ispis ili veza na stranicu ne samo da će korisnicima olakšati postupak kada trebaju ispisati stranicu, već što je još važnije, pružiti vam više kontrole nad načinom na koji će se ti ispisi pojaviti na papir.

Evo kako dodati gumbe za ispis ili veze za ispis na svojim stranicama i kako definirati koji će dio sadržaja stranice biti ispisan, a koji ne.

Dodavanje dugmeta za ispis

Lako možete dodati gumb za ispis na svoju web stranicu dodavanjem sljedećeg koda u svoj HTML dokument gdje želite da se gumb pojavi:

onclick = "window.print (); return false;" />

Dugme će biti označeno kaoIspiši ovu stranicukada 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 ivica prikazanog gumba.

Dodavanje veze za štampanje

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:

ispisati

Tekst veze možete prilagoditi promjenom "ispisa" u ono što odaberete.

Izrada printanja 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 definirajući one odjeljke koje želite lako ispisati definiranjem klase.

Prvo dodajte sljedeći kôd u odjeljak glave vašeg HTML dokumenta:

type = "text / css" media = "print" />

Zatim stvorite datoteku po imenu 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, da biste napravili odjeljak definiran u elementu div za ispis, upotrijebili biste

Sve ostalo na stranici koja nije dodijeljena ovoj klasi neće se ispisati.


Video, Sitemap-Video, Sitemap-Videos