"Up" khawm rau lub site: yuav ua li cas ua

Xws li ib tug muaj nuj nqi, lub khawm "pem" rau ntawm qhov chaw, ua lub Internet ntau yooj yim kev pab rau nws cov neeg tuaj saib. Nws yuav pab tau yooj yim next los ntawm txhua qhov chaw nyob rau hauv cov nplooj ntawv hauv lub Upper ib feem. Qhov no yog ib tug yuav tsum rau hauv internet khw muag khoom noj thiab chaw nrog loj cov khoom uas yuav tsum tau ib tug ntev scroll down.

Yog vim li cas yog nws tsim nyog

Thaum lub caij, feem ntau ntawm cov qhov chaw ntawm no muaj nuj nqi, lub khawm "pem" tsis yog, thiab muaj yog tsis muaj dab tsi tseem ceeb heev. Tab sis nws siv tej zaum yuav coj ntau yam zoo rau ob lub Internet chaw pab thiab rau nws cov neeg tuaj saib.

Kev pab rau cov neeg tuaj saib

Feem ntau, thaum cov nplooj ntawm cov Internet kev pab hnyav ncawv loaded nqi ntawm cov ntaub ntawv, thaum cov lus qhia hauv tsab xov xwm yuav siv sij hawm ib tug ntau ntawm qhov chaw thiab muaj scroll down cov nplooj ntawv uas siv tus nas log. Lub ntxiv rau qhov no, qhov kawg ntawm tsab xov xwm tej zaum yuav muaj ib tug ntau ntawm cov lus mus rau nws.

Thaum ib tug qhua yog nyeem ntawv ib tsab xov xwm nyob rau hauv ib tug tus kheej tsho scrolling down ib tug ntawv no tsis yog tam sim no, tab sis thaum cov ntawv nyeem tuaj mus rau qhov kawg thiab nws yog tsim nyog los txav mus, nws pib mus rau cov log tsheb kuj nce mentsis. Feem ntau cov neeg yuav cia li dhau tub nkeeg mus ua ib tug ntev scroll, thiab lawv cia li kaw qhov chaw, es lwm taug kev ua si los ntawm nws qhib tej qhov chaw.

Siv ib tug khawm kom instantly tsiv mus nyob rau lub sab saum toj ntawm nplooj ua rau cov yam taw tes uas rau ntawm qhov chaw yooj yim tshaj.

Cov kev pab cuam ntawm ib tug Internet kev pab

Zoo yam ntawm lub pab nws tus kheej raws li nyob rau hauv keeb kwm yam, vim hais tias nws yooj yim rau next ntawm qhov chaw pab txoj kev coj tus cwj pwm yam, raws li tag nrho cov neeg tuaj xyuas yuav muaj ntau yam kom nquag plias nyob rau hauv lawv ua thiab tsiv mus nyob rau lwm cov nplooj ntawv.

Li cov ntaub ntawv kev coj cwj pwm yam muaj kev cuam tshuam tus yam ntxwv ntawm tag nrho cov kev tshawb fawb xyaw rau qhov chaw thiab ua rau zoo chaw nyob rau hauv cov kev tshawb fawb tau.

Yuav ua li cas yuav ua rau cov "Up" khawm ntawm lub website nyob ib leeg

Yog soj ntsuam ntxiv. Button scroll mus txog rau lub site rau ib yam ntawm cov CMS koj yeej ib txwm ua rau koj tus kheej los ntawm nram qab no ib tug ob peb yam yooj yim heev cov kauj ruam:

• creation ntawm ib cov duab;
• lub creation ntawm tsab ntawv;
• Tsim ib lub pob style;
• ntxiv mus rau lub site.

khawm duab

Yuav kom ntxiv "li" nyob rau ntawm qhov chaw, rau lub caij pib yuav tsum tau ua nws tus kheej ib tug icon, thaum clicked, tus neeg siv yuav txav mus rau sab. Koj siv tau npaj txhij-ua kev xaiv, cov uas peb yuav nco ntsoov xaiv lub feem ntau haum.

Yuav kom txhim kho qhov zoo ntawm lub khawm, koj yuav tau ua ib co txhim kho, namely los ua ib tug sprite, tso cai rau CSS-raws li muab tom qab dluab, yog li muaj tsim ib tug luv luv animation.

Rau duab tej hauj lwm, koj yuav tau siv tej editor. Tab sis qhov tseem yooj yim kev xaiv no yog cov nyob hauv internet pab Pixlr, vim yog tsis muaj dab tsi mus download tau thiab tsis muaj yuav tsum tau, koj muaj peev xwm siv lawv ncaj qha nyob rau hauv koj tus browser.

Yuav pib ua hauj lwm nyob rau hauv lub qhov rais editor xaiv lub "Upload ib tug duab los ntawm koj lub computer." Raws li ib qho piv txwv, muab cov foob pob ua ntxaij duab.

Yog hais tias qhov luaj li cas ntawm cov xaiv icons loj heev, koj yuav tsum tau ua ib tug me me hloov mus ua raws li. Ua li no, "Kho kom raug neeg", mus rau lub sab saum toj ntawv qhia zaub mov, thiab xaiv lub teb, thiab tom qab «Dawb txia ...»

Tom ntej no, tom ntej no mus rau lub daim duab muaj tshwj xeeb markers uas tsiv, koj muaj peev xwm resize cov duab. Khaws cia rau cov nam ratio, koj siv tau cov haujlwm tseem ceeb, tuav hais tias, koj yuav tsum tsiv mus nyob rau xiav npiv zas. Qhov kawg ntawm cov kev ua yog tau cuaj luaj duab.

Cov kauj ruam tom ntej - lub creation ntawm ib daim qauv ntawm cov txheej.

Tam sim no koj yuav tsum tsiv mus nyob rau cov duab ntawm lub tshiab cuaj luaj txheej li ib tug me ntsis. Ua li no, nws yuav yooj yim rau siv cov kev khiav tawm lub cuab tam, uas yog nyob rau hauv lub thib ob sab ntawm sab laug ntawv qhia zaub mov, thiab xub "pem" nyob rau hauv cov keyboard.

Tam sim no koj yuav tsum ua lub sab saum toj cov duab nyob rau hauv cov xim dub thiab dawb. Qhov no yuav ua tau siv yam khoom no "Kho" - "Hawj txawm / saturation" los ntawm lub sab saum toj ntawv qhia zaub mov. Rau ib tug tag nrho heev slider "saturation" yuav tsum tau tus nqi -100. Qhov kev ua yuav ua kom cov nyhuv uas cov "Up" khawm yuav tig los ntawm cov xim dub thiab dawb mus rau xim thaum koj yuj dua nws.

Qhov kawg kov - qhov kev tshem tawm ntawm tshaj qhov chaw nyob ib ncig ntawm cov dluab ob. Ua li no, xaiv qhov khoom "Tshib" los ntawm sab laug ntawv qhia zaub mov thiab xaiv tsuas yog ob tug cuaj luaj mus rau hauv tus duab plaub. Mus ua ib tug trimming presses lub Sau qhov tseem ceeb.

Yog xav tau ib tug duab nyob rau hauv uas muaj ntau ntau qhov chaw. Koj yuav tsum sau qhov dav thiab qhov siab ntawm lub resulting dluab, raws li cov ntaub ntawv no yuav pab tau nyob rau hauv lub kauj ruam tom ntej.

Kom txuag tau tus xav tau nyem rau ntawm "Cov ntaub ntawv" - "Txuag", qhov twg rau sab laug nyob rau hauv "Kuv lub computer" sau lub npe ntawm daim duab (tsuas yog lus Askiv keyboard layout), xaiv lub hom (nyob rau hauv cov ntaub ntawv no - PNG) thiab nias rau "Yes".

Ntaub ntawv nrog rau tsab ntawv "Up" khawm

Sau ib tsab ntawv, nyob rau hauv cov ntaub ntawv no nws tsis yog tsim nyog. Nws yuav tsum tau siv ib tug pej xeem kev xaiv, coj nyob rau hauv ib co kev hloov npaj code.

Qhov no yuav tsum mus download tau tej code editor. Cov feem nrov thiab kuj yog ib tug dawb version - yog Notepad ++. Tom qab installation koj yuav tau luam thiab paste rau nws tag nrho cov cai no:

"> $ (daim ntawv) .ready (muaj nuj nqi () {$ (qhov rai) .scroll (muaj nuj nqi () {yog ($ (qhov no) .scrollTop ()> 0) {$ ( '# scroller.) fadeIn (); } lwm {$ ( '# scroller') fadeOut () ;.}}); $ ( '# scroller') nias (muaj nuj nqi () {$ (. 'lub cev, html'). animate ({scrollTop: 0}, 400); rov qab cuav;}); });

Ces nias rau lub sab saum toj ntawv qhia zaub mov "Cov ntaub ntawv" - "Txuag li ...", thiab ces tseg cov cai nyob rau hauv lub .js hom. Koj muaj peev xwm ces siv cov cai no rau koj qhov chaw los ntawm uploading ib tsab ntawv thiab daim duab ntaub ntawv uas siv FTP-kev sib txuas.

Installation rau ntawm qhov chaw

Yuav kom muab lub scroll khawm rau ntawm qhov chaw, koj yuav tsum mus rau qhov chaw cov kev cai nyob rau hauv cov yam qhov chaw. Inscribe nws yuav tsum ua ntej lub tag .

Tsim ib lub pob style nrog CSS

Feem ntau cov feem ntau, tus "pem" khawm rau ib qhov chaw nyob rau ntawm lub hauv qab ( "hauv qab daus").

Lub tsev kawm ntawv style.css cov ntaub ntawv, koj yuav tsum tau ntxiv cov cai nram qab no:

"/ * Khawm nyob rau sab saum toj * / .scrollTop { tom qab: url ( 'dluab / up.png ') 0 0 tsis muaj-rov; / * onositelny txoj kev rau cov duab * / dav: 39px; / * dav ntawm ib lub pob * / qhov siab: 96px; / * 50% ntawm lub qhov siab ntawm lub khawm * / hauv qab: 5px; / * ib taag txoj hauj lwm ntawm hauv qab ntug * / sab laug: 89%; / * offset mus rau sab laug * / } .scrollTop: yuj {tom qab-txoj hauj lwm: 0 -108px; } / * Offset tom qab * / "

Nyob rau hauv cov ntaub ntawv no, cov ntaub ntawv uas yuav tsum tau thiab qhov dav thiab qhov siab ntawm cov duab. Nws tsuas tshua mus rau hauv lub cov ntaub ntawv mus rau hauv lub code, thiab cov "pem" khawm rau ntawm qhov chaw yuav npaj txhij! Yuav ua li cas lwm tus neeg?

"Up" khawm rau ib qhov chaw nyob rau hauv Wordpress

Rau no CMS khawm "Up" yuav ua tau nrog cov kev pab los ntawm plug-ins, raws li zoo raws li nws tus kheej.

Txoj kev plugins feem ntau yooj yim thiab yooj yim rau nruab, txij li thaum nws yuav yuav tsum tau tsuas yog ib lub nyem rau ntawm qhov nruab khawm thiab configure tag nrho cov functionality ntawm cov plugin ntawv qhia zaub mov.

Los ntawm cov kev xaiv ntawm lub yav tas yog mus rau txoj kev nrog ceev faj, vim hais tias nrog nws koj yuav tau yooj yim kis tau cov kab mob no nyob rau ntawm qhov chaw. Cov feem nrov thiab pov thawj xaiv - ib tug plug-nyob rau hauv hu ua Scroll rov qab mus rau sab saum toj. Koj muaj peev xwm download tau nws siv cov txheej txheem kev nrhiav Wordpress plugins.

Qhov no extension muaj ntau yam functionality, thiab yog heev yooj yim mus individualize lub "pem" khawm rau ib qhov chaw rau Wordpress. Tag nrho cov qhov tseem ceeb kev hloov no tsis tas yuav configure tsuas yog tus hom thiab qhov chaw nyob ntawm lub pob saum lub web page.

Raws li koj tau pom, lub installation ntawm lub "pem" khawm nrog rau kev pab los ntawm plug-ins yog heev yooj yim. Tiam sis muaj ib qho tseem ceeb caveat, uas muaj nyob rau hauv lub fact tias txhua ntsia plug-nyob rau hauv loads CMS. Qhov no yuav cuam tshuam rau cov kev ceev ntawm lub Internet chaw. Uas yog vim li cas feem ntau ntawm cov website tswv yog sim mus nqa tawm tag nrho cov kev hloov hauv cov code, es tsis txhob siv peb-tog extensions. Koj yuav ua tau lub khawm "pem" rau lub site rau HTML, uas txo cov kev pab noj.

Ua ntej hloov tej system Wordpress ntaub ntawv, koj yuav tsum ua lawv li. Ces koj yuav ua raws li tag nrho cov kauj ruam los mus tsim koj tus nyees khawm, piav saum toj no.

Khob "pem" rau Joomla

CMS Joomla kuj txhawb cov installation ntawm plug-ins li Wordpress. Cov vam meej tshaj plaws kev xaiv "mus" khawm rau ib qhov chaw nyob rau hauv Joomla 3 yog ib tug plug-nyob rau hauv hu ua rau saum toj ntawm lub Page.

Qhov no CMS ntawm tej plug-nyob rau hauv yuav tsum tau ntsia ntawm lub "Extensions Manager". Yuav kom ua li no:

• download tau lub plugin rau hauv Internet;
• nyem rau ntawm qhov "Browse" khawm nyob rau hauv lub extension saib xyuas;
• xaiv cov ntaub ntawv downloaded;
• nias "Download" thiab nruab.

Tam sim no koj yuav tsum qhib nws nyob rau hauv lub "Plugin Manager". Ua li no, koj yuav tsum mus rau seem no, nrhiav tus plug thiab hloov nws raws li txoj cai rau "enabled."

Tom ntej no yog qhov chaw ntawm expansion xaiv nrog kev pab los ntawm lub tib lub seem, nyob qhov twg koj yuav tsum nrhiav tus "Basic tsis" seem ntawm no plugin nyob rau sab xis.

Sab saum toj ntawm lub Page muaj cov nram qab nta:

• Khiav nyob rau hauv / cov thawj coj - enabling cov kev xaiv tsis tau tsuas yog nyob rau hauv ib tug Internet kev pab, tab sis kuj nyob rau hauv lub vaj huam sib luag CMS Joomla.
• Button qhia txoj hauj lwm - yuav ua li cas muaj ntau yam pixels yuav tsum rewind tus neeg siv mus rau lub khawm "pem" muaj.
• Tso tawm Button ntawv nyeem - Cov ntawv nyeem ntawm lub pob.
• Yuav nyob rau saum toj - qhov chaw txhua lub sij hawm yuav muab tso tawm kom los ntawm nws cov pib. Thaum uas siv cov "anchors" scroll mus rau ib tug kev qhov chaw nyob rau cov nplooj ntawv, qhov kev xaiv no yuav tsis tau yuav tsum tau tshuab txais.
• Du Scroll - ua rau cov nplooj ntawv scroll smoother.
• Scroll Duration - lub sij hawm tom qab uas cov nplooj ntawv yog kiag li tsiv mus rau sab saum toj.
• Scroll Transition - ntxiv scrolling los ntawm loj muag pom los.
• Transition easing - «weakening" txav mus rau lub sab saum toj ntawm nplooj ntawv.
• Link Qhov chaw - qhov chaw icons. Raws li tus qauv, lub khawm nyob rau hauv lub hauv qab txoj cai ces kaum.
• Siv yeej - ib tug neeg style nyees khawm, uas yuav tsum tau teev nyob rau hauv lub teb nram qab no. Yog hais tias koj hloov mus rau ib tug tsis zoo nqi, tag nrho cov tsis yeej yuav tsum tau noj los ntawm lub active ntsiab site.
• Link Style - teb rau kev nkag mus kawm koj tej chaw khawm style.

Self-tuning "Up" khawm style, koj yuav tsum muaj tsawg kawg yog tsawg heev kev txawj ntse ntawm CCS. Txwv tsis pub, koj yuav tsum hloov tus nqi ntawm cov penultimate parameter rau "No".

Ib qho ntxiv ib qho tseem ceeb tshaj plaws yog hais tias lub ib txwm inscription rau cov icon muaj kev kawm lus Askiv cov phau ntawv: Rov qab mus rau saum. Nyob rau hauv Lavxias teb sab chaw zoo xws li cov ntawv nyeem tsis tau tam sim no, yog li ntawd koj yuav tsum cia li lov tes taw nws nyob rau hauv lub plugin tsis hloov dab tsi nyob rau hauv Lavxias teb sab.

Yuav kom hloov cov ntawv yuav tsum mus rau qhov chaw neeg rau zaub mov siv lub built-in FTP neeg rau zaub mov los yog txais cov ntaub ntawv saib xyuas. Tom ntej no nyob rau hauv lub directory «/ cov thawj coj / kev siv lus / en-GB /» yuav tsum tau nrhiav ib cov ntaub ntawv hu ua «en-GB.plg_system_topofthepage.ini».

Ua ntej hloov cov ntawv nyeem yuav tsum hloov lub encoding ntawm daim ntawv rau UTF-8. Qhov no yuav ua rau lub cev zaub ntawm Lavxias teb sab ntawv.

Tom ntej no, peb yuav nrhiav tau cov nram qab no kab:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Rov qab mus rau saum " "

thiab hloov cov lus nyob rau hauv hais tias nyob rau hauv lub Lavxias teb sab lus. Koj siv tau cov nqe lus xws li "Up", "Pib!" Los yog "Up!".

Qhov kawg ntawm qhov yuav tsum tau kom txuag tau tus hloov ntaub ntawv thiab xyuas cov nyees khawm "pem" rau lub site rau Joomla.

"Up" khawm Ucoz

"Up" khawm rau ib qhov chaw nyob rau hauv Ucoz tau ua nrog cov kev taw qhia ntawm cov code, txij thaum lub kev twb kev txuas plug rau no CMS yog tsis yooj yim sua. Txawm li cas los, qhov no tsis tau ib lub sij hawm ntev los mus kawm rau hauv lub system cov ntaub ntawv thiab nrhiav tsim nyog kab xav xwb ntxig rau ib tug me me code nyob rau hauv cov yam qhov chaw.

Rau cov installation, peb yuav tsum tau:

• mus rau "Control Vaj Huam Sib Luag -> Tsim -> Tsim tswj (templates) -> qis ib feem ntawm lub site;
• Ntxig tsab ntawv (yuav tsum nyob rau hauv lub official project website thiab peb-tog kev pab).

xaus

Tom qab ntawd, nyob rau hauv lub sab ces kaum ntawm lub icon yuav tshwm sim, tsiv mus nyob rau cov neeg siv rau lub heev sab saum toj ntawm nplooj ntawv.

Raws li twb tau pom, lub installation ntawm lub "Up" khawm rau tej yam ntawm lub CMS tsis yog tshwj xeeb tsis yooj yim. Nws yuav siv tau raws li ib tug cia li txoj kev installation (plug-ins), thiab los ntawm txhais tes. Txawm li cas los, lub yav tas kev xaiv yog lub feem ntau tsim nyog, raws li nws tsis adversely cuam tshuam qhov kev kawm ntawm lub site.

Koj siv tau cov "mus" rau lub site rau HTML, los txo cov kev pab noj qhov chaw, raws li ib tug loj tus naj npawb ntawm extensions yuav muaj ib tug tsis zoo feem nyob rau kev ua tau zoo ntawm cov kev pab. Ib tug plug-nyob rau hauv khawm "pem" yuav tsis zoo heev cuam tshuam qhov load lub sij hawm ntawm nplooj ntawv, tab sis nyob rau hauv feem ntau cov neeg siv yog tam sim no tsawg kawg yog ib lub teb plug-ins ntsia rau qhov CMS. Nyob rau hauv cov ntaub ntawv no, tej plug-nyob rau hauv yuav adversely cuam tshuam rau qhov kev kawm ntawm koj cov nplooj ntawv.