Yak zrobiti verzija za prijatelja. Idealna strana za prijatelja

Peći i kamenje

Povremeno, na Internetu, možete kreirati skup cijena za statistiku, ako ih želite prethodno pročitati. Istodobno, ne na svim uslugama, verzija stattyja se prenosi za prijatelja, jer naš bazhanya ne koristi opcije (želimo prebrisati sliku ili promijeniti vrstu 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 hoće li od elemenata, sučelje je okruženo crvenim okvirom. Opet, pritiskom na lijevu tipku prikazat će se popis mogućih operacija. Elementi sučelja mogu se vidjeti jedan po jedan ili u skupinama, šireći vibracije na granicama ili vibrirajući jedan blok na tekst, nakon što su svi igrani. Dakle, imate mogućnost da to učinite jedno po jedno, nije potrebno za drugi dio strane, ili brzo i jednostavno, ako vam treba u drugom redu.

U lijevom dijelu ekrana nalazi se mala ploča s nizom funkcija za uređivanje bočne strane:

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

Za praktičnost PrintWhatYouLikea, stavite na ploču s oznakama gumb za uređivanje ispred druge strane, kao što smo vidjeli. Ovo također koristi opcija PageZipper. Vona će biti pametna kada čita resurse, voli distribuirati jedan članak na pet, deset ili više stranica. Otisnut ćete pečat "Korak na cestu", opet "Korak na cestu", ali pazite, nema se što čitati. PageZipper će distribuirati cijeli članak na jednoj strani radi lakšeg uređivanja i dijeljenja. Ne želim stavljati bookmarklet, dostupni dodatak za Firefox PageZipper 0.6.1.

Za registrirane korisnike PrintWhatYouLike, predložit ću upravljačku ploču, dobiti informacije o broju Printer Friendly tipki koji su instalirani, koji su spremljeni u papirologiju, ekonomični su u novcima i nisu usitnjeni u drvetu atmosferu, na način koji ne čini razliku.

Blogeri mogu donijeti i malo cimeta. Umetanje dodatka u proizvod prije nego što se pojavi na strani kože bloga ručni gumb za slanje članaka prijatelju, mogućnost spremanja poveznica u PDF format, kako bi se čitatelju omogućilo korištenje fontova pisača.

Prije je to bio jednostavno standard za postavljanje, odnosno, točnije, gumb s natpisom "Verzija za prijatelja". Smrad je potreban da bi se izbacio na trijem. Verzija da se prijatelj osveti svim potrebnim informacijama, iako u jednom od današnjih interaktivnih elemenata: gumbi, samo obrazac.

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, donio
pazi na sebe.

Rješenje - stilski stolovi za prijatelje

Jedna od sjajnih značajki CSS-a je moć
temeljne tablice stilova, organizirane 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 s dokumentima
Samo razmišljam o podnošenju dokumenta u ínshomu viglyadí.

Ale sad imamo malo čega se bojati, sad za kraj frendove verzije
trebamo dokument ako nemamo dobro strukturiran dokument i
stilski stolovi za prijatelje!

Danas možete uzeti (X) HTML dokument i pripremiti ga
Za prijatelja za pomoć stilskih tablica, nemojte se zadržavati. I os y
prenio problem kroz vrata i sinkronizaciju dviju verzija
dokument - jedan za ekran, ínshy - za drugi. Í scho sama
Sjećam se: zrobiti tse nayprostishe.

Potreban je oprost s plutajućim elementima

Preglednici obitelji Gecko, kao što su Netscape 6.x i Mozilla, Mayut
problem ispisa dugih lebdećih elemenata.
Kao plutajući element Wiyshov između strane strane, dakle
dio, koji je izgubljen, rezultirat će gubitkom, jer se nije pojavio u ofenzivi
strana.

Vaša je stranica slična A List Apart, tobto. statistika u novom polju
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" oznaka na blok s tekstom ispred pečata. Kratko je, za sve
plutajući elementi bit će postavljeni na pravilo stila "float: none".
Nakon što ste razbili tse, okrenut ćete sve plutajuće elemente dok ga ne vidite
s dokumentom će se postupati na način da je prenesen.
strana sve do kraja.

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

Na cesti

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

#menu (display: none;) #wrapper, #content (width: auto; border: 0; margin: 0 5%; padding: 0; float: none! important;)

Ukrasite uho. Tablica stilova će povećati desni dio izbornika 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, budući da sam ja bio bahilos, bio je u činjenici da je bilo mnogo stilova koji su bili razbijeni za ekran, i oni su prošli kroz proces.

Yaksho se čudi vmist oznaci novi članci na web stranici ALA

Imamo datoteku tablica stilova, print.css,
Ostali "print" privici su u paketu s vrijednostima atributa "media".
Datoteka stilskog lista nucss2.css, za uvoz radi pomoći
konstrukcije @import, dobrodošli iz Navigatora 4.x, ako vikoristaniy
kada vizualizirate stranu na bilo kojem prilogu (atribut
mediji = "svi"). Tse mozhe buti zaslon, printer, projektor, sintisajzer
Pomakni se i uzmi Inche. Nakon što se roz_isovshis, mogli bismo pisati u listu stilova za
druge direktive za boju pozadine bočne strane i korištenje fontova u
piksel.

Članak na temu: Wordpress nema radni gumb za dodavanje prevelike datoteke

Što će biti velika bitka? Nje, aaaaaaaaaaaaaaaaaaaaa od preglednika
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 drugoga i nekoliko zadnjih problema iz razvoja komponenti.

Pogled na pozadinu

Za elemente desnog bočnog izbornika odaberite desni bočni izbornik.
Ale ljudi su se dočepali menija na sat-dva, nikad nećemo imati prilike.
To nas odjednom oslobađa mladenačke glavobolje.

Krhotine pisača se ne lome s 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ć pozadinu, mi u jednom naletu virishimo
vrijeđajući probleme. Schob zrobiti ríshennya nnuchíshim, zadatak za element
"tijelo" je bolje od "omata" i "sadržaja"
rupu u tijelu (i kroz njih možete vidjeti
"tijelo"):

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

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

Možete dohvatiti one, kao što je trošak vrijednosti Navigator 4.x
"prozirno", ale vische nis: NN4.x životinje
stilova, za koje atribut "media" ima vrijednost "screen". Dakle jak ja
poput direktive @import, naše stilske tablice za prijatelja
Uzmite u oči Navigator 4. Otzhe, ovdje je glupo
turbuvatisya.

Rosemir font za druk

Opća tablica stilova je formatirana za font 11 piksela. Duzhe
nedaleko vibir na sat-dva. Sama obitelj fontova je zbirka Gruzije,
i onda serif - u redu je ići za prijatelja, pa kao fontove iz njuškanja
zazvychay ljepše viglyadayut na trijemu. Potrebno je promijeniti veličinu
font. Os je ovako:

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

"Izrezati!" - mabut, viguknete vi. - "Ubode su zlo!"

Pa, dobro, dobro, dobro, nakon što sam to rekao, i nakon što je rekao, to je nemoguće za ekran
postavite veličinu fonta za odlomke. S prijateljem zasosuvannya bod.
maê takav samiy smisao, kao puno deset godina za to. Yaksho vzhe mi gotuêmo
tablica stilova za prijatelja, a zatim promijenite veličinu fonta za "body" na 12
poanta će biti točna i prirodna.

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

Marginalije

Posebna pravila stila za postavljanje i za desni kordon
(margine) elementi omotaju í veličina sadržaja 5%. Tse znači, scho z obh
strana stattyja bit će "prazna miška", a koža će također biti "prazna miška".
presavijte 10% širine područja na drugu. Tse nasljeđivanja bloka z
tekst statti "sadržaja" trebao bi biti u sredini okvirnog bloka "wrapper", to
koža od njih je manje polja za 5% s lijeve i desne strane.

Članak na temu: Yak ispunite zaglavlje stranice

Tablica sa stilom obrisa natrag 15% desnog paddinga
za blok "sadržaj". Cordoni nam je već dao 10%, trebamo i mi
do 5%. Tse do kraja samo zrobiti:

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

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

Šteta što preglednici mogu imati problema s adekvatnim
opstrukcijom podloge, 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 s hipermoći? Očito na
prijatelj ne može osjetiti smrad, kao na monitoru, ali to je često važno
dati ključ prije nego što je smrad pronađen u originalima. Otzhe, osovina mene
Vinayshov:

a: poveznica, a: posjećeno (boja: # 520; pozadina: prozirna; težina fonta: podebljano; dekoracija teksta: podcrtano;)

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 pregledniku koji će prilagoditi CSS2 specifikaciju, možemo
unesite URL i pošaljite poruku za njih,
koji će se pojaviti da ručno otvori taj preglednik. Ispod je prikazano pravilo
kako zapeti samo za blok "sadržaj", i to s ovim rangom URL-a
ínshhh kako ne bi bili uhvaćeni u krivu:

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

Isprobajte ga u preglednicima na Gecko platformama - Mozilla ili Netscape
6.x. Na razvoju kože, trebali biste je protresti u lukovima.
na njegov URL.

Preglednici koji nemaju razuman stil obično ga nemaju
nebazanikh efektyv - ako je tako, bit ćeš tamni crv,
pidkreslenim i masnim. Samo pisati 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 za to kriv smrad
buty inclusions prije dokumenta.

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

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

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

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

Cijelo pravilo će transformirati sve vrijednosti tipa "/ issues / 144 /",
"//www.alistapart.com/issues/144/". Općenito je pravilo da ne možete pomoći
padajući izbornik s ispravnim URL-ovima, ako to ne možete popraviti s kosom crtom, ale, prije
Srećom, ALA nije zamjenska vrsta posilana.

UVAGA! VAŽNO! Yak bolo rekao, selektor pamet ^ =
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š izbornika
preporuke za specifičnosti.

Uljepšano klasje

Ponovno provirujući, preostala verzija stilske tablice, I
nakon što se pojavio, "šešir" sa strane mi ne bi trebao više pristajati. Shvidshe Bula s desne strane
ne u samoj glavi, nego u samom "zločestom" imenu stranice. Tse
sjedište je tu očito završilo, slika je završila
Zaglavlje. Zaspao sam na lutki s raptomom
linija sjedala je cijelom širinom strane.

Internet ne izgleda kao da je Web bogata i funkcionalna sredina, ali prenosi razvoj informacija. U ovoj se vipadku oslanjaju na poštivanje ne multimedijalnih – audio i video podataka, naširoko proširenih za današnji dan, već prave jerela, za koje ljudi dobivaju informacije s weba. Lijevi dio interneta je za cijeli vikistički ekran, koji može biti dodatak (PC monitor), kao i malo dio mobilnog dodatka s pristupom ogradi. Uspješan razvoj računalnih tehnologija i dostupnost stacionarnih i prijenosnih računala i svih vrsta elektroničkih naprava mogu se lako reći najpopularnijim monitorima današnjice.

Yak bi nije bilo bulo, ale u okremikh vipadkah bez razdrukuvannya strana, poput petljanja s nama, samo ne zaobići. Na samu činjenicu, na web stranicama za skin-friendly dokument prenosi se opcija koja se može poslati na pisač sat vremena. Sve to, preko onih koji razvijaju web tehnologije, usmjereno je, prije svega, na vizualni prikaz informacija na ekranima monitora u pregledniku, bez pomoći web stranica kojima se rukuje na način koji nije zgodan za čitanje pogleda. Navigacijski paneli, banneri Rizznachenija i ostali elementi web stranice zatrpani su i vizualno predstavljeni u pregledu iz ruke. Do tada je velik broj elemenata namijenjen interakciji s corystyvach-om za dodatni preglednik, te da, kada se iz njih prebace na corysty papier, izgledaju kao nešto. Odnosno, sve češće je na povezanim web stranicama moguće postaviti vrstu "Verzija strane za prijatelja", što vam omogućuje da objavite dokument na zaslonu u istom pregledniku, u kojem slučaju će biti poslan na pisač.

Prilagodite CSS specifičnosti kako biste omogućili web programerima da jednostavno kreiraju različite opcije za slanje stranica prema načinu na koji se prikazuju (monitor, pisač i ne samo). Statistika pokazuje kako implementirati pristup koristeći CSS.

Povezivanje zvonjave.

Postoji mnogo načina za uvoz umjesto originalnih CSS stilskih tablica iz html dokumenta i postavljanje potrebnih pravila bez prednje datoteke koda veze.

Meta oznaka .

Nybílsh proširenja i specifična opcija - victoriannya meta tagu , u kojem se prosljeđuje atribut medija koji vam omogućuje dodjeljivanje unaprijed postavljenih postavki, za koje se formatiranje dokumenta prikazuje iza navedene CSS datoteke. stražnjica osovine:

Lebdeći dio uključuje CSS datoteku print_stylesheet.css, naznake za formatiranje dokumenta kada se gleda na pisaču (medij = "print"). Odnosno, za sve ostale vrste podnesaka web stranice (kao što je prikazano u verziji nacrta), CSS pravila se dodjeljuju datoteci print_stylesheet.css, a ne vrahovuvatisya. CSS navodi deset valjanih vrijednosti za atribut medija, koje se koriste za različite privitke i načine predstavljanja web informacija: sve, zvučno, brajevo pismo, reljefno, ručno, ispis, projekcija, ekran, tty i tv. U statistici se ne razaznaju sva značenja, nego početni drukarsky pristriy. Ale je skliznuo brutalno poštivanje značenja 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 privitaka jedan sat, možete unijeti ključne riječi u jedan red, 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 točki pravila možete dodati nekoliko tipova nosa, što je naznačeni format. Istovremeno, sintaksa dopuštenja je dvije varijante pisane naredbe:

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

Yak bachimo s zadnjicom posebnih značajki u dopuštenim opcijama nije. U jednom je url direktiva zaglavljena, a druga se prosljeđuje u CSS datoteku bez nje. Dodat ću pravilo za prijenos datoteke u datoteku stylesheet.css, koja se nalazi u stylesheetu, koja služi za formatiranje dokumenta za privitke s informacijama na stranama (ispis - pisači, projekcija - dijaprojektori i druge opcije) .

Bezposredno za html dokumente na webu.

Za širok raspon 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: