"Op" -knappen for webstedet: hvordan man laver

En sådan funktion, knappen "op" for webstedet, at gøre internettet mere bekvemt ressource for sine besøgende. Det hjælper til nemt at navigere fra et vilkårligt sted på siden i den øverste del. Dette er et must for online-butikker og steder med store emner, der kræver en lang rulle ned.

Hvorfor er det nødvendigt

I øjeblikket er de fleste af de steder, hvor denne funktion, knappen "op" er ikke, og der er ikke noget kritisk. Men dets brug kan medføre mange fordele for både Internet ressource og til sine besøgende.

Fordele for besøgende

Ofte, når den side af internettet ressource er tungt lastet mængde information, når oplysningerne artiklen tager en masse plads og er nødt til at rulle ned på siden ved hjælp af musen hjulet. Den plus til dette, i slutningen af artiklen kan udgøre en masse kommentarer til det.

Når en besøgende er at læse en artikel i en personlig kedelig rulning ned en side ikke er til stede, men når teksten kom til en ende, og det er nødvendigt at bevæge sig op, begynder at trætte lidt. De fleste mennesker vil bare for doven til at lede en lang rulle, og de bare lukke fabrikken, snarere end en anden spadseretur gennem sine åbne rum.

Ved hjælp af en knap til øjeblikkeligt at flytte til toppen af siden gør tidsfordriv på sitet mere bekvem.

Fordele ved en Internet ressource

Positive aspekter af den ressource selv baseret på historiske faktorer, fordi det nemmere at navigere på webstedet forbedrer de adfærdsmæssige faktorer, som alle besøgende vil være mere aktive i deres handlinger og flytte til andre sider.

Derved data adfærdsmæssige faktorer påvirker holdningen hos alle søgemaskiner til stedet og føre til forbedret plads i søgeresultaterne.

Hvordan man laver på knappen "Op" på hjemmesiden alene

Undersøges yderligere. Knap til at rulle op til stedet for at nogen af CMS kan du altid lave din egen ved at følge et par meget enkle trin:

• skabelse af et billede;
• oprettelsen af scriptet;
• Oprettelse af en knap stil;
• tilføje til webstedet.

billedknap

For at tilføje "op" på sitet, til en start behov for at gøre sig et ikon, når der klikkes, vil brugeren bevæge sig op på siden. Du kan bruge færdiglavede muligheder, blandt hvilke vi altid kan vælge den bedst egnede.

For at forbedre udseendet af knappen, skal du foretage nogle forbedringer, nemlig at lave en sprite, tillader CSS-baserede kombinere baggrundsbilleder, og dermed at have skabt en kort animation.

For grafiske værker, kan du bruge enhver redaktør. Men den mest bekvemme løsning er online-tjenesten Pixlr, da der ikke er noget at hente og ingen grund til, kan du bruge dem direkte i din browser.

At begynde at arbejde i vinduet editor til at vælge den "Upload et billede fra din computer." Som et eksempel, tage raketten billedet.

Hvis størrelsen af de valgte ikoner er for stor, vil du nødt til at foretage en mindre justering af størrelse. For at gøre dette, "Rediger", gå til den øverste menu, og vælg banen, og efter «Gratis omdanne ...»

Næste, ved siden af billedet er der særlige markører, der bevæger sig, kan du ændre størrelsen på billedet. For at bevare billedformat, kan du bruge Shift-tasten, holder det, er du nødt til at flytte de blå markører. Ved afslutningen af disse tiltag opnås missiler billede.

Det næste skridt - oprettelsen af en kopi af laget.

Nu skal du flytte billedet fra de nye missiler lag lidt op. For at gøre dette, vil det være praktisk at bruge flytningen værktøj, som er beliggende i den anden kolonne i menuen til venstre, og pil "op" på tastaturet.

Nu skal du lave det øverste billede i sort og hvid. Dette kan gøres ved hjælp af elementet "Korrektion" - "Hue / Saturation" fra den øverste menu. For en komplet misfarvning skyder "Saturation" bør tage værdien -100. Denne handling vil gøre den virkning, at "Op" -knappen vil vende sig fra sort og hvid til farve, når du svæver over det.

Den endelige touch - fjernelse af overskydende plads omkring de to billeder. For at gøre dette, skal du vælge punktet "Trim" fra menuen til venstre, og vælg kun to missiler ind i et rektangel. For at gøre en trimning presser på Enter.

For at opnå et billede, hvor der er for meget plads. Du er nødt til at registrere bredden og højden af de fremkomne billeder, da disse data vil være nyttige i det næste trin.

Hvis du vil gemme skal du klikke på "File" - "Gem", hvor den venstre under "Denne Computer" skrive navnet på billedet (kun den engelske tastaturlayout), vælge det format (i dette tilfælde - PNG) og klik på "Ja".

Fil med scriptet "Op" knappen

Skriv et script, i dette tilfælde er det ikke nødvendigt. Det vil være muligt at bruge en offentlig indstilling, bringe i nogle ændringsforslag klar kode.

Dette vil kræve at downloade noget kode editor. Den mest populære og også en gratis version - er Notepad ++. Efter installationen skal du kopiere og indsætte det hele denne kode: