Kaip sukurti versiją draugui. Ideali pusė draugui

Krosnys ir akmenys

Kartkartėmis internete galite pasidalinti vertingais straipsniais, kuriais norite pasidalinti ir perskaityti skaitytojui. Jei ne visose paslaugose, straipsnio versija buvo perkelta kitai, arba mūsų bazhanya rozdrukuvaty ne zbіgayutsya su galimybe (noriu pašalinti paveikslėlį arba pakeisti pagrindinio šrifto tipą). Kaip jūs galite padaryti pusę be zayvih elementų? Šiuo metu padės žiniatinklio paslauga.

Pagrindinėje PrintWhatYouLike pusėje ekrano viduryje yra forma, skirta įvesti draugo pusės adresą. Adresas buvo įvestas, puslapis užpildytas ir mi Bachimo, kad renkantis bet kurį vyno sąsajos elementą jis bus apjuostas raudonu rėmeliu. Dar vienas kairiojo pelės mygtuko paspaudimas ir pasirodys galimų operacijų sąrašas. Sąsajos elementus galima matyti po vieną arba kaip grupę, išplėsti vibracijų skaičių ties ribomis arba pasirinkti vieną teksto bloką, neįskaitant visų kitų. Būtent todėl galima po vieną paimti kitam nereikalingas šono dalis arba atskirti reikiamas dalis iš kitos eilės.

Kairėje ekrano dalyje yra šoninis skydelis su daugybe redakcinės pusės funkcijų:

  • redagavimo pusės išsaugojimas PDF, HTML;
  • pakeisti teksto šrifto dydį;
  • fono arba vaizdo peržiūra vienu pelės mygtuko paspaudimu.

Kad „PrintWhatYouLike koristuvach“ būtų skaidrus, rekomenduoju įdėti mygtuką ant žymių juostos, kad galėtumėte redaguoti prieš draugą, kad ir kurią pusę matytumėte. Taip pat perkelta „PageZipper“ parinktis. Būsite patogus skaitydami išteklius, mėgstate padalinti vieną straipsnį į penkias, dešimt ar daugiau pusių. Įspausti „Kita pusė“, vėl „Kita pusė“, tada suprasi, kad nebuvo ką skaityti. PageZipper išdėsto visą straipsnį vienoje pusėje, kad būtų galima toliau redaguoti kitoje. Jei nenorite įdiegti žymelės, yra Firefox PageZipper 0.6.1 įskiepis.

Spausdintuvų registracijai „PrintWhatYouLike“ platina valdymo skydelį, išsaugo informaciją apie įdiegtų „Printer Friendly“ mygtukų skaičių, sutaupytus ir rozdrukovany popieriaus lankus, taupydami centus, nepjaustydami medžių, o ne išmesdami į blogio anglies oksido atmosferą.

Tinklaraštininkai taip pat gali pridaryti nelaimių. Papildinys buvo įdiegtas prieš atsirandant rankiniam mygtukui tinklaraščio odinėje pusėje, kad būtų galima priversti straipsnius kituose puslapiuose, galimybė išsaugoti puslapius PDF formatu, o tai leis skaitytojams sutaupyti popieriaus ir spausdintuvo dalį.

Anksčiau tai buvo tiesiog standartas sukurti žinutę, o tiksliau – mygtukas su užrašu „Versija draugui“. Smarvė reikalinga tam, kad rozdrukuvat ant popieriaus. Versija kitiems pašalinti visą reikiamą informaciją, tačiau šiuo metu interaktyvūs elementai: mygtukai, forma tiesiog.

Tse reiškia, kad aš rankiniu būdu arba automatiškai vykdysiu pagalbos scenarijų
paėmęs dokumento originalą, paėmęs viską iš naujo, padaręs jo kopiją,
pagalba draugui. Galbūt nutiko panašus robotas
Pasirūpink savimi.

Sprendimas – stilių lentelės kitiems

Viena iš stebuklingų CSS savybių yra galimybė
sukurtos stilių lentelės, orientuotos į skirtingus ūkinius pastatus
regėjimas. Kvietėme sukurti stiliaus lenteles, kuriose būtų rodomos pusės
ekrane, bet vis tiek jie negalvojo apie kitą sveikatos priežiūrą. aš,
kaip patvirtinti pranešimą „versija draugui“, apie dokumento draugą
Aš galvoju tik apie dokumento pateikimą kitaip.

Bet dabar mes neturime ko bijoti, dabar dėl kitokios versijos kūrimo
dokumentas, mums reikia daugiau gero struktūrinio dokumento i
stiliaus lapai draugui!

Šiandien galite paimti bet kurį (X)HTML dokumentą ir paruošti jį prieš tai
draugui dėl papildomų stiliaus staliukų, neklijuojant rozečių. І y ašis
anksčiau kils problemų kuriant ir sinchronizuojant dvi versijas
dokumentas – vienas ekranui, kitas – kitam. Aš šokau save
priėmimas: supaprastinkite.

Apeiti atleidimą su plūduriuojančiais elementais

Gecko šeimos naršyklės, tokios kaip Netscape 6.x arba Mozilla, gali
ilgų plūduriuojančių elementų spausdinimo problema.
Tada kaip plūduriuojantis elementas tarp sienų
dalis, kuri buvo pamesta, vėl pamesta, todėl aš nepasirodžiau puolime
į šoną.

Taigi jūsų svetainė yra panaši į A List Apart. statti naujoje srityje
į vieną puikų plaukiojantį bloką, tada tse reiškia, kas skaitoma kada
vienas kitam mažiau tikėtina, kad atims pirmąją straipsnio pusę.

Sprendimas, kaip ir toliau buvo ochіkuvati, polagáє at skasuvannі yakostі
„plaukiojantis“ blokas su tekstu prieš antspaudą. Tik trumpai, visiems
plaukiojantys elementai, nustatoma stiliaus taisyklė „plūduriuoti: nėra“.
Zrobivshi tse, jūs paversite visus plūduriuojančius elementus į nuostabią išvaizdą
dokumentas bus instruktuotas taip, kaip jis buvo perduotas.
į šoną iki pat galo.

Otzhe, tas pats tse aš zaproponuvu zrobiti Zeldman už ALA, i, jakas
tik vin tse išaugo, iškilo bėda su signetu. Šeimos naršyklės
Gecko šis atleidimas, kaip ir anksčiau, nebuvo ištaisytas (rašymo metu
statti), bet tą patį її galima lengvai apeiti labiau propaguotu būdu.

Kelyje

Žemiau yra „tvarkomas“ stiliaus lapas, padedantis A List Apart išspręsti kito slankiojo elemento problemą:

#meniu ( ekranas: nėra; ) #vyniotuvas, #turinys ( plotis: automatinis; kraštinė: 0; paraštė: 0 5%; užpildymas: 0; plūduriavimas: nėra !svarbu; )

Garniy Cob. Stiliaus lapas dabar išvalo dešinįjį meniu taip,
kad jis neturėtų būti matomas ant kito ir įdėti tarp ir žingsnių
vietoje straipsnio taip, kad tekstas būtų be-yak_y pusėje
roztashovuvavsya vienodai regiono krašto į kitą į kitą.

Problema, kiek aš buvau susirūpinęs, buvo ta, kad buvo daug stilių, rozroblenyh ekranui, nutemptų iki skersvėjų.

Kaip vietoj to žiūrėti į žymą naujų straipsnių ALA svetainėje, matome (užpildo storumoje) kitas eilutes:

Turime stiliaus lapo failą print.css, kuris skirtas
Kiti „spausdinti“ priedai buvo priskirti atributo „media“ vertei.
Stiliaus lapo failas nucss2.css, kuris importuojamas pagalbos
@import konstrukcijas, kad importuotumėte duomenis, pvz., Navigator 4.x
su šono rodymu be-yakoy priedo rodinyje (atributas
media="visi"). Gali būti ekranas, spausdintuvas, projektorius, sintezatorius
judėti ir pan. Turėdami rozіyshov, galėtume rašyti stiliaus lape
kitas šoninės fono spalvos direktyvas ir nurodykite šriftą
pikselių.

Susijęs straipsnis: „WordPress“ neturi failo įkėlimo mygtuko ar kažko kito

Chi bus puiki bida? Sveiki, bet daugiau naršyklių
šono fonas skiriasi ne spynoms, o rodomas tarptinklinio ryšio pikseliais
šriftai, priedai ekrano rodymui, ne taip
Korisnі pid valanda vieni kitiems.

Taigi šiek tiek patobulinkime savo stiliaus lapą kitiems ir pamatysime keletą kitų problemų, susijusių su komponentų paskirstymu.

Vіdbіlyuvannya fonіv

Dešiniojo šoninio meniu elementų spalvų pasirinkimo nėra.
Ale, šukės valgiaraštį kiša dar valandai, nieko pakeisti negalėsime.
Staiga tai atleidžia mus nuo galimo galvos skausmo.

Oscilki spausdintuvai nenaudoja baltų spalvų, galime pakeisti šono foną
baltas. Taip pat būtina pamatyti visus fono paveikslėlius, pvz
vikoristovuvalis pagal šono rodymo valandą ekrane.

Tarsi šaukiamės į pagalbą galios foną, esame virushimo vienu ypu
skaudančios problemos. Norėdami išsiaiškinti gnuchkishim sprendimą, paprašykite elemento
„kūnas“ yra miręs, tačiau elementai „įvynioklis“ ir „turinys“ jį paleidžia
pelenų tarpas (ir tsim per juos balta spalva
kūnas):

korpusas ( fonas: baltas; ) #meniu ( ekranas: nėra; ) # įvynioklis, #turinys ( plotis: automatinis; paraštė: 0 5%; pamušalas: 0; kraštinė: 0; plūdimas: nėra !svarbu; spalva: juoda; fonas : skaidrus;)

Priekinio plano spalvų priskyrimas (šrifto spalva) buvo visiškai ne
būtina, bet verčiau to nepamirškite. Tėve, mes turime du vienu metu
„neplaukiojantys“ elementai (#wrapper, #content) su skaidriu fonu, t.y
pusė su baltais pelenais.

Galite pasijuokti, nes „Navigator 4.x“ valdo šias reikšmes
"skaidrus", bet daugiau nіs: NN4.x mažiau pagarbos ant lentelių
stiliai, kurių atributas „media“ nustatytas į „screen“. Taigi kaip ir aš
@import direktyvos kontekste, mūsų stilių lentelės viena kitai
užkabino mieguistas Navigator 4 akis. Otzhe, nieko apie ką
turbulencija.

Rozmarino šriftas draugui

Visuotinis stiliaus lapas nustato šrifto dydį iki 11 pikselių. duje
netoli vibir pіd valanda vieni kitiems. Pati šriftų šeima – Gruzija
o tada serifas - protinga eiti pas draugą, todėl patinka šriftai iš zasіchki
gražiau skamba ant popieriaus. Būtina pakeisti rozmirą
šriftas. ašis tokia:

korpusas (fonas: baltas; šrifto dydis: 12 pt;)

"Juostele!" — Mabut, wiguknete vie. - "Punkty - tse blogis!"

Na, taip, taip vynas ir pasakęs, ir mav racionas - ekranui negalima
nustatykite pastraipų šrifto dydį. Vienas su kitu, zastosuvannya taškų
Aš galiu turėti tokį jausmą, kaip prieš dešimt metų. Jakščas jau esu pasiruošęs
kitiems, tada nustatykite „body“ šrifto dydį į 12
taškai bus teisingi ir natūralūs.

Jūs, aišku, galite paklausti, ar yra koks nors rozmiras, kažkoks zabazhaete, prote
12 taškų turi dažniausiai naudojamą šriftą. Aš prie to pasaulinėje lentelėje
vizualiai pateikiami visų kitų pusės elementų analizės stiliai
išplėstas elemente "kūnas", mūsų darbas baigtas.

Marginalia

Іsnuyuchi stilistinės taisyklės, kurias reikia nustatyti kairiajam ir dešiniajam kordonui
(paraštės) elementų apvyniojimas ir turinio dydis 5%. Tse reiškia, kad abu
straipsnio pusėse bus „tuščia vieta“, o oda – „tuščia vieta“
pridėti 10% ploto pločio į kitą. Paskutinis dalykas, kuris blokuoja s
straipsnio tekstas „turinys“ turėtų gulėti rėminimo bloko „įvynioklis“ viduryje, kad
oda iš jų gali būti 5% laukai iš kairės ir dešinės pusės.

Susijęs straipsnis: Kaip sukurti svetainės antraštę

Išorinio kampo stiliaus lapas nustato 15 % dešinės paraštės (pamušalas)
„turinio“ blokui. Cordoni jau davė 10%, tad reikia
pridėti 5 proc. Tse dosit just robiti:

div#content (kairė paraštė: 10 %; )

Kitame sprendimo variante būtų galima pašalinti ribą (paraštę).
Nusiraminkite ir pridėkite 5% prie kairiojo įėjimo (paminkštinimo). Oskіlki "turinio" blokas
jei nėra matomo fono, tokį rezultatą atimtume.

Gaila, kai kurios naršyklės gali išspręsti problemas tinkamai
pamušalas, todėl elementus perkelkite į šoną
greičiau su papildomu kordonivu (marža).

Posilannya pid valandą vienas kitam

Buvo vienas gudrus maistas – kam dirbti su hipergaliais? Aišku įjungta
kitokios smarvės negalima iš kilimų, kaip ant monitoriaus, bet dažnai tai svarbu
duok raktą, kol nepaprašoma smarvės originale. Tėve, kas aš
vineishov:

a:link, a:visited (spalva: #520; fonas: skaidrus; šrifto svoris: paryškintas; teksto dekoravimas: pabrauktas; )

Tse suteikia silanams spalvas, baigia tamsus, sob arti
juodas su juodai baltu draugu, paliktas tą pačią valandą su tamsia-chervonim
pagal spalvos druk valanda. Paryškintas šriftas ir šis patvirtinimas tai garantuoja
galia, kurią galima pamatyti rozrukovanogo tekste.

Naršyklėms, kurios vis dar palaiko CSS2 specifikaciją, galime
įveskite URL ir nusiųskite jiems patiems, tuo pačiu metu vergai juos aptarnauja,
kam pasirodyti rozdrukivka ta naršyklė po ranka. Žemiau yra taisyklė,
kaip zastosovuetsya tik „turinio“ blokui ir tokio rango URL
іnshih žada nesimatyti kitame:

#content a:link:after, #content a:visited:after ( turinys: " (" attr(href) ") "; šrifto dydis: 90%; )

Išbandykite „Gecko“ platformos naršyklėse – „Mozilla“ arba „Netscape“.
6.x. Ant rozdrukіvtsі po odos stiprumo dainuosite, ką galima pamatyti šventyklose
į jo URL.

Naršyklėse, kurios nesupranta stiliaus taisyklės, nebus
nebazhanyh efektіv - silannya todėl pati bus tamsiai raudona,
atramos ir storosios. Tiesiog teksto nesimato
URL, kuriuo juos pasiekti, iš i all.

Suteik pagarbą tiems, kurie bandė prieš ir po lanko
dalis stilistinės taisyklės – nepamirškite apie proskyną, kaltas smarvė
būti įtrauktas prieš dokumentą.

Pagal naują taisyklę yra viena estetinė problema. Tiesą sakant
ką norite pažodžiui pridėti prie atributo reikšmės dokumente
href.

Išnagrinėjęs svetainės A List Apart panašios pusės kodą, mi
prisiminkime ten beasmenius vadinamuosius „matomus pranešimus“ protui
"/issues/144". Smarvė bus įterpta į dokumentą, kad jis atrodytų kaip smirdantis
Taip, bet norėčiau turėti tuos pačius URL adresus.

Dėl tokių vaizdų mums gali padėti CSS3. Kad ir koks būtų atributų parinkiklis,
vicorist operatorius ^=, parenka elementus pagal burbuolę їх
atributo vertė. Tokiu būdu galime pasirinkti bet kurį href atributą,
prasideda pasviruoju brūkšniu ir ten įklijuokite tekstą, kurį norite pakeisti
іsnuyuche atributo vertė.

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

Ši taisyklė konvertuoja visas reikšmes į tipą "/issues/144/",
"//www.alistapart.com/issues/144/". Šios taisyklės negalima padėti
iškristi iš URL kelio, yakı neatsigauti po pasvirojo brūkšnio, ale, prieš
Laimei, ALA nenaudoja tokio tipo silano.

UVAGA! SVARBU! Kaip buvo sakyta, parinkėjas mintis ^=
iki CSS3 selektorių. CSS tikrintuvas
konsorciumas W3 gali tikrinti tik atitiktį specifikacijoms
CSS1 ir CSS2. Nebent parinkiklis yra pagrįstas, tai, ką turėtų daryti CSS3, bus patvirtinimo priemonė
prisimink apie atleidimą gauti tą vaikiną, jei parinkėjas nėra itin išrankus
rekomendacijos dėl konkretumo.

Papuoškite šoninę spadix

Dar kartą pažvelgęs į likusią stiliaus lentelės versiją, I
parodęs, kad šono „kepurės“ man tikrai nereikia. Dešinė swidshe bula
ne pačiame dangtelyje, o pačiame „nuogame“ svetainės pavadinime. Tse
dienos pabaiga akivaizdžiai baigėsi tuo, kur baigėsi vaizdas
antraštę. Meni raptom užmigo mintis, kas būtų blogai ištempti qiu
atramos linija per visą šono plotį.

Neįtariama, kad internetas yra turtingas savo turtingumu pasauliniame tinkle, kad internetas yra gausiai funkcionali terpė, perduodanti įvairius informacijos teikimo būdus. Šioje situacijoje tai ne daugialypės terpės - garso ir vaizdo duomenys, plačiai išplėsti šiandien, o tikra dzherela, kurios pagalba žmonės semiasi informacijos iš interneto. Levova chastka koristuvachі v Іnternet už tsgo vikoristuє ekranas, kuris gali būti okremim akremim (kompiuterio monitorius), todėl ir nevid'mnoy dalis mobiliojo pristroy su prieiga prie sienos. Vrakhovuyuchi sėkmingai plėtojant kompiuterines technologijas ir turint stacionarių ir nešiojamų kompiuterių bei visų rūšių elektroninių prietaisų, galime drąsiai teigti, kad šiandien monitorius yra populiariausias būdas peržiūrėti svetaines.

Atrodė, kad ten nebuvo, bet okremi vipadkose be rozrukuvannya storіnok, yakі us tsіkavlyat, tiesiog negali to padaryti. Be to, daugelyje svetainių, skirtų odai pritaikytam dokumentui, buvo perkeltas variantas, kurį spausdintuvu galima spausdinti kas valandą. O per tuos, į kuriuos nukreipta žiniatinklio technologijų plėtra, pirmiausia dėl vizualaus informacijos pateikimo naršyklės monitoriaus ekranuose, beveidžiai tinklalapiai kuriami taip, kad juos būtų sunku skaityti. Naršymo skydeliai, skirtingo pavadinimų baneriai ir kiti panašūs į juos, svetainės elementai kitaip užgriozdina vizualinį pateikimą. Iki tol dauguma šių elementų buvo pripažinti dėl suderinamumo su naršyklės pagalba, o perkelti į papirusą jie neturėjo reikšmės. Todėl vis dažniau interneto svetainėse galite pamatyti tokio tipo pranešimą „Versijos pusė draugui“, kuri leidžia matyti dokumentą ekrane, tokiu atveju jis bus išsiųstas į spausdintuvą.

Tinkintos CSS specifikacijos leidžia žiniatinklio pardavėjams lengvai sukurti skirtingas puses pateikiant įvairiais būdais (monitoriu, spausdintuvu ir ne tik). Šiame straipsnyje aptariami būdai, kaip įgyvendinti šį metodą naudojant CSS.

Skambučių kūrimas.

Naudokite kelis metodus, kad importuotumėte vietoj esamų CSS stiliaus lapų HTML dokumente, kurie būtinas taisykles priskiria tiesiai prie failo su šoniniu kodu.

Meta žyma .

Didžiausias plėtinys ir pagrindinė parinktis yra metažyma , kuriame perduodamas medijos atributas, leidžiantis priskirti priedus, kuriems, be priskirto CSS failo, turi būti naudojamas dokumento formatavimas. Ašies užpakalis:

Patarime yra CSS failas print_stylesheet.css , dokumento formatavimo nustatymai, kai jis siunčiamas į spausdintuvą (media="print" ). Taigi visiems kitiems tinklalapio pateikimo tipams (kurtos versijos atveju) failui print_stylesheet.css priskirtos CSS taisyklės nėra saugios. CSS specifikacija apibrėžia dešimt galiojančių medijos atributo reikšmių, kurios perduodamos įvairiems įrenginiams ir žiniatinklio informacijos pateikimo būdams: visi, garsinis, Brailio raštas, reljefinis, delninis, spausdinimas, projekcija, ekranas, tty ir tv. Šioje statistikoje įžvelgiamos ne visos reikšmės, o tik pradinis drukų prisirišimas. Ir tada pakeiskite visų reikšmę, nes ji kartais naudojama kaip numatytasis medijos atributas, nes nėra aiškiai nurodyta kitaip. Be to, kaip tas pats CSS užduočių failas, skirtas puslapio formatavimui, vienu metu rodomas priedų tipų dalyje, atitinkamus raktinius žodžius galima nurodyti vienoje eilutėje, juos išskaidant:

CSS importavimo komanda.

Jei norite įtraukti pasirinktinį CSS failą, taip pat galite pažymėti @media raktinį žodį. Nurodytu laiku taisyklės gali būti nurodytos keliomis įžymybėmis, kurios pripažįstamos formatavimu. Tai reiškia, kad sintaksė suteikia dvi komandos rašymo parinktis:

@import url("styles/stylesheet.css") spausdinimas, projekcija;
arba
@import "styles/stylesheet.css" spausdinimas, projekcija;

Tiesą sakant, nėra jokių specialių svarstymų dėl priimtinų variantų. Vienoje peržiūros srityje url direktyva įstrigo, o kita perduoda kelią į CSS failą be jos. Įdėjau taisyklę perkelti į stylesheet.css failą, esantį stilių aplanke, kurio tikslas yra formatuoti dokumentą priedams su informacija šonuose (spausdinimas - spausdintuvai, projekcija - skaidrių projektoriai ir panašūs priedai).

Be tarpininko interneto svetainės html dokumentuose.

Kuriai CSS taisyklei pasirenkama @media, kurios ribose nurodoma dokumento formatavimo galia ir jiems reikalinga reikšmė. Už @media raktinio žodžio priskiriamas vienas ar daugiau laikmenų tipų (per ką), kuriems naudojamas formatavimas: