Yak zrobiti različica za prijatelja. Idealna stran za prijatelja

Peči in kamni

Občasno lahko na internetu ustvarite niz cen za statistiko, če jih želite vnaprej prebrati. Hkrati pa se ne pri vseh storitvah različica stattyja prenese za prijatelja, ker naša bazhania ne uporablja možnosti (želimo prepisati sliko ali spremeniti vrsto glavne pisave). Jak, drukuvati stran brez elementov? Za to je na voljo spletna storitev.

Na glavni strani PrintWhatYouLike na sredini zaslona je obrazec za vnos naslova prijateljeve strani. Naslov je bil uveden, stran je blokirana і mi bachimo, vendar je pri izbiri med elementi vmesnik obdan z rdečim okvirjem. Ponovno se s pritiskom na levi gumb prikaže seznam možnih operacij. Elemente vmesnika lahko vidite enega za drugim ali v skupinah, širijo vibracije na mejah ali vibrirajo en blok na besedilo, ko so igrali vse. Tako imate možnost, da to storite enega za drugim, ne potrebujete za drug del strani, ali hitro in enostavno, če ga potrebujete v drugi vrsti.

Na levem delu zaslona je majhna plošča s številnimi funkcijami za urejanje strani:

  • Shranjevanje urejene strani formata PDF, HTML;
  • spremenite velikost besedila na vrsto pisave;
  • vidalennya ozadje ali slika en naval gumba mishі.

Za udobje PrintWhatYouLike postavite na ploščo z zaznamki gumb za urejanje pred drugo stranjo, kot smo videli. To uporablja tudi možnost PageZipper. Vona bo pametna pri branju virov, rada bo razdelila en članek na pet, deset ali več strani. Odtisnete "Step on the road", spet "Step on the road", a pozor, ni kaj prebrati. PageZipper bo razdelil celoten članek na eno stran za enostavno urejanje in skupno rabo. Ne želim postaviti zaznamka, razpoložljivega vtičnika za Firefox PageZipper 0.6.1.

Registriranim uporabnikom PrintWhatYouLike bom predlagal nadzorno ploščo, pridobil informacije o številu nameščenih tiskalniku prijaznih gumbov, ki so shranjeni v papirju, so varčni v penijih in niso bili sesekljani v lesu vzdušje, na način, ki ne naredi razlike.

Blogerji lahko prinesejo tudi nekaj cimeta. Vstavljanje vtičnika v izdelek, preden se pojavi na strani kože bloga, gumb za pošiljanje člankov prijatelju, možnost shranjevanja povezav v format PDF, da se bralcu omogoči uporaba pisav in tiskalnikov tiskalnika.

Prej je bil preprosto standard za nastavitev ali, natančneje, gumb z napisom "Različica za prijatelja". Smrad je potreben, da ga spravimo ven na verando. Različica za prijatelja, da se maščuje vsem potrebnim informacijam, čeprav v enem izmed današnjih interaktivnih elementov: gumbi, samo obrazec.

Tse pomeni, da ga bom samodejno predal za dodaten scenarij
ko sem vzel izvirni dokument i, vedel vse o njem, ko sem odprl njegovo kopijo,
zruchn_shu za prijatelja. Mozhlivo, s podobnim robotom, prinesel
skrbeti zate.

Rešitev - stilske mize za prijatelje

Ena od odličnih lastnosti CSS je moč
osnovne tabele slogov, organizirane na fleksibilnih priponkah
vivedennya. Ustvarili smo zvok zložljivih miz za prikaz stranic
zaslon, čeprav niso razmišljali o tem, niso razmišljali o tem. JAZ,
kako sprejeti "različico za prijatelja", o prijatelju z dokumenti
Razmišljam samo o vložitvi dokumenta v іnshomu viglyadі.

Ale zdaj se imamo malo bati, zdaj za konec prijateljičine različice
potrebujemo dokument, če nimamo dobro strukturiranega dokumenta i
stilske mize za prijatelje!

Danes lahko vzamete (X) dokument HTML in ga pripravite
Za prijatelja za pomoč stilske mize, ne vztrajajte. I os y
prenesel težavo skozi vrata in sinhronizacijo obeh različic
dokument - eden za zaslon, іnshy - za drugega. I scho sama
Spomnim se: zrobiti tse nayprostishe.

Potrebna je pomilostitev s plavajočimi elementi

Brskalniki družine Gecko, kot sta Netscape 6.x in Mozilla, Mayut
problem tiskanja dolgih plavajočih elementov.
Kot plavajoči element Wiyshov med stransko stranjo, torej
del, ki je bil izgubljen, bo povzročil izgubo, saj se ni pojavil v ofenzivi
stran.

Vaše spletno mesto je podobno A List Apart, tobto. statistiko na novem področju
v enem velikem plavajočem bloku, potem to pomeni, da berete kdaj
prijatelj otrimayut prikrajšan za prepričevanje statistike.

Rishennya, yak і slіd bulo ochіkuvati, polyagaє u skasuvannі yakostі
"plavajočo" oznako na blok z besedilom pred pečatom. Kratka je, za vse
plavajoči elementi bodo nastavljeni na slogovno pravilo "float: none".
Ko zlomite tse, boste obračali vse plavajoče elemente, dokler ga ne boste videli
dokument bo obravnavan tako, da je bil prenesen.
stran vse do konca.

Otzhe, isto, proponuvav zrobiti Zeldman za ALA, i, yak
tilki vin tse zroiv, se je pojavila težava s pečatom. Družinski brskalniki
Gecko tsya pomilka, yak і prej, ni popravljen (v času pisanja
statti), a vseeno lahko preprosto zaobidete predlagani način.

Na poti

Spodaj je tabela v slogu "drukovan", s pomočjo katere je A List Apart prikazal problem drugih plavajočih elementov:

#meni (prikaz: brez;) #wrapper, #content (širina: samodejno; obroba: 0; rob: 0 5%; padding: 0; float: brez! pomembno;)

Okrasite uho. Tabela slogov bo tako povečala desni del menija
ne priti v prijatelja, in postaviti meje in korake za
namesto stattyja v takem rangu besedilo na strani be-yakiy
roztashovuvavsya rіvnomіrno od roba regije do drugega.

Težava, ker sem bil bachilos, je bila v tem, da je bilo veliko stilov, ki so bili razbiti za ekran, šli so skozi proces.

Yaksho se čudi oznaki vmist novi članki na spletni strani ALA

Imamo datoteko tabel slogov, print.css,
Druge priloge "print" so povezane z vrednostmi atributa "media".
Datoteka slogovnih listov nucss2.css, za uvoz za pomoč
konstrukcije @import, dobrodošli iz Navigatorja 4.x, če vikoristaniy
pri vizualizaciji strani na kateri koli prilogi (atribut
mediji = "vse"). Tse mozhe buti zaslon, tiskalnik, projektor, sintetizator
Premakni se in vzemi Inche. Ko se roz_isovshis, bi lahko pisali v slogovni list za
druge direktive za barvo ozadja stranic in uporabo pisav v
picsel.

Članek na temo: Wordpress nima delujočega gumba za dodajanje prevelike datoteke

Kaj bo velika bitka? Ні, аааааааааааааааааааaaaa brskalnikov
Kandidati ne zavajajo ozadja strani, ampak so označeni v slikovnih pikah velikosti
pisave, priloge za prikaz na zaslonu, ne toliko
korisnі pіd uro druku.

V ta namen naredimo tri odvečne naše slogovne liste drug za drugega in zadnjih nekaj težav pri razvoju komponent.

Pogled na ozadja

Za elemente desnega stranskega menija izberite desni stranski meni.
Ale ljudje so pograbili meni za uro ali dve, nikoli ne bomo imeli možnosti.
To nas naenkrat razbremeni mladostnega glavobola.

Drobci tiskalnika se ne zlomijo z barvo
bily. Prav tako je treba videti vsa ozadja slike, kot npr
vikoristovuvalysya pіd uro vivedennya partinki na zaslonu.

Yakshho mi klic na pomoč moč ozadja, mi v enem zamahu virishimo
žaljive težave. Schob zrobiti rіshennya nnuchіshim, naloga za element
"telo" je boljše kot "ovij" in "vsebina"
luknjo v telesu (in skozi njih lahko vidite
"telo"):

telo (ozadje: belo;) #meni (zaslon: brez;) #ovij, #vsebina (širina: samodejno; rob: 0 5%; oblazinjenje: 0; obroba: 0; plavajoče: nič! pomembno; barva: črna; ozadje : pregleden;)

Zasnova barve ospredja (barva pisave) sploh ni bila
Nujno, a lepše, ne pozabite na tse. Otzhe, naenkrat imamo dva
»neplavajočih« elementov (#wrapper, #content) z jasnim pogledom na ozadje, tj
stran z lahkim pepelom.

Lahko jih zgrabite, kot je cena vrednosti Navigator 4.x
"prozorno", ale vische nis: NN4.x živali
slogi, za katere ima atribut "media" vrednost "screen". Torej ja
kot direktiva @import, naše slogovne liste za prijatelja
Poglejte v oči Navigator 4. Otzhe, tukaj je neumno
turbuvatisya.

Pisava Rosemir za druk

Splošna tabela slogov je oblikovana za pisavo 11 slikovnih pik. Duzhe
nedaleč vibir za eno uro do drugega. Sama družina pisav je zbirka Gruzije,
in nato serif - v redu je, da greste za prijatelja, zato kot pisave iz sniffs
zazvychay lepše viglyadayut na verandi. Potrebno je spremeniti velikost
pisava. Os je taka:

telo (ozadje: belo; velikost pisave: 12pt;)

"Rezi!" - mabut, viguknete vi. - "Punkture so zlo!"

No, no, no, no, ko sem to rekel in ko sem to rekel, je za ekran nemogoče
nastavite velikost pisave za odstavke. S prijateljem, zasosuvannya pts.
ima tako samy smisel, kot veliko deset let do tega. Yaksho vzhe mi gotuєmo
stilsko tabelo za prijatelja, nato spremenite velikost pisave za "body" na 12
poanta bo pravilna in naravna.

Vy, slyly, lahko vprašate biti-kot velikost, kot prošnja, prote
pisava ima 12 točk največ namestitve. Najprej in predvsem v naslovni tabeli
slogi vseh ostalih elementov stranic so zagotovo podani
velikosti v elementu "telo", naš robot je končan.

Marginalije

Posebna slogovna pravila, ki jih je treba nastaviti za oba in za desne kordone
(obrobe) elementi ovojni in velikost vsebine 5%. Tse pomeni, scho z obh
stran stattyja bo "prazna miška", koža pa bo tudi "prazna miška".
prepognite 10 % širine območja na drugo. Tse dedovanja bloka z
besedilo statti "vsebina" mora biti na sredini okvirnega bloka "ovij", to
koža od njih je manjše polje za 5 % z leve in desne strani.

Članek na temo: Yak izpolnite glavo spletnega mesta

Obrisni slog tabele nazaj 15 % desno oblazinjenje
za blok "vsebina". Cordoni nam je že dal 10%, potrebujemo tudi mi
do 5 %. Tse do konca samo zrobiti:

div # vsebina (margin-left: 10 %;)

Pri prvi možnosti rešitve je možno preseči maržo
umirite in dajte 5% levemu oblazinjenju. Oskіlki blok "vsebina"
ni viden v ozadju, smo vzeli tak rezultat.

Škoda, da imajo brskalniki lahko težave z ustreznim
zaradi oviranja oblazinjenja, tako da se elementi zamenjajo s stranico
lepše s pomočjo kordonov (margin).

Pidannya za eno uro prijatelju

Bulo še ena zvita hrana - kako lahko delaš s hipermočmi? Očitno naprej
prijatelj ne more zavohati smradu, kot na monitorju, vendar je pogosto pomembno
dajte ključ, preden je bil v originalih najden smrad. Otzhe, os mene
Vinayshov:

a: povezava, a: obiskano (barva: # 520; ozadje: prozorno; teža pisave: krepko; okras besedila: podčrtaj;)

Tse daє poilannyam kolіr, doseči temo, biti blizu
črn s črno-belim prijateljem, izgubi se ob isti uri temen črv
pіd uro kolorovoy druku. Krepka pisava in garancija za pіdkreslennya,
posilannya vid_lyatimetsya v pripravljenem besedilu.

V brskalniku, ki bo prilagodil specifikacijo CSS2, lahko
vnesite URL in pošljite sporočilo zanje,
ki se bo prikazal, da bo ta brskalnik odprl ročno. Spodaj je prikazano pravilo
kako se zatakne samo za blok "vsebina" in s tem rangom URL-ja
іnshhh, da ne bi bili ujeti narobe:

#vsebina a: povezava: po, #vsebina a: obiskano: po (vsebina: "(" attr (href) ")"; velikost pisave: 90%;)

Preizkusite ga v brskalnikih na platformah Gecko - Mozilla ali Netscape
6.x. Pri razvoju kože jo morate pretresti v lokih.
na njen URL.

Brskalniki, ki nimajo razumnega sloga, ga običajno nimajo
nebazanikh efektyv - če je tako, boste temni črv,
pidkreslenim in maščobnim. Samo pisanje k besedilu
URL, na katerega se je treba sklicevati, od vseh.

Spoštujem te za tiste, ki so udarili pred in za loke є
del slogovnega pravila - ne pozabite na jase, zato je kriv smrad
buty vključki pred dokumentom.

Praviloma obstaja ena naravna težava. Prav v tem
Naročeno mi je, da v dokument vstavim vrednost atributa
href.

Če pogledam kodo ob strani spletnega mesta A List Apart, mi shvidko
poleg tega ni lich, ti "vidnosilan" um
"/ vprašanja / 144". Smrad bo tak gledalec vstavil v dokument, kot smrad
є, če pa želite, uporabite URL-je.

Za takšne vipade lahko uporabimo CSS3. Bodite kot izbirnik atributov,
vikoristic operator ^ =, izberite elemente, zaponі na storž их
vrednost za atribut. V takem rangu mi mogo vibrati biti atribut href,
se napolni s poševnico in vanjo vstavi besedilo,
enako vrednost za atribut.

#content a: po (vsebina: "(//www.alistapart.com" attr (href) ")";)

Celotno pravilo bo preoblikovalo vse vrednosti vrste "/ issue / 144 /",
"//www.alistapart.com/issues/144/". Splošno pravilo je, da ne morete pomagati
spustni meni s pravilnimi URL-ji, če tega ne morete popraviti s poševnico, ale, prej
Na srečo ALA ni nadomestna vrsta posilana.

UVAGA! POMEMBNO! Yak bolo je rekel, selektor misli ^ =
glejte izbirnike, specifične za CSS3. Validator za CSS vid
Konzorcij W3 ga lahko preizkusi glede posebnih specifikacij
CSS1 in CSS2. Ne bodite pametni glede selektorja, samo uporabite CSS3, validator bo
glej na milost, če ne prekoračiš selektorja
priporočila za posebnosti.

Okrašen koruzni klas

Ponovno pogledam preostalo različico tabele slogov, I
ko se je pojavil, mi "klobuk" na strani ne bi smel biti bolj primeren. Shvidshe Bula na desni
ne v sami glavi, ampak v zelo "navihanem" imenu strani. Tse
sedež se je tam očitno končal, slika se je končala
glavo. Zaspal sem na lutki z vznemirjenjem
sedežna linija je celotna širina stranice.

Internet ni videti, da je internet bogata in funkcionalna sredina, ampak prenaša razvoj informacij. V tem vipadku se zanašajo na spoštovanje ne multimedijskih - avdio in video podatkov, močno razširjenih za današnji dan, temveč resnične jerela, za katere ljudje dobijo informacije s spleta. Levi del interneta je za celoten vikistični zaslon, ki je lahko dodatek (PC monitor), pa tudi malo del mobilnega dodatka z dostopom do ograje. O uspešnem razvoju računalniških tehnologij in o razpoložljivosti stacionarnih in prenosnih računalnikov ter vseh vrst elektronskih pripomočkov lahko zlahka povedo najbolj priljubljeni monitorji tega dne.

Yak bi ni bilo bulo, ale v okremikh vipadkah brez razdrukuvannya strani, kot je popravljati z nami, samo ne priti naokoli. K samemu dejstvu, da se na spletnih straneh za koži prijazen dokument prenese možnost, ki jo lahko pošljete tiskalniku za eno uro. Vse, prek tistih, ki razvijajo spletne tehnologije, je usmerjeno, najprej za vse, na vizualno predstavitev informacij na zaslonih monitorjev v brskalniku, brez pomoči spletnih strani, ki jih je treba ravnati na način, ki ni priročen za branje pogledov. Navigacijske plošče, pasice Rizznacheniya in drugi elementi spletne strani so nered in vizualno predstavljeni v ročnem pogledu. Do takrat je veliko število elementov namenjenih interakciji s corystyvachom za dodaten brskalnik in da, ko se iz njih prenesejo v corysty papier, izgledajo kot nekaj. To pomeni, da je vse pogosteje na povezanih spletnih straneh mogoče nastaviti vrsto "Različica strani za prijatelja", ki omogoča objavo dokumenta na zaslonu pri istem pregledovalniku, v tem primeru pa bo poslan tiskalniku.

Nastavite posebnosti CSS, da spletnim razvijalcem omogočite preprosto ustvarjanje različnih možnosti za oddajo strani na način, ki je prikazan (monitor, tiskalnik in ne samo). Statistični podatki kažejo, kako implementirati pristop z uporabo CSS.

Povezava zvonjenja.

Obstaja veliko načinov za uvoz namesto izvirnih slogovnih listov CSS iz dokumenta html in nastavitev potrebnih pravil brez potrebe po datoteki pred stransko kodo.

Meta oznaka .

Razširitve Nybіlsh in posebna možnost - victoriannya meta tagu , v katerem se posreduje medijski atribut, ki omogoča dodelitev prednastavitev, za katere je oblikovanje dokumenta prikazano za določeno datoteko CSS. zadnjica osi:

Lebdeča stran vključuje datoteko CSS print_stylesheet.css, indikacije za oblikovanje dokumenta, ko ga gledate na tiskalniku (medij = "print"). Torej so za vse druge vrste predložitev na spletni strani (kot je prikazano v osnutku različice) pravila CSS dodeljena datoteki print_stylesheet.css, ne pa vrahovuvatisya. CSS določa deset veljavnih vrednosti za medijski atribut, ki se uporabljajo za različne priloge in načine predstavitve spletnih informacij: vse, zvočno, braillovo pisavo, reliefno, ročno, tiskanje, projekcija, zaslon, tty in tv. V statistiki niso razvidni vsi pomeni, temveč začetni drukarsky pristriy. Ale je zdrsnilo brutalno spoštovanje pomena vsega, saj pomeni besede za medijski atribut naenkrat, če to ni izrecno navedeno. Poleg tega je na voljo preprosta datoteka CSS atributov za oblikovanje strani pri vstavljanju v številne vrste prilog eno uro, ključne besede lahko vnesete v eno vrstico in jih razdelite v vejici:

Ukaz za uvoz CSS.

Za dodajanje določene datoteke CSS lahko uporabite tudi ključno besedo @media. Na določeni točki pravila lahko dodate več vrst nosu, kar je določena oblika. Hkrati sta sintaksa dodatka dve različici zapisanega ukaza:

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

Yak bachimo z zadnjico posebnosti v dopustnih možnostih ni. V eni je direktiva url zataknjena, druga pa se brez nje posreduje v datoteko CSS. Dodal bom pravilo za prenos datoteke v datoteko stylesheet.css, ki se nahaja v slogovni tabeli, ki se uporablja za formatiranje dokumenta za priloge z informacijami na straneh (tisk - tiskalniki, projekcija - diaprojektorji in druge možnosti) .

Brezposredno za html dokumente na spletu.

Za širok nabor pravil CSS se uporablja pravilo @media, v okviru katerega se prikaže avtoriteta formata dokumenta in zanje potreben pomen. Brez sredine za ključno besedo @media je ena ali več vrst nosov (preko koga), za tiste, ki uporabljajo obliko: