"Up" button ee goobta, sida loo sameeyo

function noocan oo kale ah, badhanka "ilaa" ee goobta, samaynta Internet khayraadka ku haboon kooxda martida ah ay. Waxay ka caawisaa in ay si fudud u maraan meel kasta oo bogga ah ee qaybta sare. Tani waa waajib ah dukaamada online iyo goobaha la waxyaabaha waaweyn in hoos u baahan yihiin kitaabkii duudduubnaa dheer.

Waa maxay sababta ay lagama maarmaan tahay

Waqtigan xaadirka ah, inta badan oo ka mid ah goobaha shaqada this, badhanka "ilaa" ma aha, oo waxba ma jiraan muhiim ah. Laakiin isticmaalkeeda keeno waxaa laga yaabaa in faa'iidooyin badan u leh labada khayraadka Internet iyo visitors ay.

Faa'iidooyinka martida

Inta badan, marka bogga of khayraadka Internet waxaa si xoogan ku raran yihiin xaddiga macluumaadka, marka article macluumaadka qaadataa badan oo meel bannaan oo u leeyihiin in ay hoos u rogto bogga isticmaalaya wheel jiirka. oo lagu daray The in this, dhamaadka maqaalka soo bandhigi kartaa wax badan oo comments in ay.

Marka booqdaha ah waxaa reading article ah ee boggan daalin shakhsi hoos page a ma joogo, laakiin markii qoraalka si ay u dhammaadeen oo ay lagama maarmaan tahay in ay u guuraan ilaa, wuxuu bilaabaa inuu daalaan yara. Dadka intooda badan doonaa oo kaliya aad u caajis si uu u hoggaamiyo duudduuban dheer, waxa kaliya oo ay la xiro goobta, halkii Dooxa kale iyada oo loo marayo meelaha ay furan.

Isticmaalka badhan si dhakhso leh u guurto sare ee bogga ka dhigaysa tab on goobta dheeraad ah oo ku haboon.

Faa'iidooyinka khayraadka Internet ah

togan ee khayraadka laftiisa ku salaysan arrimo taariikhi ah, maxaa yeelay waxa ay u fududahay in ay maraan goobta hagaajinaysaa arrimaha habdhaqanka, sida dhammaan martida u noqon doonaa firfircoon ee ay falsayeen iyo guurto bogagga kale.

Sidaasaa xogta arrimaha habdhaqanka saamayn habdhaqanka dhammaan matoorada search in goobta iyo hogaanka bannaanayd hagaagtay natiijooyinka raadinta ah.

Sida loo sameeyo "ayuu Up" button on website keliya

Ma sii baarayaa. Button in ay kor u gudbi kartaa goobta si ay mid ka mid ah CMS aad had iyo jeer ka dhigi kartaa adiga kuu gaar ah by socda xoogaa tallaabooyin ah mid aad u fudud:

• abuurka ah ee image ah;
• abuurista script ah;
• Abuuritaanka qaab button ah;
• isagoo intaa ku daray in goobta.

button image

Si aad u dar "ilaa" on goobta, waxay u baahan yihiin bilowday in ay icon an ka dhigi a, marka riixi, user kor u dhaqaaqi doono bogga. Waxaad isticmaali kartaa fursadaha diyaar-dhigay, waxaan ka mid ah kuwaas oo had iyo jeer dooran kartaa ugu haboon.

Si loo hagaajiyo muuqaal u eg ka badhanka, waxaad u baahan tahay si ay u sameeyaan horumar qaar ka mid ah, kuwaas oo loo sameeyo dad saa u ah, oo u ogolaanaya CSS ku salaysan isu geeyo images soo jeeda, sidaas isagoo abuuray animation gaaban.

Waayo, shuqulladiisa oo graphic, waxaad isticmaali kartaa editor kasta. Laakiin ikhtiyaarka ugu haboon waa hawshii online Pixlr, tan iyo ma jirto wax si ay u soo dejisan iyo uma baahna in, aad si toos ah u isticmaali kartaa in aad browser.

Si aad u billowdo ka shaqeeya editor uu furmo suuqa si ay u doortaan ah "Kasoorar image ah ka aad computer." Tusaale ahaan, waxay qaadan image gantaal ah.

Haddii size ee calanka u soo xulay aad u badan tahay, waxaad u baahan doontaa in la sameeyo qabsiga yar size. Si arrintan loo sameeyo, "Edit", tag menu top, dooro berrinka, iyo ka dib «Free beddesho ...»

Next, soo socota si ay sawirka waxaa jira calamado gaar ah u guurayso, aad ucabirto kartaa sawirka. Si loo ilaalin lahaa ratio dhinaca, waxaad isticmaali kartaa muftaaxa Shift, oo xajinaya in, aad u baahan tahay inaad ka guurto ah calamado buluug. Dhamaadka falalkan waa la helay gantaal image.

Tallaabada xigta - abuurista nuqul ka mid ah lakabka.

Hadda waxaad u baahan tahay inaad guurto image ka gantaal cusub lakabka ilaa xoogaa. Si arrintan loo sameeyo, waxa ay noqon doontaa habboon in la isticmaalo qalab dhaqaaqo, oo ku yaalla column labaad ee menu bidix, iyo arrow "ilaa" on keyboard ah.

Haddaba waxaad u baahan tahay in laga sameeyo sanam sare ee madow iyo caddaan. Taas waxaa la samayn karaa iyadoo la isticmaalayo item "Correction" ah - "cado / robab" ka menu top. Waayo, slider dhamaystiran midab "robab" waa in ay qaadaan qiimaha -100. Tallaabadan waxaa saamaynta in "Up" button ka madow iyo caddaan jeedin doonaa midabka marka aad dul istaagin dul dhigi doonaa.

taabto final - ka kaxayntu ay of space xad-dhaaf ah agagaarka labada images. Si arrintan loo sameeyo, dooro item "goo" ka menu bidix dooro kaliya labo gantaal galay leydi. Si aad u samayso macsarada ah falinjeeerka gal muhiim ah.

Si aad u hesho image ah taas oo ay jirto meel bannaan oo aad u badan. Waxaad u baahan tahay si ay u qoraan ee width iyo height of the images keentay, sida xogta waxay noqon doontaa mid waxtar leh in tallaabada xigta.

Si loo badbaadiyo baahida loo qabo in guji "File" - "Save", halkaas oo uu ka tagay ka yar "My Computer" ku qor magaca image ah (kaliya Ingiriisi qaabka keyboard ah), doorato qaabka (kiiskan - PNG) iyo riix "Haa".

Fayl la script "Up" button

Qor qoraal ah, haddii ay taasi muhiim ma aha. Waxa ay noqon doontaa suurto gal ah in la isticmaalo doorasho dadweyne, keeno beddelid qaar ka mid code diyaar.

Tani waxay u baahan doontaa in aad kala soo bixi editor kasta oo code. The ugu caansan iyo sidoo kale version xorta ah - waa buugayga ++. Ka dib markii loo xirxiro aad u baahan tahay in aad nuqulka iyo paste code oo dhan this:

"> $ (document) .ready (function () {$ (window) Hilakabtaro (function () {haddii ($ (this) .scrollTop ()> 0) {$ ( '# scroller ') fadeIn ();. } kale {$ (' # scroller ') fadeOut () ;.}}); $ (' # scroller ') click (function () {$ (.' jidhka, html '). nooleyn ({scrollTop: 0}, 400), ku soo laabto been ah;}); });

Ka dibna riix on menu "File" sare - "Save sida ...", ka dibna badbaadin code ee qaabka .js. markaas waxaad isticmaali kartaa code this on your site by uploading faylasha script iyo sanam la isticmaalayo FTP-xirka.

Rakibaadda on site

Si aad u dhigay ilaa button kitaabkii duudduubnaa ee goobta, waxaad u baahan tahay in meel code ee meesha uu doonayo. Matihid waa in ka hor tag ah.

Abuuritaanka qaab button la CSS a

Inta badan, ee "kor" button ee goobta ku yaal hoose ( "qaybta hoose").

file style.css goobta, waa in aad ku darto code soo socda:

"/ * Button hogaanka * ah / .scrollTop { background: url ( 'images / up.png ') 0 0 no-celiyo; / * Jidka onositelny suuradda * / width: 39px; / * width of badhan * / height: 96px; / * 50% of height of button * ah / hoose: 5px; / * meel go'an oo margin hoose * / bidix: 89%; / * kabayso u tagay * / } .scrollTop: dulsaar {asal-meel: 0 -108px; } / * Mowjadda asalka * / "

Xaaladdan oo kale, macluumaadka loo baahan yahay iyo width iyo height of image ah. Waxaa weli kaliya in ay galaan xogta galay code ka, iyo "kor" button ee goobta diyaar u noqon doonaa! Maxaa kale?

"Up" button waayo site a on WordPress

Waayo, kanu button CMS "Up" waxaa la samayn karaa iyadoo la kaashanayo of siib-tago, sidoo kale si madax banaan.

plugins Habka ugu haboon iyo fududahay in la rakibo, tan iyo markii ay u baahan tahay oo kaliya click a on badhanka rakibi iyo reserved shaqeynayaan ee menu plugin oo dhan.

By doorashada ee dambe waa inuu kuu soo dhowaado si taxadir leh, sababta oo ah waxa aad si fudud u heli karaan fayraska goobta. Doorashada ugu caansan oo la xaqiijiyay - a fur-in yeedhay Scroll Back Si Top. Waxaad ku soo bixi kartaa adiga oo isticmaalaya raadinta caadiga ah plugins WordPress.

kordhinta waxa uu ka shaqeynayaan kala duwan, oo waa mid aad u fudud in ay individualize ah "kor" button waayo site a on WordPress. Dhammaan qiimaha isbedel khasab ma aha baahan tahay in aad rights reserved oo keliya nooca iyo meesha ay badhanka bogga internetka.

Sida aad arki karto, rakibo oo ka mid ah "kor" button oo gargaar ka fur-tago waa mid aad u fudud. Laakiin waxaa jira mid ka mid digtoonyey muhiim ah, taas oo ka kooban in xaqiiqda ah in kasta oo lagu rakibay fur-in xamuulka CMS ah. Tani waxay saameyn kartaa xawaaraha khayraadka internetka. Taasi waa sababta inta badan milkiilayaasha website isku dayayaan in ay si toos ah u fuliyaan oo dhan isbeddel ah ee code ka, halkii la isticmaalayo kordhin dhinac saddexaad. Waxaad samayn kartaa badhanka "ilaa" ee goobta si HTML, taas oo loo yareeyo khayraadka ku baabba'saday.

Ka hor inta beddelo nidaam kasta oo files WordPress, waa inaad iyaga u samaysaa up. Markaas waxaad raaci kartaa dhammaan tallaabooyinka si ay u abuuraan badhamada, aad kor lagu sharaxay.

Garaaca "ilaa" for Joomla

CMS Joomla sidoo kale taageertaa rakibo of fur-tago sida WordPress. Doorashada ugu guulaha badan "ilaa" button waayo site a on Joomla 3 waa a-in fur u yeedhay Top of Page ah.

Tani CMS kasta oo fur-in lagu rakibi karo via ah "Extensions Manager". Si arrintan loo sameeyo:

• download plugin ee Internet-ka,
• riix "Browse" button in tababaraha dheeraad ah;
• dooro file ka soo dejisan,
• guji "Download" iyo rakibi.

Haddaba waxaad u baahan tahay si aad u dhaqaajiso ee "Manager plugin". Si arrintan loo sameeyo, waa in aad qaybtan u tagaan, ka heli fur iyo in ay beddelaan xaalka "awood."

Next waa goob ka mid ah fursadaha ballaarinta iyadoo la kaashanayo qaybta la mid ah, halkaas oo aad u baahan tahay si aad u hesho "xuduudaheedu Basic" qaybta plugin this dhinaca midigta.

Top of Page leeyahay sifooyinka soo socda:

• Orod in / maamule - awood ikhtiyaarka ma aha oo kaliya on khayraadka Internet ah, laakiin sidoo kale in guddiga CMS Joomla.
• Button Shaaca Jago - sida pixels badan waa in dib u socon user si badhanka "ilaa" waxaa.
• Ka tegid Text Button - Qoraalka badhanka.
• Had iyo jeer at Top - Site waqtiga oo dhan lagu soo bandhigi doonaa ka bilowgiisa. Markii la isticmaalayo "barroosinnadii" u wad meel gaar ah oo ku yaalla bogga, Doorashadan ma u baahan tahay in la shaqeysiin.
• Scroll siman - dhigaysa page kitaabkii duudduubnaa macaan.
• Duration Scroll - waqti ka dib markii taas bogga si buuxda u dhaqaaqay hogaanka.
• Transition Scroll - darayaa boggan dhex saamaynta muuqaalka weyn.
• Ahee Transition - «daciifaan" ku biiray sare ee bogga.
• Link Location - walxood goobta. Sida caadiga ah, badhanka ku yaal koonaha midig.
• Isticmaal Styles - badhamada style shaqsi, kaas oo lagu qeexay karaa beerta hoose. Haddii aad u wareegeen qiimaha xun, cabbir kasta oo ka mid ah hababka looga qaadi doonaa goobta theme firfircoon.
• Link Style - beerta for galaan goobaha style button.

Is-daafigaw "Up" style button, waa in aad haysataa ugu yaraan aqoon yar ee CCS. Haddii kale, waa in aad beddesho qiimaha dhimaya ee ceshadka in ay "Maya".

Mid ka mid ah wax ka muhiimsan waa in Looxii caadiga on icon ku jira qoraalka Ingiriisi ah: in ay Top noqo. On goobta Ruush text la mid ah la joogo ma noqon karo, sidaas darteed waa in aad kaliya u gab in xuduudaheedu plugin in ay wax on Ruush ah la beddelo.

Si aad u bedesho sumadaha ay u baahan yihiin si ay u tagaan server goobta isticmaalaya Tababaraha file dhisay-in server FTP ama marti. tusaha Next «/ maamule / luqadda / en-GB /» u baahan tahay si aad u hesho file ah oo lagu magacaabo «en-GB.plg_system_topofthepage.ini».

Ka hor inta beddelo qoraalka waa in ay isbeddelaan habaynteeda ee dokumentiga si UTF-8. Tani waxay ka dhigi doonaa bandhigay caadiga ah ee waraaqaha Ruush.

Next, waxaan ka heli line soo socda:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Ku noqo Top " "

wuxuuna beddeli weedha ah ee qaws afka Ruush. Waxaad isticmaali kartaa jumlado sida "Up", "Bilow!" Ama "Up!".

Dhamaadka baahida loo qabo in "kor" si loo badbaadiyo faylkaan eesan iyo hubi badhamada ee goobta on Joomla.

"Up" button for Ucoz

"Up" button waayo site a on Ucoz leedahay in la sameeyo oo la hordhaca ah ee xeerka, tan iyo fur la xidhiidha waayo CMS this waa wax aan macquul aheyn. Si kastaba ha ahaatee, tani ma u baahan tahay waqti dheer si ay u bartaan files nidaamka oo raadi line lagama maarmaan ah gelin baahan kaliya code yar ee meesha uu doonayo.

Waayo, rakibo, waxaan u baahan nahay:

• tag "Control Panel -> Design -> maamulka Design (habyaalada) -> qaybta hoose ee goobta;
• Geli script (waxaa laga heli karaa khayraadka rasmiga ah website mashruuca iyo-dhinac saddexaad).

gunaanad

Ka dib markii in, in geeska hoose ee midig ee icon muuqan doonaa, guurto user ee ugu sareeya ee aad bogga.

Sida ayaa lagu arkay, rakibo oo ka mid ah "Up" button wax ka mid ah CMS ma uu si gaar ah u adag. Waxaa loo adeegsan karaa sidii hab iswada ee loo xirxiro (fur-tago), iyo buuga. Si kastaba ha ahaatee, doorasho dambe waa ka ugu habboon, sida waxa aanu si xun u saameyn waxqabadka goobta.

Waxaad isticmaali kartaa "ilaa" ee goobta si HTML, si loo yareeyo isticmaalka khayraadka goobta, sida tiro badan oo kordhin saameyn xun ku waxqabadka khayraadka laga yaabaa in. button fur-in A "ilaa" aan si weyn u saameyn doono waqti load of pages ah, laakiin inta badan user waa la joogo ugu yaraan dersin fur-tago rakibay on CMS ah. Xaaladdan oo kale, wax kasta oo fur-in si xun u saameyn karaa waxqabadka bogagga aad.