Yak zrobiti verziju za prijatelja. Idealna strana za prijatelja

Peći i kamenje

Povremeno, na Internetu, možete kreirati skup cijena za statistiku, ako želite da ih prethodno pročitate. Istovremeno, ne na svim servisima, verzija stattyja se prenosi za prijatelja, jer naša bazhania ne koristi opcije (želimo prepisati sliku ili promijeniti tip glavnog fonta). Jak, drukuvati stranu bez elemenata? Za to je dostupna web usluga.

Na glavnoj strani PrintWhatYouLike u sredini ekrana nalazi se obrazac za unos adrese prijatelja. Adresa je uvedena, strana je blokirana í mi bachimo, ali kada se bira da li od elemenata, interfejs je okružen crvenim okvirom. Ponovo, pritiskom na lijevo dugme prikazat će se lista mogućih operacija. Elementi interfejsa se mogu videti jedan po jedan, ili u grupama, proširujući vibracije na granicama ili vibrirajući jedan blok na tekst, nakon što su svi igrani. Dakle, imate mogućnost da to radite jedno po jedno, nije potrebno za drugi dio strane, ili brzo i lako, ako vam treba u drugom redu.

U lijevom dijelu ekrana nalazi se mali panel sa nizom funkcija za uređivanje bočne strane:

  • Čuvanje uređene strane PDF, HTML formata;
  • promijenite veličinu teksta na vrstu fonta;
  • vidalennya pozadina ili slika jedan napad dugmeta mishí.

Za praktičnost PrintWhatYouLike, stavite na tablu sa obeleživačima dugme za uređivanje ispred druge strane, kao što smo videli. Ovo takođe koristi opcija PageZipper. Vona će biti pametna kada čita resurse, voli da distribuira jedan članak na pet, deset ili više stranica. Otisnut ćete pečat „Korak na cestu“, opet „Korak na cestu“, ali imajte na umu, nema se šta čitati. PageZipper će distribuirati cijeli članak na jednoj strani radi lakšeg uređivanja i dijeljenja. Ne želim da stavljam bookmarklet, dostupni dodatak za Firefox PageZipper 0.6.1.

Za registrovane korisnike PrintWhatYouLike-a, predložit ću kontrolnu tablu, dobiti informacije o broju Printer Friendly dugmadi koji su instalirani, koji su sačuvani u papirologiji, ekonomični su u novcima i nisu isjeckani u drvetu atmosfera, na način koji ne pravi razliku.

Blogeri mogu donijeti i malo cimeta. Umetanje dodatka u proizvod prije nego što se pojavi na strani kože bloga, gumb za slanje članaka prijatelju, mogućnost spremanja linkova u PDF format, kako bi se omogućilo čitaocu da koristi fontove i štampače štampača.

Ranije je to bio jednostavno standard za podešavanje, tačnije dugme sa natpisom "Verzija za prijatelja". Smrad je potreban da bi se izbacio na verandu. Verzija za prijatelja da se osveti svim potrebnim informacijama, doduše u jednom od današnjih interaktivnih elemenata: dugmad, samo formular.

Tse znači da ću ga automatski predati za dodatnu skriptu
uzevši originalni dokument i, znajući sve o njemu, otvorivši njegovu kopiju,
zruchn_shu za prijatelja. Mozhlivo, sa sličnim robotom, doveden
čuvaj se.

Rješenje - stilski stolovi za prijatelje

Jedna od sjajnih karakteristika CSS-a je moć
osnovne tabele stilova, organizovane na fleksibilnim prilozima
vivedennya. Napravili smo zvuk sklopivih stolova za prikaz stranica
ekran, iako nisu razmišljali o tome, nisu razmišljali o tome. ja,
kako prihvatiti "verziju za prijatelja", o prijatelju sa dokumentima
Samo razmišljam o podnošenju dokumenta u ínshomu viglyadí.

Ale sad nemamo čega da se plašimo, sad za kraj drugove verzije
potreban nam je dokument ako nemamo dobro strukturiran dokument i
stilski stolovi za prijatelje!

Danas možete uzeti (X) HTML dokument i pripremiti ga
Prijatelju za pomoć stilskih tablica, ne zadržavajte se. I osa y
prenio problem kroz vrata i sinhronizaciju dvije verzije
dokument - jedan za ekran, ínshy - za drugi. Í scho sama
Sjećam se: zrobiti tse nayprostishe.

Potreban je oprost sa plutajućim elementima

Pregledači porodice Gecko, kao što su Netscape 6.x i Mozilla, Mayut
problem štampanja dugih lebdećih elemenata.
Kao plutajući element Wiyshov između strane, dakle
dio, koji je izgubljen, rezultiraće gubitkom, jer se nije pojavio u ofanzivi
strana.

Vaša stranica je slična A List Apart, tobto. statistika u novoj oblasti
u jednom velikom plutajućem bloku, onda to znači da ste pročitali kada
prijatelj otrimayut lišen uvjeravanja statistike.

Rishennya, jak í slíd bulo ochíkuvati, polyagaê u skasuvanní yakostí
"plutajuća" etiketa na blok sa tekstom ispred pečata. Kratko je, za sve
plutajući elementi će biti postavljeni na pravilo stila "float: none".
Nakon što razbijete tse, okretati ćete sve plutajuće elemente dok ga ne vidite
sa dokumentom će se postupati na način da je prenet.
stranu sve do kraja.

Otzhe, isto, proponuvav zrobiti Zeldman za ALA, ja, jak
tilki vin tse zroiv, pojavio se problem sa pečatom. Porodični pretraživači
Gecko tsya pomilka, yak í ranije, nije ispravljeno (u vrijeme pisanja
statti), ali svejedno možete lako zaobići predloženi način.

Na putu

Ispod je tabela u stilu "drukovan", uz pomoć koje je A List Apart pokazao problem ostalih plutajućih elemenata:

#menu (prikaz: nema;) #wrapper, #content (širina: auto; granica: 0; margina: 0 5%; padding: 0; float: nema! važno;)

Ukrasite uho. Tabela stilova će povećati desnu stranu menija tako da
ne ulazite u prijatelja, i postavljajte granice i korake za
umjesto statty u takvom rangu, tekst na strani be-yakiy
roztashovuvavsya rívnomírno od ruba regije do druge.

Problem, pošto sam ja bio bahilos, bio je u činjenici da je bilo dosta stilova koji su razbijeni za ekran, oni su prošli kroz proces.

Yaksho se čudi vmist tag-u novi članci na web stranici ALA

Imamo fajl tabela stilova, print.css,
Ostali "print" prilozi su u paketu sa vrijednostima atributa "media".
Datoteka sa stilovima nucss2.css, za uvoz radi pomoći
konstrukcije @import, dobrodošli iz Navigatora 4.x, ako koristite
kada vizualizirate stranu na bilo kojem prilogu (atribut
mediji = "svi"). Tse mozhe buti displej, štampač, projektor, sintisajzer
Pokret i uzmi Inche. Jednom kada se roz_isovshis, mogli bismo pisati u listu stilova za
druge direktive za boju pozadine bočne strane i upotrebu fontova u
picsel.

Članak na temu: Wordpress nema radno dugme za dodavanje prevelike datoteke

Šta će biti velika bitka? Ní, aaaaaaaaaaaaaaaaaaaaa od pretraživača
Kandidati ne varaju pozadinu stranice, već su naznačeni u pikselima veličine
fontovi, prilozi za prikaz na ekranu, ne toliko
korisní píd sat druku.

Za to, napravimo tri suvišna naša stilska lista jedan za drugog i nekoliko posljednjih problema iz razvoja komponenti.

Pogled na pozadinu

Za elemente desnog bočnog menija odaberite desni bočni meni.
Pivi su se uhvatili za jelovnik na sat-dva, nikad nećemo imati priliku.
Ovo nas odjednom oslobađa mladalačke glavobolje.

Krhotine štampača se ne lome sa bojom
bily. Također je potrebno vidjeti sve pozadine slike, kao npr
vikoristovuvalysya píd sat vivedennya partinki na ekranu.

Yakshho mi zove u pomoć moć pozadini, mi u jednom naletu virishimo
uvredljivi problemi. Schob zrobiti ríshennya nnuchíshim, zadatak za element
"telo" je bolje od "omata" i "sadržaja"
rupu na tijelu (i kroz njih možete vidjeti
"tijelo"):

tijelo (pozadina: bijela;) #meni (prikaz: nema;) #wrapper, #sadržaj (širina: auto; margina: 0 5%; padding: 0; granica: 0; plutajući: ništa! važno; boja: crna; pozadina : transparentno;)

Dizajn boje prednjeg plana (boje fonta) uopće nije bio
Neophodno, ali još ljepše, ne zaboravite na tse. Otzhe, odjednom imamo dva
"neplutajući" elementi (#wrapper, #content) sa jasnim pogledom na pozadinu, tj
stranu sa laganim pepelom.

Možete uzeti one, kao što je Navigator 4.x trošak vrijednosti
"transparentno", ale vische nis: NN4.x životinje
stilova, za koje atribut "media" ima vrijednost "screen". Tako da ja
poput direktive @import, naših stilova za prijatelja
Uzmite u oči Navigator 4. Otzhe, ovdje je glupo
turbuvatisya.

Rosemir font za druk

Opća tabela stilova je formatirana za font 11 piksela. Duzhe
nedaleko vibir na sat do drugog. Sama porodica fontova je zbirka Gruzije,
a zatim serif - u redu je ići za prijatelja, pa volite fontove iz sniffova
zazvychay ljepše viglyadayut na trijemu. Potrebno je promijeniti veličinu
font. Osa je ovako:

tijelo (pozadina: bijela; veličina fonta: 12pt;)

"Rez!" - mabut, viguknete vi. - "Ubode su zla!"

Pa, dobro, dobro, dobro, kad sam to rekao, i nakon što sam rekao, to je nemoguće za ekran
postavite veličinu fonta za pasuse. Sa prijateljem, zasosuvannya pts.
ima takav osećaj, kao mnogo deset godina za to. Yaksho vzhe mi gotuêmo
tabela stilova za prijatelja, a zatim promijenite veličinu fonta za "body" na 12
poenta će biti tačna i prirodna.

Vi, lukavo, možete pitati biti-kao veličina, kao zahtjev, prote
font ima 12 bodova najviše smještaja. Prvo i najvažnije u tabeli naslova
stilovi svih ostalih elemenata bočne strane dati su sigurno
veličine u elementu "telo", naš robot je gotov.

Marginalia

Posebna pravila stila za postavljanje i za desni i za kordone
(margine) elementi omota í veličina sadržaja 5%. Tse znači, scho z obh
strana stattyja će biti "prazno mišiće", a koža će također biti "prazna miška".
presavijte 10% širine površine na drugu. Tse nasljeđivanja bloka z
tekst statti "sadržaja" treba da bude u sredini okvirnog bloka "wrapper", to
koža sa njih je manje polja za 5% sa leve i desne strane.

Članak na temu: Jak ispunite zaglavlje stranice

Konturni stil tabele nazad 15% desni padding
za blok "sadržaj". Cordoni nam je već dao 10%, i nama treba
do 5%. Tse završiti samo zrobiti:

div # sadržaj (margin-left: 10%;)

U prvoj opciji rješenja moguće je prekoračiti marginu
smiri se i daj 5% lijevom dopunu. Oskílki blok "sadržaj"
nije vidljivo u pozadini, uzeli smo takav rezultat.

Šteta što pretraživači mogu imati problema sa adekvatnim
opstrukcijom obloge, tako da se elementi zamjenjuju sa strane
ljepše uz pomoć kordona (margina).

Pidannya za sat vremena prijatelju

Bulo još jedna lukava hrana - kako možete raditi sa hipermoći? Očigledno uključeno
prijatelj ne može da oseti smrad, kao na monitoru, ali to je često važno
dati ključ prije nego što je smrad pronađen u originalima. Otzhe, moja osovina
Vinayshov:

a: link, a: posjećeno (boja: # 520; pozadina: prozirna; težina fonta: bold; dekoracija teksta: podvučena;)

Tse daê poilannyam kolír, doći do mraka, biti blizu
crn s crno-bijelim prijateljem, izgubi se u isti čas tamni crv
píd sat kolorovoy druku. Podebljani font i garancija pídkreslennya,
posilannya vid_lyatimetsya u pripremljenom tekstu.

U pretraživaču koji će prilagoditi CSS2 specifikaciju, možemo
unesite URL i pošaljite poruku za njih,
koji će se pojaviti da ručno otvori taj pretraživač. Ispod je prikazano pravilo
kako se zaglaviti samo za blok "sadržaj", i to sa ovim rangom URL-a
ínshhh kako ne bi bili uhvaćeni u krivu:

#content a: link: after, #content a: posjećeno: poslije (sadržaj: "(" attr (href) ")"; veličina fonta: 90%;)

Isprobajte u pretraživačima na Gecko platformama - Mozilla ili Netscape
6.x. Na razvoju kože, treba je protresti u lukovima.
na njen URL.

Preglednici koji nemaju razuman stil obično ga nemaju
nebazanikh efektyv - ako je tako, bit ćeš tamni crv,
pidkreslenim i masnim. Samo pišem uz tekst
URL na koji se upućuje, od svih.

Poštujem te za one koji su udarali ispred i za lukove ê
dio stilskog pravila - ne zaboravite na proplanke, pa je smrad kriv
buty inkluzije prije dokumenta.

U pravilu postoji jedan prirodni problem. Upravo u tome
Dobio sam instrukcije da unesem u dokument vrijednost atributa
href.

Gledajući kod sa strane stranice A List Apart, mi shvidko
osim toga ne postoji lich, tzv. "vidnosilan" um
"/ pitanja / 144". Smrad će takav gledalac ubaciti u dokument, kao smrad
ê, ali ako želite, trebali biste koristiti URL-ove.

Za takve vipade možemo koristiti CSS3. Budite poput selektora atributa,
koristan operator ^ =, odaberite elemente, zaponí na klip ih
vrijednost za atribut. U takvom rangu mi mogo vibrati biti href atribut,
popuniti kosom crtom i umetnuti tekst,
istu vrijednost za atribut.

#content a: after (sadržaj: "(//www.alistapart.com" attr (href) ")";)

Cijelo pravilo će transformirati sve vrijednosti tipa "/ issues / 144 /",
"//www.alistapart.com/issues/144/". Opšte pravilo je da ne možete pomoći
padajući meni sa ispravnim URL-ovima, ako to ne možete popraviti kosom crtom, ale, prije
Srećom, ALA nije zamjenski tip posilana.

UVAGA! BITAN! Yak bolo rekao, selektor um ^ =
pogledajte selektore specifične za CSS3. Validator za CSS vid
Konzorcij W3 može ga testirati za specifične specifikacije
CSS1 i CSS2. Nemojte biti pametni oko selektora, samo koristite CSS3, validator će
pogledaj na milost, ako ne prekoračiš selektora
preporuke za specifičnosti.

Ukrašeno klasje

Gledajući ponovo, preostala verzija tabele stilova, I
pošto se pojavio, "šešir" sa strane mi ne bi trebao više odgovarati. Shvidshe Bula na desnoj strani
ne u samoj glavi, već u samom "nestašnom" nazivu sajta. Tse
sjedište je očigledno završilo tu, slika je završila
header. Zaspao sam na lutki sa zanosom
linija sjedala je cijelom širinom bočne strane.

Internet ne izgleda kao da je Internet bogata i funkcionalna sredina, ali prenosi razvoj informacija. U ovoj vipadku oslanjaju se na poštovanje ne multimedijalnih – audio i video podataka, naširoko proširenih za današnji dan, već prave jerela, za koje ljudi dobijaju informacije sa weba. Lijevi dio interneta je za cijeli ekran vicarista, koji može biti dodatak (PC monitor), kao i manji dio mobilnog dodatka sa pristupom ogradi. Uspešan razvoj računarskih tehnologija i dostupnost kako stacionarnih tako i prenosivih računara i svih vrsta elektronskih spravica mogu lako da govore najpopularniji monitori današnjice.

Yak bi nije bilo bulo, ale u okremikh vipadkah bez razdrukuvannya strana, kao da petlja s nama, samo ne zaobići. Samim tim, na web stranicama za skin-friendly dokument je prebačena opcija koja se može poslati na štampač sat vremena. Sve to, preko onih koji razvijaju web tehnologije, usmjereno je, prije svega, na vizualnu prezentaciju informacija na ekranima monitora u pretraživaču, bez pomoći web stranica da se njima rukuje na način koji nije zgodan za čitanje pregledi. Paneli za navigaciju, baneri Rizznacheniya i drugi elementi web stranice pretrpani su i vizualno predstavljeni u prikazu iz ruke. Do tada, veliki broj elemenata je namijenjen za interakciju sa corystyvach-om za dodatni pretraživač i koji, kada se sa njih prenesu na corysty papir, izgledaju kao nešto. Odnosno, sve češće je na povezanim web stranicama moguće podesiti tip "Verzija strane za prijatelja", koji vam omogućava da objavite dokument na ekranu u istom pregledniku, u kom slučaju će biti poslan na štampač.

Postavite CSS specifičnosti kako biste omogućili web programerima da lako kreiraju različite opcije za slanje stranica na način koji se prikazuje (monitor, štampač i ne samo). Statistika pokazuje kako implementirati pristup koristeći CSS.

Veza zvona.

Postoji mnogo načina za uvoz umjesto originalnih CSS stilova iz html dokumenta i postavljanje potrebnih pravila bez potrebe za fajlom ispred bočnog koda.

Meta tag .

Nybílsh ekstenzije i posebna opcija - victoriannya meta tagu , u kojem se prosljeđuje atribut medija, koji vam omogućava da dodijelite unaprijed postavljene postavke, za koje se formatiranje dokumenta prikazuje iza navedene CSS datoteke. kundak osovine:

Lebdeći deo uključuje CSS datoteku print_stylesheet.css, indikacije za formatiranje dokumenta kada se gleda na štampaču (medij = "print"). Dakle, za sve ostale vrste podnesaka na web strani (kao što je prikazano u nacrtu verzije) CSS pravila se dodeljuju datoteci print_stylesheet.css, a ne vrahovuvatisya. CSS navodi deset važećih vrijednosti za atribut medija, koje se koriste za različite priloge i načine predstavljanja web informacija: sve, zvučno, brajevo pismo, reljefno, ručno, print, projekcija, ekran, tty i tv. U statistici se ne razaznaju sva značenja, već početni drukarsky pristriy. Ale je skliznuo na brutalno poštovanje prema značenju svega, jer to znači riječi za medijski atribut odjednom, ako to nije eksplicitno na prvom mjestu. Osim toga, postoji jednostavna CSS datoteka atributa za formatiranje strane prilikom umetanja u brojne vrste priloga jednog sata, možete unijeti ključne riječi u jednom redu, raspoređujući ih u zarezu:

Naredba za uvoz CSS-a.

Također možete koristiti ključnu riječ @media za dodavanje određene CSS datoteke. Na određenoj tački pravila možete dodati više tipova nosa, što je naznačeni format. Istovremeno, sintaksa dopuštenja je dvije varijante pisane naredbe:

@import url ("styles / stylesheet.css") print, projekcija;
abo
@import "styles / stylesheet.css" print, projekcija;

Yak bachimo sa zadnjicom posebnih karakteristika u prihvatljivim opcijama nije. U jednom je url direktiva zaglavljena, a druga se prosljeđuje u CSS datoteku bez nje. Dodaću pravilo za prijenos datoteke u datoteku stylesheet.css koja se nalazi u stylesheetu, koja služi za formatiranje dokumenta za priloge sa informacijama na stranama (štampa - štampači, projekcija - dijaprojektori i druge opcije) .

Bezposredno za html dokumente na webu.

Za širok spektar CSS pravila koristi se pravilo @media, u okviru kojeg će se pojaviti autoritet formata dokumenta i potrebno značenje za njih. Bez sredine za ključnu riječ @media, postoji jedna ili više vrsta nosova (kroz koga), za one koji koriste format: