"Up" knop voor de site: hoe te maken

Een dergelijke functie, op de knop "up" voor de site, waardoor het internet meer handige bron voor haar bezoekers. Het helpt om gemakkelijk te navigeren vanaf elke plek in de pagina in het bovenste deel. Dit is een must voor online winkels en sites met grote objecten die een lange scroll naar beneden nodig.

Waarom is het nodig

Op dit moment zijn de meeste van de sites van deze functie, op de knop "up" is niet, en er is niets kritisch. Maar het gebruik ervan kan veel voordelen opleveren voor zowel de internetbron en aan haar bezoekers.

Voordelen voor bezoekers

Vaak, wanneer de pagina van het internet resource zwaar beladen hoeveelheid informatie, wanneer de informatie artikel geeft een veel ruimte en moet naar beneden scrollen met het muiswiel. De plus van deze, aan het eind van het artikel kan een hoop reacties te presenteren.

Wanneer een bezoeker een artikel in een personal vervelende scrollen onderaan een pagina leest niet aanwezig is, maar wanneer de tekst kwam een einde en het is noodzakelijk om omhoog te gaan, begint het een beetje moe. De meeste mensen zullen gewoon te lui om een lange scroll te leiden, en ze gewoon de site te sluiten, in plaats van een wandeling door de open ruimten.

Met behulp van een knop om direct naar het begin van de pagina maakt het tijdverdrijf op de site handiger.

Voordelen van een internetbron

Positieve aspecten van de bron zelf op basis van historische factoren, omdat het gemakkelijker om te navigeren de site verbetert de gedragsfactoren, zoals alle bezoekers meer actief zijn in hun acties zullen zijn en verhuizen naar andere pagina's.

Daarbij data gedragsmatige factoren van invloed op de houding van alle zoekmachines naar de site en leiden tot een betere ruimte in de zoekresultaten het.

Hoe de "Up" knop alleen te maken op de website

Worden verder onderzocht. Knop om omhoog te schuiven naar de site om een van de CMS kunt u altijd uw eigen te maken door het volgen van een paar eenvoudige stappen:

• creatie van een beeld;
• de oprichting van het script;
• Het creëren van een knop stijl;
• toe te voegen aan de site.

image-knop

Om de "up" op de site toe te voegen, om te beginnen behoefte om zelf een icoon te maken, wanneer erop geklikt wordt, zal de gebruiker overgaan tot de pagina. U kunt kant en klare opties, waaronder we altijd kunnen kiezen voor de meest geschikte te gebruiken.

Om het uiterlijk van de knop te verbeteren, moet u een aantal verbeteringen aan te brengen, namelijk een sprite te maken, laat CSS-gebaseerde combineren achtergrondafbeeldingen, dus een korte animatie te hebben gemaakt.

Voor grafische werken, kunt u een editor. Maar de meest handige optie is de online service Pixlr, want er is niets te downloaden en geen noodzaak om, kunt u deze direct in uw browser.

Om te beginnen werken in het venster editor te kiezen voor het "een afbeelding uploaden vanaf je computer." Als voorbeeld neem imago van de raket.

Als de grootte van de geselecteerde pictogrammen zijn te groot is, dient u een kleine aanpassing op maat te maken. Om dit te doen, "Edit", ga dan naar het hoofdmenu en selecteer het veld, en na «Gratis transformeren ...»

Vervolgens naast de afbeelding zijn er speciale markers die bewegen, kunt u de afbeelding vergroten of verkleinen. Om de beeldverhouding te behouden, kunt u de Shift-toets te gebruiken, door te oordelen dat, moet u de blauwe markeringen te verplaatsen. Aan het einde van deze acties is het raketten verkregen.

De volgende stap - de oprichting van een kopie van de laag.

Nu moet je het beeld te verplaatsen van de nieuwe raketten laag tot een beetje. Hiertoe zal het handig om de verplaatser die zich in de tweede kolom van links menu "up" te gebruiken, en pijl op het toetsenbord zijn.

Nu moet je naar de bovenkant van te maken in zwart-wit. Dit kan worden gedaan met behulp van het item "Correctie" - "Hue / Saturation" in het hoofdmenu. Voor een volledige verkleuring slider "Verzadiging" moet de waarde -100 nemen. Deze actie heeft tot gevolg dat de "Up" knop verandert van zwart-wit naar kleur wanneer u de muisaanwijzer over het te maken.

De final touch - het verwijderen van overtollige ruimte rond de twee beelden. Om dit te doen, selecteert u de optie "Trim" in het linker menu en selecteer slechts twee raketten in een rechthoek. Om een trimmen drukt de Enter-toets te maken.

Om een beeld waarin er te veel ruimte te verkrijgen. Je moet de breedte en hoogte van de resulterende beelden op te nemen, aangezien deze gegevens bruikbaar bij de volgende stap.

Om de noodzaak om te klikken op "File" opslaan - "Opslaan", waar de links onder "Mijn Computer" schrijven de naam van de afbeelding (alleen het Engels toetsenbord lay-out), kiest u het formaat (in dit geval - PNG) en klik op "Yes".

Bestand met het script "Up" knop

Schrijf een script, in dit geval is het niet nodig. Het zal mogelijk zijn om een openbare optie te gebruiken, waardoor in een aantal amendementen klaar code.

Dit zal nodig hebben om het even welke code-editor te downloaden. De meest populaire en ook een gratis versie - is Notepad ++. Na de installatie moet u kopiëren en plakken al deze code: