"Up" bọtini fun ojula: bi o lati ṣe

Iru a iṣẹ, awọn bọtini "soke" fun awọn ojula, ṣiṣe awọn Internet diẹ rọrun awọn oluşewadi fun awọn oniwe-alejo. O ṣe iranlọwọ lati awọn iṣọrọ lilö kiri lati nibikibi ninu iwe ni oke ni apa. Eleyi jẹ a gbọdọ fun online oja ati ojula pẹlu tobi awọn ohun ti o nilo a gun ìwé isalẹ.

Idi ni o pataki

Ni akoko, julọ ti awọn ojula ti yi iṣẹ, awọn bọtini "soke" ni ko, ati nibẹ ni ohunkohun lominu ni. Ṣugbọn awọn oniwe-lilo le mu ọpọlọpọ awọn anfani fun awọn mejeeji awọn Internet awọn oluşewadi ati si awọn oniwe-alejo.

Anfani fun alejo

Igba, nigbati awọn iwe ti awọn Internet awọn oluşewadi ti wa ni darale ti kojọpọ iye ti alaye, nigbati awọn alaye ti article gba a pupo ti aaye ati ki o ni lati yi lọ si isalẹ awọn iwe lilo awọn Asin kẹkẹ. Awọn plus si yi, ni opin ti awọn article o le mú a pupo ti comments si o.

Nigba ti a alejo ti wa ni kika ohun article ni a ti ara ẹni tedious lọ si isalẹ a iwe ni ko bayi, sugbon nigba ti awọn ọrọ wá si ohun opin ati awọn ti o jẹ pataki lati gbe soke, o bẹrẹ lati àárẹ a bit. Ọpọlọpọ awọn eniyan yoo kan ju Ọlẹ lati ja a gun ìwé, ati ti won o kan pa awọn ojula, dipo ju miran stroll nipasẹ awọn oniwe-ìmọ awọn alafo.

Lilo bọtini kan lati lesekese gbe lọ si oke ti awọn iwe mu ki awọn pastime lori ojula diẹ rọrun.

Anfani ti ẹya ayelujara ti awọn oluşewadi

Rere ise ti awọn oluşewadi ara da lori itan ifosiwewe, nitori ti o rọrun lati lilö kiri ni ojula se awọn iwa ifosiwewe, bi gbogbo awọn alejo yoo jẹ diẹ lọwọ ni won išë ati ki o gbe si miiran ojúewé.

Nitorina data iwa ifosiwewe ni ipa awọn iwa ti gbogbo awọn àwárí enjini si ojula ati asiwaju lati dara si aaye ninu awọn àwárí esi.

Bi o lati ṣe awọn "Up" bọtini lori aaye ayelujara nikan

Ti wa ni yẹwo siwaju. Bọtini lati yi lọ soke si ojula lati eyikeyi ninu awọn CMS o le ma ṣe ara rẹ nipa wọnyi kan diẹ gan igbesẹ ti o rọrun:

• ẹda ti ohun image;
• awọn ẹda ti awọn akosile;
• Ṣiṣẹda a bọtini ara;
• fifi si ojula.

bọtini image

Lati fi awọn "soke" lori ojula, fun a ibere ye lati ṣe ara ohun icon, nigba ti olulo, awọn olumulo yoo gbe soke ni iwe. O le lo setan-ṣe awọn aṣayan, laarin eyi ti a le ma yan awọn ti o dara julọ.

Lati mu awọn wo ti awọn bọtini, o nilo lati ṣe diẹ ninu awọn ilọsiwaju, eyun lati ṣe kan sprite, o gba CSS-orisun darapọ lẹhin images, bayi ntẹriba da a kukuru iwara.

Fun iwọn ise, o le lo eyikeyi olootu. Ṣugbọn awọn julọ rọrun aṣayan ni awọn online iṣẹ Pixlr, niwon nibẹ ni nkankan lati gba lati ayelujara ki ko si ye lati, o le lo wọn taara ninu rẹ browser.

Lati bẹrẹ ṣiṣẹ ninu awọn window olootu lati yan awọn "Po si ohun aworan lati kọmputa rẹ." Bi apẹẹrẹ, ya awọn Rocket image.

Ti o ba ti awọn iwọn ti awọn ti a ti yan awọn aami wa ni ju tobi, iwọ yoo nilo lati ṣe kan kekere tolesese si iwọn. Lati ṣe eyi, "Edit", lọ si oke akojọ, ki o si yan awọn aaye, ati lẹhin «Free pada ...»

Next, tókàn si awọn aworan nibẹ ni o wa pataki asami ti o ti wa ni gbigbe, o le resize awọn aworan. Lati se itoju awọn aspect ratio, o le lo awọn naficula bọtini, dani pe, o nilo lati gbe awọn buluu asami. Ni opin ti awọn wọnyi awọn sise ti wa ni gba missiles image.

Awọn nigbamii ti igbese - awọn ẹda ti a daakọ ti awọn Layer.

Bayi o nilo lati gbe awọn aworan lati titun missiles Layer soke a bit. Lati ṣe eyi, o yoo jẹ rọrun lati lo awọn Gbe ọpa, eyi ti o ti wa ni be ni awọn keji iwe ti osi akojọ, ki o si itọka "soke" lori keyboard.

Bayi o nilo lati ṣe awọn oke image ni dudu ati funfun. Eleyi le ṣee ṣe nipa lilo awọn ohun kan "Atunse" - "Hue / ekunrere" lati oke akojọ. Fun pipe discoloration esun "ekunrere" yẹ ki o gba awọn iye -100. Yi igbese yoo ṣe awọn ipa ti awọn "Up" bọtini yoo tan lati dudu ati funfun to awọ nigba ti o ba rababa lori o.

Ik ifọwọkan - awọn yiyọ ti excess aaye ayika awọn meji images. Lati ṣe eyi, yan awọn ohun kan "Gee" lati osi akojọ ki o si yan nikan meji missiles sinu kan onigun. Lati ṣe kan trimming presses awọn Tẹ bọtini.

Lati gba ohun image ninu eyi ti o wa ni ju Elo aaye kun. O nilo lati gba awọn iwọn ati ki o iga ti awọn Abajade images, bi awọn wọnyi data yoo jẹ wulo ni awọn nigbamii ti igbese.

Lati fi ye lati tẹ lori "File" - "Fi", ibi ti awọn osi labẹ "Mi Kọmputa" kọ awọn orukọ ti awọn aworan (nikan ni English keyboard akọkọ), yan awọn kika (ninu apere yi - PNG) ki o si tẹ "Bẹẹni".

Faili pẹlu awọn akosile "Up" bọtini

Kọ a akosile, ninu apere yi o jẹ ko wulo. O ni yio je ṣee ṣe lati lo kan àkọsílẹ aṣayan, kiko ni diẹ ninu awọn atunse setan koodu.

Eleyi yoo beere lati gba lati ayelujara eyikeyi koodu olootu. Awọn julọ gbajumo ati ki o tun kan free ti ikede - ni Notepad ++. Lẹhin ti fifi sori ti o nilo lati da ati ki o lẹẹmọ gbogbo awọn ti o yi koodu:

"> $ (iwe) .ready (iṣẹ () {$ (window) .scroll (iṣẹ () {ti o ba ti ($ (yi) .scrollTop ()> 0) {$ ( '# scroller '.) fadeIn (); } miran {$ (' # scroller ') fadeOut () ;.}}); $ (' # scroller ') tẹ (iṣẹ () {$ (.' ara, html '). animate ({scrollTop: 0}, 400); pada eke;}); });

Ki o si tẹ lori oke akojọ "File" - "Fipamọ bi ...", ati ki o fi awọn koodu ninu awọn .js kika. O le ki o si lo yi koodu lori rẹ sii nipa ikojọpọ a akosile ati aworan awọn faili nipa lilo FTP-isopọ.

Fifi sori ẹrọ lori ojula

Lati ṣeto ìwé bọtini soke fun awọn ojula, o nilo lati gbe awọn koodu ni awọn ti o fẹ ipo. Inscribe o gbodo je ṣaaju ki o to tag .

Ṣiṣẹda a bọtini ara pẹlu CSS

Ọpọlọpọ igba, awọn "soke" bọtini fun ojula be ni isale ( "ipilẹ").

Ojula style.css faili, o gbọdọ fi awọn wọnyi koodu:

"/ * Button ni oke * / .scrollTop { lẹhin: url ( 'images / up.png ') 0 0 ko si-tun; / * onositelny ona to awọn aworan * / iwọn: 39px; / * iwọn ti a bọtini * / iga: 96px; / * 50% ti awọn iga ti awọn bọtini * / isalẹ: 5px; / * a ti o wa titi ipo ti isalẹ ala * / osi: 89%; / * aiṣedeede si osi * / } .scrollTop: rababa {lẹhin-si ipo: 0 -108px; } / * Aiṣedeede lẹhin * / "

Ni idi eyi, awọn data ti nilo ki o si awọn iwọn ati ki o iga ti awọn aworan. Ti o nikan maa wa lati tẹ awọn data sinu awọn koodu, ati awọn "soke" bọtini fun ojula yoo jẹ setan! Kini ohun miiran?

"Up" bọtini fun ojula on Wordpress

Fun yi CMS bọtini "Up" le ṣee ṣe pẹlu iranlọwọ ti awọn plug-ins, bi daradara bi ominira.

Ọna afikun julọ rọrun ati ki o rọrun lati fi sori ẹrọ, niwon o yoo beere nikan a tẹ lori awọn bọtini ati ki o fi sori ẹrọ tunto gbogbo awọn iṣẹ-ti awọn itanna akojọ.

Nipa awọn wun ti awọn igbehin ni lati sunmọ pẹlu pele, nitori pẹlu o ti o ti le awọn iṣọrọ gba awọn kokoro ni ojula. Awọn julọ gbajumo ati ki o fihan aṣayan - a plug-ni ti a npe ni Yi lọ Back To Top. Ti o le gba o nipa lilo awọn boṣewa search Wordpress afikun.

Eleyi itẹsiwaju ni o ni ọpọ iṣẹ, ati ki o jẹ gidigidi rọrun lati individualize awọn "soke" bọtini fun ojula on Wordpress. Gbogbo iye ayipada ko ni dandan nilo lati tunto nikan ni iru ati ipo ti awọn bọtini lori oju-iwe ayelujara.

Bi o ti le ri, awọn fifi sori ẹrọ ti awọn "soke" bọtini pẹlu iranlọwọ ti awọn plug-ins ni irorun. Ṣugbọn nibẹ ni pataki caveat, eyi ti oriširiši ni o daju wipe kọọkan ti fi sori ẹrọ plug-ni èyà awọn CMS. Eleyi le ni ipa ni iyara ti awọn Internet awọn oluşewadi. Ti o ni idi julọ ti awọn aaye ayelujara onihun ti wa ni gbiyanju lati gbe jade gbogbo awọn ayipada taara ni awọn koodu, dipo ti lilo-kẹta awọn amugbooro. O le ṣe awọn bọtini "soke" fun awọn ojula to HTML, eyi ti gbe awọn oro run.

Ṣaaju ki o to iyipada eyikeyi eto Wordpress awọn faili, o gbọdọ ṣe wọn soke. Ki o si le tẹle gbogbo awọn igbesẹ lati ṣẹda rẹ bọtini, ti salaye loke.

Kolu "soke" fun Joomla

CMS Joomla tun ṣe atilẹyin awọn fifi sori ẹrọ ti plug-ins bi Wordpress. Awọn julọ aseyori aṣayan "soke" bọtini fun ojula on Joomla 3 ni a plug-ni ti a npe ni Top ti awọn Page.

Eleyi CMS ti eyikeyi plug-ni le ti wa ni sori ẹrọ nipasẹ awọn "amugbooro Manager". Lati ṣe eyi:

• gba awọn itanna lori ayelujara;
• tẹ lori "Kiri" bọtini ni awọn itẹsiwaju faili;
• yan awọn gbaa lati ayelujara faili;
• tẹ "Gba awọn" ki o si fi.

Bayi o nilo lati mu o ni "itanna Manager". Lati ṣe eyi, o gbọdọ lọ si yi apakan, ri awọn plug ki o si yipada awọn oniwe-ipo to "sise."

Next ni awọn eto ti imugboroosi awọn aṣayan pẹlu iranlọwọ ti awọn kanna apakan, ibi ti o nilo lati wa ni "Ipilẹ sile" apakan ti yi ohun itanna lori ọtun ẹgbẹ.

Top ti awọn Page ni o ni awọn ẹya wọnyi:

• Ṣiṣe awọn ni / administrator - muu awọn aṣayan ko nikan lori ẹya ayelujara ti awọn oluşewadi, sugbon tun ni nronu CMS Joomla.
• Button han Ipo - bawo ni ọpọlọpọ awọn piksẹli gbọdọ dapada sẹhin awọn olumulo lati awọn bọtini "soke" nibẹ.
• Omit Button Text - Awọn ọrọ ti awọn bọtini.
• Nigbagbogbo ni Top - Aye gbogbo awọn akoko ni yoo han lati awọn oniwe-ibẹrẹ. Nigba lilo "anchors" lati yi lọ si kan pato ipo lori iwe, aṣayan yi ko ni nilo lati wa ni mu šišẹ.
• Dan Yi lọ - mu ki awọn iwe ìwé smoother.
• Yi lọ Duration - akoko lẹhin eyi ni iwe ti wa ni patapata gbe si oke.
• Yi lọ Orilede - afikun lọ nipasẹ tobi wiwo igbelaruge.
• Orilede easing - «weakening" Gbe lati oke ti awọn iwe.
• Asopọ Location - ipo aami. Bi bošewa, awọn bọtini be ni isalẹ ọtun igun.
• Lo Styles - kọọkan ara awọn bọtini, eyi ti le wa pato ninu awọn aaye isalẹ. Ti o ba Switched si a odi iye, gbogbo sile ti aza yoo wa ni ya lati awọn ti nṣiṣe lọwọ akori sii.
• Asopọ Style - aaye fun titẹ rẹ eto bọtini ara.

Ara-yiyi "Up" bọtini ara, o gbọdọ ni ni o kere pọọku imo ti CCS. Tabi ki, o yẹ ki o yi awọn iye ti awọn t'o paramita to "Ko si".

Ọkan diẹ pataki ohun ti o wa wipe ibùgbé akọle lori aami ni ohun English ọrọ sii: Pada si Top. Lori awọn Russian ojula iru ọrọ le ko ni le bayi, ki o yẹ ki o kan mu o ni itanna sile lati yi ohunkohun lori Russian.

Lati yi awọn akole nilo lati lọ si ojula server lilo awọn itumọ-ni FTP server tabi alejo faili faili. Next ni liana «/ administrator / ede / en-GB /» nilo lati wa faili kan ti a npe ni «en-GB.plg_system_topofthepage.ini».

Ṣaaju ki o to yiyipada awọn ọrọ yẹ ki o yi awọn aiyipada ti awọn iwe to UTF-8. Eleyi yoo ṣe awọn deede àpapọ Russian awọn lẹta.

Next, a ri awọn wọnyi ila:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Pada si Top " "

ki o si yi awọn gbolohun ni finnifinni aami bẹ ninu awọn Russian ede. O le lo gbolohun bi "Up", "Bẹrẹ!" Tabi "Up!".

Ni opin ti ye lati fi awọn títúnṣe faili ki o si ṣayẹwo awọn bọtini "soke" fun awọn ojula on Joomla.

"Up" bọtini fun Ucoz

"Up" bọtini fun ojula on Ucoz ni lati se pẹlu awọn ifihan ti awọn koodu, niwon awọn asopọ plug fun yi CMS ni soro. Sibẹsibẹ, yi ko ni beere igba pipẹ lati ko awọn eto awọn faili ki o si wa fun pataki ila nilo nikan fi kan kekere koodu ni awọn ti o fẹ ipo.

Fun awọn fifi sori, a nilo:

• lọ si "Iṣakoso Panel -> Design -> Design isakoso (awọn awoṣe) -> apa isalẹ ojula;
• Fi akosile (le ti wa ni ri lori awọn osise ise agbese aaye ayelujara ati ẹni-kẹta oro).

ipari

Lẹhin ti o, ni isalẹ ọtun loke ti awọn aami yoo han, gbe awọn olumulo lati awọn gan oke ti awọn iwe.

Bi ti a ti ri, awọn fifi sori ẹrọ ti awọn "Up" bọtini fun eyikeyi ninu awọn CMS je ko paapa soro. O le ṣee lo bi awọn ohun aládàáṣiṣẹ ọna ti fifi sori (plug-ins), ati Afowoyi. Sibẹsibẹ, awọn igbehin aṣayan ni awọn julọ yẹ, bi o ti ko ni adversely ni ipa ni iṣẹ ti awọn ojula.

O le lo awọn "soke" fun awọn ojula to HTML, lati gbe awọn oluşewadi agbara sii, bi awọn kan ti o tobi nọmba ti awọn amugbooro le ni kan odi ikolu lori awọn iṣẹ ti awọn oluşewadi. A plug-ni bọtini "soke" yoo ko gidigidi ni ipa ni fifuye akoko ti ojúewé, sugbon ni ọpọlọpọ igba awọn olumulo jẹ bayi ni o kere kan mejila plug-ins fi sori ẹrọ lori CMS. Ni idi eyi, eyikeyi plug-ni le adversely ni ipa ni iṣẹ ti rẹ ojúewé.