"Up" button për këtë faqe interneti: si të bëjnë

një funksion i tillë, butonin "lart" për vendin, duke e bërë Internet burim më i përshtatshëm për vizitorët e saj. Kjo ndihmon për të lundruar me lehtësi nga kudo në faqen në pjesën e sipërme. Kjo është një domosdoshmëri për dyqanet online dhe faqet me sende të mëdha që kërkojnë një rrotull të gjatë poshtë.

Pse është e nevojshme

Në këtë moment, shumica e vendeve të këtij funksioni, butonin "up" nuk është, dhe nuk ka asgjë kritike. Por përdorimi i tij mund të sjellë avantazhe të shumta për të dy burimeve të internetit dhe për vizitorët e saj.

Përfitimet për vizitorët

Shpesh, kur faqja e burimeve të internetit është e ngarkuar rëndë sasinë e informacionit, kur artikulli informacioni merr një shumë hapësirë dhe duhet të lëviz nëpër faqe duke përdorur mouse wheel. Plus për këtë, në fund të artikullit mund të paraqesë një shumë të komenteve të saj.

Kur një vizitor është lexuar një artikull në një scrolling personal lodhshme poshtë një faqe nuk është i pranishëm, por kur teksti erdhi në një fund dhe kjo është e nevojshme për të lëvizur lart, ajo fillon të lodhemi pak. Shumica e njerëzve do të vetëm tepër dembel për të udhëhequr një rrotull të gjatë, dhe ata vetëm të mbyllë faqen, në vend se një shëtitje nëpër hapësirat e saj të hapura.

Duke përdorur një buton për të menjëherë të shkojë në krye të faqes bën kalim kohe në vend më i përshtatshëm.

Përfitimet e një burim në Internet

Aspektet pozitive të burimeve të vetë në bazë të faktorëve historikë, sepse më të lehtë për të lundruar faqe përmirëson faktorët sjelljes, si të gjithë vizitorët do të jenë më aktive në veprimet e tyre dhe të shkojë në faqet e tjera.

Në këtë mënyrë të dhënat e faktorë të sjelljes të ndikojnë në qëndrimin e të gjithë motorët e kërkimit të në këtë faqe interneti dhe të çojë në hapësirë përmirësuar në rezultatet e kërkimit.

Si për të bërë "Up" button në faqen e internetit vetëm

Janë hetuar më tej. Button të lëviz deri në faqen e internetit me ndonjë nga CMS ju gjithmonë mund të bëni tuaj duke ndjekur disa hapa shumë të thjeshtë:

• Krijimi i një imazh;
• krijimi i shkrimit;
• Krijimi i një stil butonin;
• duke shtuar në faqen e internetit.

button image

Për të shtuar "deri" në vend, për një fillim nevojën për të bërë vetë një ikonë, kur klikuar, përdoruesi do të shkojë deri në faqen e. Ju mund të përdorni të gatshme opsione, ndër të cilat ne gjithmonë mund të zgjedhin më të përshtatshme.

Për të përmirësuar pamjen e butonit, ju keni nevojë për të bërë disa përmirësime, pikërisht për të bërë një sprite, lejon CSS-bazuar kombinohen imazhe sfond, kështu që ka krijuar një animacion të shkurtër.

Për veprat grafike, ju mund të përdorni ndonjë editor. Por opsioni më i përshtatshëm është Online Pixlr, pasi nuk ka asgjë për të shkarkuar dhe nuk ka nevojë për të, ju mund të përdorni ato direkt në shfletuesin tënd.

Të fillojë të punojë në redaktorin dritare për të zgjedhur "Ngarko një imazh nga kompjuteri juaj." Si një shembull, të marrë imazhin raketa.

Nëse madhësia e ikonave të përzgjedhura janë shumë të mëdha, ju do të duhet të bëjë një rregullim të vogël në madhësi. Për ta bërë këtë, "Edit", të shkojnë në meny lartë, dhe zgjidhni fushë dhe pas «Pa pagesë transformuar ...»

Tjetra, pranë foto janë shënuesit të veçanta që janë të lëvizin, ju mund të resize imazhin. Për të ruajtur raportin e pamjes, ju mund të përdorni tastin Shift, duke mbajtur atë, ju keni nevojë për të lëvizur shënuesve blu. Në fund të këtyre veprimeve është marrë raketat imazhin.

Hapi i ardhshëm - krijimi i një kopje të shtresës.

Tani ju duhet për të lëvizur imazhin nga raketat e reja shtresa deri pak. Për ta bërë këtë, ajo do të jetë i përshtatshëm për t'u përdorur mjet lëvizë, e cila është e vendosur në kolonën e dytë të menynë e majtë, dhe shigjetë "lart" në tastierë.

Tani ju duhet të bëni imazhin e lartë në të zezë dhe të bardhë. Kjo mund të bëhet duke përdorur pika "Korrigjimi" - "Hue / Saturation" nga meny lartë. Për një slider plotë njollë "Mbushja" duhet të marrë vlerën -100. Ky veprim do të bëjë efektin se "Up" button do të kthehet nga e zezë dhe e bardhë në ngjyrë kur ju rri pezull mbi të.

Finale touch - heqja e hapësirës tepërt rreth dy imazhet. Për ta bërë këtë, zgjidhni pika "trim" nga menyja e majtë dhe zgjidhni vetëm dy raketa në një drejtkëndësh. Për të bërë një shtyn zvogëlimin të hyjë kryesore.

Për të marrë një imazh në të cilën ka shumë hapësirë. Ju duhet për të regjistruar gjerësia dhe lartësia e imazheve që rezultojnë, si këto të dhëna do të jenë të dobishme në hapin e ardhshëm.

Për të ruajtur duhet të klikoni mbi "File" - "Save", ku la nën "My Computer", shkruani emrin e imazhit (vetëm Anglisht keyboard layout), zgjidhni formatin (në këtë rast - PNG) dhe kliko "Po".

Të paraqesë me shkrimin "Up" button

Shkruani një skenar, në këtë rast nuk është e nevojshme. Ajo do të jetë e mundur që të përdorin një opsion publik, duke e çuar në disa ndryshime të kodit të gatshme.

Kjo do të kërkojë për të shkarkuar ndonjë editor kodin. Më të njohura dhe gjithashtu një version të lirë - është Notepad ++. Pas instalimit ju duhet të kopjoni dhe ngjisni atë të gjithë këtë kod:

"> $ (dokument) .ready (function () {$ (window) .scroll (function () {në qoftë se ($ (kjo) .scrollTop ()> 0) {$ ( '# Scroller ') FadeIn ();. } tjetër {$ ( "# Scroller') Fadeout () ;.}}); $ (" # Scroller ') click (function () {$ ( ". trupi, html'). animate ({scrollTop: 0}, 400); kthimit të rreme;}); });

Pastaj klikoni në meny lartë "File" - "Save as ...", dhe pastaj të ruajtur kodin në formatin .js. Ju pastaj mund të përdorni këtë kod në faqen tuaj nga ngarkimi një skenar dhe imazh fotografi duke përdorur FTP-lidhjet.

Instalimi në vend

Për të vendosur butonin e lëvizni lart për këtë faqe interneti, ju duhet të vendosni kodin në vendin e dëshiruar. Shkruaje duhet të jetë e para tag .

Krijimi i një stil butonin me CSS

Më shpesh, "up" button për një vend që ndodhet në pjesën e poshtme ( "bodrum").

Dosja faqe style.css, ju duhet të shtoni kodin e mëposhtëm:

"/ * Button në krye të * / .scrollTop { background: url ( 'images / up.png ') 0 0 jo-përsëritur; / * rruga onositelny të imazhit * / width: 39px; / * gjerësia e një butoni * / height: 96px; / * 50% e lartësisë të butonit * / poshtme: 5px; / * një pozicion të caktuar të diferencë poshtme * / e majtë: 89%; / * kompensuar në të majtë * / } .scrollTop: hover {sfondit-pozicion 0 -108px; } / * Ofset sfond * / "

Në këtë rast, të dhënat e nevojshme dhe gjerësia dhe lartësia e imazhit. Ajo mbetet vetëm për të hyrë në të dhënat në kodin, dhe "deri" button për këtë faqe interneti do të jetë gati! Çfarë tjetër?

"Up" button për një vend në Wordpress

Për këtë buton CMS "lart" mund të bëhet me ndihmën e plug-ins, si dhe në mënyrë të pavarur.

plugins metodën më të përshtatshëm dhe të lehtë për të instaluar, pasi ajo do të kërkojnë vetëm një klik mbi Install butonin dhe konfiguruar të gjitha funksionet e menysë plugin të.

Me zgjedhjen e këtij të fundit është që të afrohen me kujdes, sepse me atë që ju lehtë mund të marrë virusin në vend. Më të njohura dhe të provuar opsion - një plug-in e quajtur Shkoni Back To Top. Ju mund ta shkarkoni atë duke përdorur plugins kërkimit standarde Wordpress.

Ky zgjerim ka funksionalitet të shumta, dhe është shumë e lehtë të veçoj "lart" button për një vend në Wordpress. Të gjitha vlerat ndryshimi nuk do të duhet të konfiguroni vetëm llojin dhe vendndodhjen e button në faqen e internetit.

Siç mund ta shikoni, instalimi i "lart" butonin me ndihmën e plug-ins është shumë e thjeshtë. Por nuk është një paralajmërim i rëndësishëm, i cili konsiston në faktin se çdo instaluar plug-në ngarkesa të CMS. Kjo mund të ndikojë në shpejtësinë e burimeve të internetit. Kjo është arsyeja pse shumica e pronarët e internetit janë duke u përpjekur për të kryer të gjitha ndryshimet direkt në kodin, në vend të përdorimit të extensions e palës së tretë. Ju mund të bëni butonin "lart" për këtë faqe interneti për të HTML, i cili minimizuar burimeve të konsumuara.

Para se të ndryshuar ndonjë sistem fotografi WordPress, ju duhet të bëni ato. Pastaj ju mund të ndiqni të gjitha hapat për të krijuar butonat tuaj, të përshkruara më sipër.

Knock "up" për Joomla

CMS Joomla gjithashtu mbështet instalimin e plug-ins si Wordpress. Opsioni më i suksesshëm "up" button për një vend në Joomla 3 është një plug-in e quajtur krye të faqes.

Ky CMS e ndonjë plug-in mund të jetë i instaluar nëpërmjet "Zgjerime Menaxher". Për ta bërë këtë:

• shkarko plugin në internet;
• kliko mbi butonin "Browse" në menaxherin extension;
• përzgjidhni kartelën shkarkuat;
• klikoni "Shkarko" dhe instaloni.

Tani ju duhet të aktivizoni atë në "Plugin Menaxher" të. Për ta bërë këtë, ju duhet të shkoni në këtë seksion, gjeni spinën dhe kaloni statusin e saj të "aktivizuar".

Tjetër është vendosja e opsioneve të zgjerimit me ndihmën e të njëjtit seksion, ku ju duhet të gjeni seksionin "parametrat themelore" të këtij plugin në anën e djathtë.

Në fillim të faqes ka karakteristikat e mëposhtme:

• Run në / administratorin - mundësuar opsionin jo vetëm në një burim të internetit, por edhe në panelin CMS Joomla.
• Button Trego Pozita - sa pixel duhet të Rewind përdorues në butonin "deri" atje.
• Heq Button Text - Teksti i butonit.
• Gjithmonë në Top - Site gjatë gjithë kohës do të shfaqet nga fillimi i saj. Kur duke përdorur "spiranca" për të shkuar në një vend të veçantë në faqe, ky opsion nuk ka nevojë të aktivizohet.
• Smooth Scroll - bën faqe scroll smoother.
• Shkoni Kohëzgjatja - kohë pas së cilës faqja është zhvendosur tërësisht në krye.
• Shkoni Tranzicioni - shton scrolling përmes efekteve të mëdha vizuale.
• Tranzicioni Lehtësimi - «Dobësimi" shkojë në krye të faqes.
• Link Location - icons lokacionit. Si standart, butonin e vendosur në këndin e poshtëm të djathtë.
• Përdorimi Styles - butonat individuale të stilit, të cilat mund të specifikohen në fushën e mëposhtme. Nëse ju kaloi në një vlerë negative, të gjithë parametrat e stileve do të merren nga faqja e aktiv temë.
• Link Style - fushë për të hyrë në parametrat tuaj stil button.

Self-tuning "Up" stil butonin, ju duhet të keni të paktën njohuri minimale për CCS. Përndryshe, ju duhet të ndryshojë vlerën e parametrit parafundit të "Jo".

Një gjë më e rëndësishme është se mbishkrimi zakonshme mbi ikonën përmban një tekst Anglisht: Kthehu në fillim. Në vend ruse teksti të ngjashme nuk mund të jetë i pranishëm, kështu që ju duhet vetëm të çaktivizoni atë në parametrat plugin për të ndryshuar ndonjë gjë në rusisht.

Për të ndryshuar etiketat duhet të shkojnë në server vend duke përdorur ndërtuar në server FTP ose hosting menaxherin e skedarëve. Next në directory «/ administratori / gjuhë / en-GB /» nevojë për të gjetur një skedar të quajtur «en-GB.plg_system_topofthepage.ini».

Para se të ndryshuar tekstin duhet të ndryshojë kodimin e dokumentit për UTF-8. Kjo do të bëjë shfaqje normale të letrave ruse.

Tjetra, ne gjejmë rreshtin e mëposhtëm:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Kthehu në Top " "

dhe për të ndryshuar frazën në thonjëza në gjuhën ruse. Ju mund të përdorni fraza të tilla si "Up", "Start" Ose "Up!".

Në fund të nevojës për të ruajtur kartelën modifikuar dhe kontrolloni butonat "lart" për këtë faqe interneti në Joomla.

"Up" button për Ucoz

"Up" button për një vend në Ucoz kanë të bëjnë me futjen e kodit, pasi plug lidhje për këtë CMS është e pamundur. Megjithatë, kjo nuk kërkon një kohë të gjatë për të mësuar fotografi sistemit dhe të kërkoni për linjën e nevojshme duhet futur vetëm një kod të vogël në vendin e dëshiruar.

Për instalimin, ne kemi nevojë për:

• shkoni tek "Control Panel -> Design -> menaxhimin Dizajn (templates) -> Pjesa e poshtme e faqes;
• Fut script (mund të gjenden në faqen e internetit të projektit dhe të palëve të treta burimeve zyrtare).

përfundim

Pas kësaj, në këndin e djathtë të ulët të ikonë do të shfaqet, lëvizin përdorues në krye të faqes.

Siç është parë, instalimi i "Up" button për ndonjë CMS nuk ishte veçanërisht e vështirë. Ajo mund të përdoret si një metodë të automatizuar të instalimit (plug-ins), dhe manual. Megjithatë, opsioni i fundit është më e përshtatshme, pasi kjo nuk do të ndikojë negativisht në performancën e faqes.

Ju mund të përdorni "lart" për këtë faqe interneti për të HTML, për të minimizuar faqen konsumin e burimeve, si një numër i madh i shtesave mund të ketë një ndikim negativ në performancën e burimeve. Një plug-in button "up" nuk do të ndikojë në masë të madhe kohën e ngarkesës e faqeve, por në shumicën e rasteve përdoruesi është e pranishme të paktën një duzinë plug-ins instaluar në CMS. Në këtë rast, çdo plug-in mund të ndikojë negativisht në performancën e faqeve tuaja.