Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Programet
  • Lëvizje horizontale me CSS të pastër. Krijimi i një div me lëvizje vertikale duke përdorur CSS

Lëvizje horizontale me CSS të pastër. Krijimi i një div me lëvizje vertikale duke përdorur CSS

  • Ndërfaqet,
  • përdorshmëria,
  • Blog i SketchBuilder
    • Përkthimi

    Kohët e fundit, qasja për hartimin e faqeve të internetit duke përdorur një rrotull horizontale është bërë gjithnjë e më popullore. Ne jemi shumë të shqetësuar për realizueshmërinë dhe përdorshmërinë e kësaj qasjeje. Për të kuptuar këtë çështje, ne kemi përkthyer një artikull mbi lëvizjen horizontale. Ju ftojmë të lexoni materialin dhe të diskutoni këtë temë në komente ...

    Titulli origjinal i botimit: “Padi me rrotulla horizontale”

    Gjithçka rimendohet herë pas here. Pra, nuk është çudi që faqet me përmbajtje horizontale po bëhen në modë. Ky është një risi e guximshme dhe mbresëlënëse e dizajnit, pasi shumica dërrmuese e faqeve të internetit në ueb sot përdorin lëvizje vertikale.

    Arsyeja e popullaritetit të qasjes së lëvizjes vertikale është e qartë - është më e lehtë për t'u zbatuar, më e njohur dhe më e përdorur. Faqet e internetit me lëvizje vertikale konsiderohen gjithashtu si më efikase. Duke qenë se ky është mendimi i shumicës, përdorimi i lëvizjes horizontale bëhet edhe më i devijuar dhe më i guximshëm.

    Ata që kanë zgjedhur "rrugën" e lëvizjes horizontale argumentojnë nga pikëpamja e zgjedhjes së tyre. Dhe organizatat që kanë zgjedhur këtë metodë i shpallin faqet e tyre si vepra arti.


    (http://www.guillaumejuvenet.com/)

    Faqet horizontale janë një deklaratë e veçantisë së tyre dhe mosgatishmërisë për t'u përshtatur në kuadrin social. Si rezultat, një markë që përdor këtë dizajn të faqes shpesh fiton një reputacion për të qenë "i çuditshëm" dhe "i çuditshëm".

    Pse disa njerëz përdorin rrotullën horizontale

    Meqenëse lëvizja e faqeve lart e poshtë është bërë një rregull i pashprehur, shumëkujt nuk do t'u shkonte kurrë ndërmend se mund të ishte ndryshe. Minjtë e kompjuterit me një rrotë lëvizëse, tastierë me prekje lëvizëse në laptopë e kanë rrënjosur më tej këtë ide. Faqet e internetit që përdorin lëvizje horizontale qartësisht kundërshtojnë normat e uebsajteve standarde duke pretenduar individualitetin e tyre.

    Bastet në celular mund të mos jenë një ide aq e mirë

    Rrëshqitja horizontale në telefonat inteligjentë dhe tabletët nuk është më e re dhe përdoret mjaft gjerësisht për shkak të thjeshtësisë së saj. Përdorimi i tij në një sërë pajisjesh të ndryshme shpesh i atribuohet një prezantimi më të qëndrueshëm të përmbajtjes. Nga ana tjetër, lëvizja horizontale është shumë më pak e zakonshme në kompjuterët desktop.

    Arsyeja kryesore për këtë është përmendur tashmë më lart. Ajo që njerëzit nuk e dinë është se ju mund ta shikoni përmbajtjen thjesht duke lëvizur nëpër të në një mënyrë tjetër.

    Meqenëse ekranet e telefonit celular ose tabletit dhe ekranet e desktopit konsiderohen mjaft specifike për njëri-tjetrin, ngjashmëria nuk vlen këtu. Nuk mund të përdorësh rrëshqitjen horizontale në një desktop, thjesht sepse është e zakonshme në tablet dhe telefona.

    Kjo bazohet në parimin që njerëzit i përdorin këto pajisje me mendësi të ndryshme dhe ndryshimi i gjendjes së pranuar të punëve mund të çojë në një keqkuptim, duke i lënë përdoruesit jashtë zonës së tyre të rehatisë.

    Pengesa kryesore në zbatimin e lëvizjes horizontale është se përdoruesit nuk preferojnë mekanikë unike për shikimin e përmbajtjes në faqe, por uniformitetin në ndërfaqet në ueb.

    Përdorimi produktiv i hapësirës vertikale për zonën e përmbajtjes

    Në një paraqitje vertikale, e gjithë përmbajtja, sado e rëndësishme të jetë, shkon njëra pas tjetrës. Informacioni kryesor mund të theksohet vetëm nga dizajni, jo nga pozicionimi në faqe. E vetmja gjë që mund të bëjë një projektues është të vendosë informacionin kryesor në krye të faqes.

    Ndryshe nga paraqitjet vertikale të njohura, paraqitjet horizontale kanë një avantazh. Ato ofrojnë mjeshtërisht vetëm një pjesë të vogël të informacionit në zonën e rrotullimit horizontal. Dhe informacioni kryesor mund të fiksohet në një hapësirë ​​vertikale, duke tërhequr vëmendjen e përdoruesve tek ai jo vetëm nga dizajni, por edhe nga pozicionimi.

    Kur të përdorni lëvizjen horizontale nëse vërtet dëshironi



    (http://qandhlondon.com/)

    Faqet me përmbajtje horizontale janë më të përshtatshmet për situatat kur duhet të shfaqni disa objekte në të njëjtën kohë: imazhe grafike, blloqe të vogla informacioni, grupe ikonash ose pamje paraprake që lidhen me një përshkrim më të detajuar.

    Versionet celulare të faqeve "desktop" ose faqet e internetit të krijuara për t'u parë nga pajisjet celulare - kjo është fusha ku lëvizja horizontale është plotësisht e përshtatshme. Megjithatë, ai gjithashtu i jepet mirë vetes një sërë faqesh të tjera, duke i lejuar ata të shfaqin një sasi të madhe informacioni në një mënyrë të thjeshtë dhe me kosto efektive.

    problemi i përdorshmërisë



    (http://movingislands.com/en)

    Megjithëse shumë përdorues sot janë të njohur dhe madje të njohur me lëvizjen horizontale (kur ndryshon e gjithë përmbajtja e faqes), shumë ende e dënojnë lëvizjen horizontale (me ngarkim të qetë të përmbajtjes). Ai vazhdon të marrë reagime negative nga shumë përdorues dhe për këtë arsye duhet të përdoret me kujdes. Zakonisht përdoret për të treguar individualitetin, siç është markimi. Por edhe me këtë përdorim, është e pazakontë për shumë njerëz.

    Përdoruesit shpërfillin blloqet e sajteve me lëvizje horizontale

    Një nga reagimet kryesore që shkakton lëvizja horizontale është injorimi i seksioneve me të. Meqenëse provokon daljen e përdoruesit nga zona e tij e rehatisë.

    Njerëzit priren të mos vërejnë as shenja të qarta në lidhje me navigimin e faqes në internet me lëvizje horizontale, duke lënë shpesh shigjeta të mëdha dhe elementë të tjerë të navigimit horizontal të pavërejtur dhe të paprekur.


    (http://www.lorenzobocchi.com/)

    Kjo është kryesisht për shkak se kjo formë e përdorimit nuk përputhet me modelin e pritshëm të funksionimit dhe, si rezultat, nuk është e pranueshme ose kuptimplotë.

    Nuk është e pazakontë që faqet ku rrokulliset e plota të faqeve (të ngjashme me librat dhe revistat në letër) kanë pritshmëri të larta të përdoruesve, por si rezultat, njerëzit shpesh janë të zhgënjyer me përmbajtjen e ofruar. Kështu, një zgjidhje e mirë për një (ato libra dhe revista shumë letre) mund t'i bëjë një shërbim të keq një tjetri.

    Si është e drejtë?



    (http://www.themobileplaybook.com/en-us/#/overview)

    Çfarë duhet të bëni nëse ende dëshironi të zbatoni lëvizjen horizontale në faqen tuaj dhe të mos humbni përdoruesit në të njëjtën kohë? Gjithçka është vërtet e thjeshtë - shtoni opsione shtesë navigimi.

    Shtoni një meny në mekanikën e lëvizjes horizontale që do t'ju lejojë jo vetëm të lëvizni nga një seksion në tjetrin, por edhe të hidhni disa seksione fare. Kjo do të sjellë fleksibilitet dhe do të frymëzojë më shumë përdorues për të shfletuar seksionet për të cilat janë të interesuar.

    Shiriti i lëvizjes horizontale është gjithashtu i domosdoshëm për të treguar se sa përmbajtje është ende e pashikuar. Ndonjëherë kjo i motivon njerëzit të lexojnë pak më shumë kur do të largohen nga faqja.

    Çfarë duhet marrë parasysh



    (http://www.richard-hill.org.uk/)

    Edhe pse qëndrimet ndaj përdorimit të lëvizjes horizontale po ndryshojnë ngadalë me ardhjen e teknologjive të reja si ekranet me prekje, tabletët, kompjuterët me ekran me prekje të gjitha-në-një, etj., kjo metodë nuk është ende dominuese.

    Në tastierat analoge, tastet lart/poshtë janë më të lehta për t'u manipuluar sesa tastet majtas/djathtas. Por në tastierën me prekje, shtimi i gjesteve të reja do të jetë më i përshtatshëm kur zbatoni një lëvizje horizontale.

    Shpejtësia e lëvizjes duhet gjithashtu të optimizohet. Lëvizja shumë e shpejtë mund të shkaktojë dhimbje koke, dhe lëvizja shumë e ngadaltë mund të jetë shumë e bezdisshme.

    Pavarësisht se dikur lexonim nga e majta në të djathtë, duke lëvizur ngadalë poshtë faqes, ky zakon tani po ndryshon. Me ardhjen e librave elektronikë dhe aplikacioneve të ndryshme për telefonat inteligjentë, tabletët dhe tastierët me prekje, njerëzit gradualisht po mësohen të rrotullohen gjatë leximit. Megjithatë, është gjithmonë e rëndësishme të merret parasysh ajo që përdoruesit mund të hasin kur futin koncepte të reja në jetën e përditshme.

    Në këtë artikull, ne do të analizojmë në detaje veçorinë overflow me të gjitha vlerat e saj, e cila ju lejon gjithashtu të shtoni ose hiqni një shirit lëvizës horizontal/vertikal. Me fjalë të tjera, si të krijoni shirita lëvizës.

    Overflow në CSS është përgjegjëse për mënyrën se si do të duket informacioni në bllok nëse përmbajtja tejkalon lartësinë ose gjerësinë e këtij blloku. Kjo veti zbatohet vetëm për elementët e bllokut (ekrani: bllok; ose ato që fillimisht janë elementë blloku - div e kështu me radhë).

    Vlerat e mundshme që mund të marrë kjo pronë (parazgjedhja është e dukshme):

    • E dukshme - E gjithë përmbajtja e elementit shfaqet, edhe jashtë lartësisë dhe gjerësisë së caktuar.
    • Fshehur - Shfaqet vetëm zona brenda elementit, pjesa tjetër do të fshihet.
    • Lëvizja - Shiritat e lëvizjes shtohen gjithmonë.
    • Auto - Shiritat e lëvizjes shtohen vetëm kur nevojitet.
    • Inherit - Trashëgon vlerën e prindit.

    Më shpesh, kjo veti përdoret për të hequr ose shtuar shirita lëvizës në ndonjë element. Kështu, për shembull, trajtohen kornizat në mënyrë që të mos ngjeshen në madhësinë e plotë. Ose për të futur një tekst të madh në mënyrë që të mos zërë gjysmë faqe, por të vendoset rehat në një bllok të veçantë, dhe aty mund të lëvizet dhe të lexohet. Në pjesën më të madhe, prona zgjidh problemet e shfaqjes komode të informacionit.

    Në demonstrim, mund të shihni se si funksionon në praktikë secila prej vlerave të pronës:

    Kodi HTML

    Faqe

    të dukshme

    i fshehur

    Shokë! fillimi i punës së përditshme për formimin e një pozicioni luan një rol të rëndësishëm në formimin e sistemeve të pjesëmarrjes masive. Rëndësia e këtyre problemeve është aq e dukshme sa rritja e vazhdueshme sasiore dhe shtrirja e aktivitetit tonë kërkon përcaktimin dhe përsosjen e propozimeve të reja. Prandaj, forcimi dhe zhvillimi i strukturës është një eksperiment interesant për të testuar modelin e zhvillimit. Detyra e organizatës, në veçanti modeli i ri i veprimtarisë organizative, përcakton në një masë të madhe krijimin e një sistemi trajnimi të personelit, që korrespondon me nevojat urgjente.

    Përvoja e larmishme dhe e pasur në forcimin dhe zhvillimin e strukturës na lejon të vlerësojmë rëndësinë e drejtimeve të zhvillimit progresiv. Kështu, zhvillimi i mëtejshëm i formave të ndryshme të veprimtarisë na lejon të kryejmë detyra të rëndësishme në zhvillimin e propozimeve të reja. Praktika e përditshme tregon se zbatimi i objektivave të planifikuar siguron një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura. Rëndësia e këtyre problemeve është aq e dukshme saqë forcimi dhe zhvillimi i strukturës është një eksperiment interesant në testimin e kushteve thelbësore financiare dhe administrative. Kështu, rritja e vazhdueshme sasiore dhe shtrirja e veprimtarisë sonë na lejon të vlerësojmë rëndësinë e formave të zhvillimit. Konsideratat ideologjike të një niveli më të lartë, si dhe qëllimi dhe vendi i trajnimit të personelit, sigurojnë një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura.

    rrotulloni

    Shokë! fillimi i punës së përditshme për formimin e një pozicioni luan një rol të rëndësishëm në formimin e sistemeve të pjesëmarrjes masive. Rëndësia e këtyre problemeve është aq e dukshme sa rritja e vazhdueshme sasiore dhe shtrirja e aktivitetit tonë kërkon përcaktimin dhe përsosjen e propozimeve të reja. Prandaj, forcimi dhe zhvillimi i strukturës është një eksperiment interesant për të testuar modelin e zhvillimit. Detyra e organizatës, në veçanti modeli i ri i veprimtarisë organizative, përcakton në një masë të madhe krijimin e një sistemi trajnimi të personelit, që korrespondon me nevojat urgjente.

    Përvoja e larmishme dhe e pasur në forcimin dhe zhvillimin e strukturës na lejon të vlerësojmë rëndësinë e drejtimeve të zhvillimit progresiv. Kështu, zhvillimi i mëtejshëm i formave të ndryshme të veprimtarisë na lejon të kryejmë detyra të rëndësishme në zhvillimin e propozimeve të reja. Praktika e përditshme tregon se zbatimi i objektivave të planifikuar siguron një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura. Rëndësia e këtyre problemeve është aq e dukshme saqë forcimi dhe zhvillimi i strukturës është një eksperiment interesant në testimin e kushteve thelbësore financiare dhe administrative. Kështu, rritja e vazhdueshme sasiore dhe shtrirja e veprimtarisë sonë na lejon të vlerësojmë rëndësinë e formave të zhvillimit. Konsideratat ideologjike të një niveli më të lartë, si dhe qëllimi dhe vendi i trajnimit të personelit, sigurojnë një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura.

    auto

    Shokë! fillimi i punës së përditshme për formimin e një pozicioni luan një rol të rëndësishëm në formimin e sistemeve të pjesëmarrjes masive. Rëndësia e këtyre problemeve është aq e dukshme sa rritja e vazhdueshme sasiore dhe shtrirja e aktivitetit tonë kërkon përcaktimin dhe përsosjen e propozimeve të reja. Prandaj, forcimi dhe zhvillimi i strukturës është një eksperiment interesant për të testuar modelin e zhvillimit. Detyra e organizatës, në veçanti modeli i ri i veprimtarisë organizative, përcakton në një masë të madhe krijimin e një sistemi trajnimi të personelit, që korrespondon me nevojat urgjente.

    Përvoja e larmishme dhe e pasur në forcimin dhe zhvillimin e strukturës na lejon të vlerësojmë rëndësinë e drejtimeve të zhvillimit progresiv. Kështu, zhvillimi i mëtejshëm i formave të ndryshme të veprimtarisë na lejon të kryejmë detyra të rëndësishme në zhvillimin e propozimeve të reja. Praktika e përditshme tregon se zbatimi i objektivave të planifikuar siguron një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura. Rëndësia e këtyre problemeve është aq e dukshme saqë forcimi dhe zhvillimi i strukturës është një eksperiment interesant në testimin e kushteve thelbësore financiare dhe administrative. Kështu, rritja e vazhdueshme sasiore dhe shtrirja e veprimtarisë sonë na lejon të vlerësojmë rëndësinë e formave të zhvillimit. Konsideratat ideologjike të një niveli më të lartë, si dhe qëllimi dhe vendi i trajnimit të personelit, sigurojnë një gamë të gjerë pjesëmarrjeje (specialistësh) në formësimin e pozicioneve të marra nga pjesëmarrësit në lidhje me detyrat e vendosura.

    trupi (diferenca: 0 0 0 0; mbushja: 0 0 60 px 0; madhësia e shkronjave: 16 px;) h2 (ngjyra:#CC0033;) div ( gjerësia: 200 px; /* gjerësia fikse */ lartësia: 300 px; /* fikse lartësia */ kufiri: 1 px solid #555; mbushja: 4 px; diferenca: 4 px; noton: majtas; ) .VisibleDiv (mbushje: e dukshme;) .HiddenDiv (mbushje: e fshehur;) .ScrollDiv (mbushje:lëviz;) .AutoDiv ( tejmbushje:auto;)

    Vlen t'i kushtohet vëmendje faktit se në këtë rast të veçantë, blloqe me një lartësi dhe gjerësi të caktuar fikse. Kjo është e rëndësishme, për shembull, merrni parasysh opsionin kur lartësia e bllokut është vendosur në automatik:

    Ne shohim që teksti në të gjitha rastet shfaqet saktë brenda bllokut, me përjashtim të një shqetësimi të vogël në rastin e lëvizjes , ku shfaqen shiritat e lëvizjes joaktive.

    Por në këtë rast ekziston një rrezik i vogël, pasi është takuar me të cilin shumë nuk e kuptojnë pse lindi dhe si ta rregullojnë atë. Çështja është se nëse një bllok me tejmbushje : i dukshëm ; domethënë vlera e paracaktuar dhe përmbajtja e saj ka elemente me çdo vlerë float përveç asnjërit, atëherë e gjithë kjo nuk do të shfaqet si duhet. Për të kuptuar se çfarë është kjo situatë, merrni parasysh një shembull:

    Faqe

    Poshtë bllokut VisibleDiv është një tjetër bllok

    të dukshme

    Shokë! fillimi i punës së përditshme për formimin e një pozicioni luan një rol të rëndësishëm në formimin e sistemeve të pjesëmarrjes masive. Rëndësia e këtyre problemeve është aq e dukshme sa rritja e vazhdueshme sasiore dhe shtrirja e aktivitetit tonë kërkon përcaktimin dhe përsosjen e propozimeve të reja. Prandaj, forcimi dhe zhvillimi i strukturës është një eksperiment interesant për të testuar modelin e zhvillimit. Detyra e organizatës, në veçanti modeli i ri i veprimtarisë organizative, përcakton në një masë të madhe krijimin e një sistemi trajnimi të personelit, që korrespondon me nevojat urgjente.

    Vjen menjëherë pas div me tejmbushje: e dukshme (parazgjedhja)

    Nuk ka asgjë nën bllokun VisibleDiv

    të dukshme

    Shokë! fillimi i punës së përditshme për formimin e një pozicioni luan një rol të rëndësishëm në formimin e sistemeve të pjesëmarrjes masive. Rëndësia e këtyre problemeve është aq e dukshme sa rritja e vazhdueshme sasiore dhe shtrirja e aktivitetit tonë kërkon përcaktimin dhe përsosjen e propozimeve të reja. Prandaj, forcimi dhe zhvillimi i strukturës është një eksperiment interesant për të testuar modelin e zhvillimit. Detyra e organizatës, në veçanti modeli i ri i veprimtarisë organizative, përcakton në një masë të madhe krijimin e një sistemi trajnimi të personelit, që korrespondon me nevojat urgjente.

    trupi (diferenca:0 0 0 0; mbushja: 0 0 60 px 0; madhësia e shkronjave: 16 px;) h2 (ngjyra:#CC0033;) p (lundrues: majtas;) div (gjerësia: 500 px; lartësia: automatikisht; kufiri: 1px solid #555; mbushje:4px; margjina:4px; ) .VisibleDiv (mbushje:i dukshëm;sfondi: rgba(0,255,0,0.1);) .injoroj (sfondi: rgba(0,255,0,0.6); ngjyra:# FFFFFF;pesha e shkronjave: bold;)

    Në rastin e parë, është e qartë se përmbajtja me vetinë float del jashtë bllokut dhe nuk merret parasysh prej tij gjatë përcaktimit të lartësisë së bllokut, në rastin e dytë, nën bllokun me tejmbushje : i dukshëm ; një bllok tjetër është vendosur posaçërisht dhe i lyer me një ngjyrë të ndryshme. Këta nuk janë shembujt e vetëm se si blloqe të tilla (me tejmbushje : të dukshme ; dhe lartësi : automatik ; ) mund të sillen në faqe. Kjo rregullohet duke zëvendësuar vlerën e dukshme me hidden, mbani mend se kjo veti duhet të specifikohet vetëm për blloqet me lartësi: auto; , nëse ka një lartësi fikse, atëherë ka shumë mundësi që përmbajtja thjesht të fshihet nëse është më e madhe se lartësia e dhënë.

    Ja se si do të duket versioni i korrigjuar:

    Gjithashtu, nuk do të keni një problem të tillë nëse blloku me tejmbushje : i dukshëm ; dhe lartësia : auto ; vendoset edhe një vlerë e vetive float. Në përgjithësi, në shumë raste, shfaqja e elementeve varet nga një grup vetish, dhe jo nga vetitë individuale.

    Mund të përdorni overflow-y: lëvizni për të lëvizur vertikalisht.

    Lorem Ipsum është thjesht tekst bedel i industrisë së shtypjes dhe shtypjes. Lorem Ipsum ka qenë teksti i rremë standard i industrisë që nga vitet 1500, kur një printer i panjohur mori një galeri të tipit dhe e përzjeu atë për të bërë një libër ekzemplar tipi. Ajo i ka mbijetuar jo vetëm pesë shekujve, por edhe kapërcimit drejt radhitjes elektronike, duke mbetur në thelb i pandryshuar. Ai u popullarizua në vitet 1960 me lëshimin e fletëve Letraset që përmbajnë pasazhe Lorem Ipsum, dhe së fundmi me softuerin e botimit desktop si Aldus PageMaker duke përfshirë versionet e Lorem Ipsum. Lorem Ipsum është thjesht tekst bedel i industrisë së shtypjes dhe shtypjes. Lorem Ipsum ka qenë teksti i rremë standard i industrisë që nga vitet 1500, kur një printer i panjohur mori një galeri të tipit dhe e përzjeu atë për të bërë një libër ekzemplar tipi. Ajo i ka mbijetuar jo vetëm pesë shekujve, por edhe kapërcimit drejt radhitjes elektronike, duke mbetur në thelb i pandryshuar. Ai u popullarizua në vitet 1960 me lëshimin e fletëve Letraset që përmbajnë pasazhe Lorem Ipsum, dhe së fundmi me softuerin e botimit desktop si Aldus PageMaker duke përfshirë versionet e Lorem Ipsum. Lorem Ipsum është thjesht tekst bedel i industrisë së shtypjes dhe shtypjes. Lorem Ipsum ka qenë teksti i rremë standard i industrisë që nga vitet 1500, kur një printer i panjohur mori një galeri të tipit dhe e përzjeu atë për të bërë një libër ekzemplar tipi. Ajo i ka mbijetuar jo vetëm pesë shekujve, por edhe kapërcimit drejt radhitjes elektronike, duke mbetur në thelb i pandryshuar. Ai u popullarizua në vitet 1960 me lëshimin e fletëve Letraset që përmbajnë pasazhe Lorem Ipsum, dhe së fundmi me softuerin e botimit desktop si Aldus PageMaker duke përfshirë versionet e Lorem Ipsum. Lorem Ipsum është thjesht tekst bedel i industrisë së shtypjes dhe shtypjes. Lorem Ipsum ka qenë teksti i rremë standard i industrisë që nga vitet 1500, kur një printer i panjohur mori një galeri të tipit dhe e përzjeu atë për të bërë një libër ekzemplar tipi. Ajo i ka mbijetuar jo vetëm pesë shekujve, por edhe kapërcimit drejt radhitjes elektronike, duke mbetur në thelb i pandryshuar. Ai u popullarizua në vitet 1960 me lëshimin e fletëve Letraset që përmbajnë pasazhe Lorem Ipsum, dhe së fundmi me softuerin e botimit desktop si Aldus PageMaker duke përfshirë versionet e Lorem Ipsum. Lorem Ipsum është thjesht tekst bedel i industrisë së shtypjes dhe shtypjes. Lorem Ipsum ka qenë teksti i rremë standard i industrisë që nga vitet 1500, kur një printer i panjohur mori një galeri të tipit dhe e përzjeu atë për të bërë një libër ekzemplar tipi. Ajo i ka mbijetuar jo vetëm pesë shekujve, por edhe kapërcimit drejt radhitjes elektronike, duke mbetur në thelb i pandryshuar. Ai u popullarizua në vitet 1960 me lëshimin e fletëve Letraset që përmbajnë pasazhe Lorem Ipsum, dhe së fundmi me softuerin e botimit desktop si Aldus PageMaker duke përfshirë versionet e Lorem Ipsum.

    Udhëzim

    Përdorni etiketën div nëse keni nevojë për një shirit lëvizës jo për të gjithë faqen, por vetëm për një zonë të kufizuar të saj. Në HTML (Gjuha e shënjimit të HyperText - "gjuha e shënjimit të hipertekstit"), "etiketat" janë komanda individuale të shfletuesit për të shfaqur një element të veçantë të faqes. Në mënyrën më të thjeshtë, një etiketë div (shpesh e referuar si "shtresë") është si kjo:

    Është brenda shtresës

    Këtu
    - etiketa hapëse, dhe
    - mbyllje. Gjithçka që vendoset midis etiketave hapëse dhe mbyllëse është në shtresë si në një enë, dhe këtij kontejneri mund t'i jepen dimensionet - gjerësia dhe lartësia. Kjo bëhet duke përdorur një stil parametër shtesë ("atribut"), i cili vijon në etiketën hapëse:

    Ky është teksti brenda shtresës

    Specifikoni në atributin e stilit të etiketës div dhe rregullat për shiritat lëvizës të shtresës:

    Ky është teksti brenda shtresës


    Këtu overflow:auto , që shiritat e lëvizjes do të shfaqen automatikisht, domethënë kur përmbajtja e shtresës nuk përshtatet në dimensionet e dhëna. Nëse automatiku zëvendësohet me lëvizje, atëherë këto shirita do të jenë gjithmonë të pranishëm, pavarësisht nëse nevojiten apo jo. Dhe vlera e fshehur do të ketë efektin e kundërt - nuk do të shfaqet, edhe nëse përmbajtja e kësaj enë nuk është e dukshme përtej skajeve të saj.

    Përdorni të njëjtën metodë për shtimin e shiritave lëvizës në përgjithësi. Si parazgjedhje, ato shfaqen sipas nevojës, por nëse për ndonjë arsye ka nevojë për praninë e tyre të vazhdueshme në , atëherë rregulli i duhur i stilit duhet të shtohet në kodin burimor html. Gjeni etiketën mbyllëse të kokës së dokumentit në kodin e faqes dhe paraprijeni me këto udhëzime stili:

    Në ditët e sotme, të kesh faqen tënde të internetit nuk është një luks, por më tepër një domosdoshmëri. Krijimi i tij kërkon aftësi dhe njohuri të caktuara të html. Ndërtimi i një faqeje interneti të thjeshtë është shumë e lehtë. Sidoqoftë, dekorimi i tij dhe krijimi i elementeve ndërvepruese që ofrojnë funksionalitet shtesë në faqe do të shkaktojë vështirësi për një fillestar. Një nga këta elementë ndërveprues që rrisin komoditetin e vizitorëve të faqes është një shirit rrotulloni. Është veçanërisht i dobishëm në fushat e faqes, duke siguruar lidhjen e tij me skriptet (ndërveprimi i faqes me përdoruesit).

    Do t'ju duhet

    • Internet ose ndonjë tutorial html

    Udhëzim

    Gjëja më e rëndësishme në çdo është komoditeti. Vetë ideja e përdorimit të shiritit rrotulloni në faqen tuaj do të jetë e përshtatshme vetëm nëse diktohet jo nga dëshira juaj, por nga domosdoshmëria e saj. Bëni paraqitjen në të cilën dëshironi të vendosni korsi rrotulloni. Zgjidhni një vend për lëvizje (siç quhen edhe vija rrotulloni).

    Zgjidhni një vend për korsinë rrotulloni në faqen që ju intereson. Duhet të lidhet me kabllo me disa elementë (të tillë si një fushë teksti ose një listë rënëse). Ju duhet ta llogarisni këtë vend në piksele ose në përqindje. Kjo nuk është e vështirë për t'u bërë, veçanërisht nëse faqosja e faqes ka një strukturë të qartë.

    Midis etiketave BODY, duhet të shtoni kodin standard të lëvizjes. Mund ta gjeni në çdo libër shkollor html. Ka dy opsione - ose shtoni këtë fragment direkt në kodin html të faqes, ose bashkëngjitni atë në fletën e stilit css. Metoda e dytë është më e përshtatshme nëse po ndryshoni jo një, por të gjithë sitin. Pastaj duhet të futni parametrat e ngjyrave të shiritit rrotulloni, përndryshe do të jetë gri dhe jo interesante. Figura tregon dhe etiketon elementët e rrotullës. Parametrat duhet të futen në të njëjtën mënyrë siç tregohet në figurë, me një pikëpresje.

    Tani ju patjetër keni nevojë për përmirësimet tuaja. Për tu zhveshur rrotulloni dukej e njëjtë në të gjithë shfletuesit, kontrollojeni në ato kryesore - Internet Explorer, Mozilla Firefox dhe Opera. Nëse ajo është në njërën prej tyre, kthehuni në hapin e parë dhe korrigjoni gabimet.

    Këshilla të dobishme

    Ekziston një mënyrë e thjeshtë për të krijuar një shirit lëvizjeje për një faqe interneti. Vendosni parametrin e lartësisë për faqen tuaj në 75%, atëherë lëvizja do të shfaqet vetë. Vërtetë, skemat e saj të ngjyrave ende ia vlen të ndryshohen.

    Burimet:

    • Faqe për zhvilluesit fillestarë të uebit në 2019

    Udhëzim

    Merrni vendimin e duhur. Band rrotulloni duhet të shfaqet në faqen tuaj vetëm nëse diktohet nga nevoja për të krijuar komoditet shtesë për përdoruesit, dhe jo vetëm nga dëshirat tuaja. Dizenjoni paraqitjen e faqes në të cilën do të postoni korsi rrotulloni. Zgjidhni vendin e duhur për të.

    Bëni një lidhje të fortë të rrotullës (që të mund të telefonojnë gjithashtu korsi rrotulloni) në një element të veçantë faqeje. Mund të jetë një fushë teksti, e cila është një . Llogaritni hapësirën e parkimit të korsisë në piksel dhe përqindje. Kjo nuk do të jetë aspak e vështirë nëse faqja është e strukturuar qartë.

    Shto një kod standard korsie rrotulloni midis etiketave të trupit. Nëse nuk e dini se çfarë është në rrezik, shkarkoni çdo tutorial mbi paraqitjen e html. Do të përshkruhet qartë, një kod i tillë. Është mirë që raste të tilla të keni në dorë shabllone të gatshëm, në mënyrë që të mund të merrni disa elementë individualë të kodit të programit nga atje, gjë që thjeshton shumë jetën. Pra, ju keni gjetur kodin. Vendoseni ose drejtpërdrejt në vetë kodin e faqes ose bashkëngjitni në tabelën css, gjë që është shumë më e lehtë, por në rast se nuk ndryshoni një, por të gjitha faqet e faqes.

    Vendosni opsionet e ngjyrave për shiritin, përndryshe do të jetë një ngjyrë gri standarde, e cila ka shumë të ngjarë të mos përshtatet në hartimin e sitit. Këto parametra vendosen në të njëjtin rend si për çdo element tjetër grafik në faqe. Testoni në shfletues të shumtë si Mozilla, Opera dhe Explorer. Nëse është në ndonjë prej tyre, korrigjoni gabimet në kodin e programit.

    Vendosni parametrin e lartësisë së faqes në 75%, atëherë kodi për rrotullën do të futet automatikisht. Por ju ende duhet të ndryshoni korsi rrotulloni, dhe konkretisht - parametrat e tij grafikë. Kjo përshkruhet në paragrafët e mëparshëm.

    Artikujt kryesorë të lidhur