JOOMLA KNAPP PÅ TOPPEN

  • Type - en plugin som lar deg bla gjennom sidene, opp Joomla nettsted.

 

  •  Rusifikator toppen av siden.

 

Øverst på siden - dette innstikket lar deg bla oppover Joomla nettsted. Støtter Joomla 1.6 til 2.5. I frontal delen av området viser en knapp for å hoppe til toppen (til toppen av det). Det plugg vil være nyttig for de områdene som inneholder lange materialer, for et sammendrag av hvilke brukeren må bla gjennom "flere skjermer". For å gå tilbake til toppen av siden og for eksempel bruke Søk eller navigere gjennom menyen til en annen del av området, må brukeren å bla nedover siden eller bruk den vertikale rullefeltet, eller trykk på tasten på tastaturet Page Up og så videre. Og du kan bare klikke museknappen som vises på toppen og gå til toppen.

Hovedtrekkene i toppen av siden er følgende:

  • Støtte for Joomla 1.6, 1.7, 2.5.
  • Enkel montering og enkel justering.
  • Flerspråklig støtte.
  • Fleksible styling knapper.
  • Støtte som en knapp som tekst og bilder.

Gjennomgangen vil bli gjennomført for den nyeste i skrivende stund (01.03.2012) versjon av toppen av siden 1.8, Joomla 2.5.

Joomla opp-knappen kan tilpasses til nettstedet ditt som nødvendig gitt spesielle design. La oss se på justering plugg toppen av siden (figur nedenfor).

Innstillinger toppen av siden

  • Alternativ Button Avslør plassering kan du stille høyden (i piksler), etter å ha nådd en knapp vises. Det er, angir du hvor mye brukeren har til å "rulle" ned på siden for å få opp "Up" -knappen.
  • Hvis du ønsker å bruke som bakgrunnsbilde knappen alternativet Utelat Knappetekst vil tillate deg å gjøre dette ved å fjerne teksten belastede fra språkfilen.
  • Inkludert muligheten for alltid AT toppen, indikerer du at du alltid må starte fra toppen av siden skjermen. For eksempel, hvis du henviser til en side på et annet nettsted, ved hjelp av et anker som ligger i bunnen av siden, er det best å deaktivere dette alternativet.
  • Rulle Smooth . Det tillater bruk av glatt side rulling.
  • Varighet rulle . Hvis du kan sette hastigheten på jevn rulling (i vilkårlige enheter) bruker dette alternativet. 1000 vilkårlige enheter = 1 sekund.
  • Scroll Transition . Dette alternativet gjør at du kan sette "effekt" når du blar opp. Det fungerer hvis alternativet er aktivert Smooth rulle . Du vil være tilgjengelig en av de tolv "effekter".
  • Plassering Link . Du kan velge en av seks steder å vise "Up" -knappen på siden. Over til venstre, senter, høyre eller venstre, senter, høyre.
  • Alternativet Bruk Styles aktiverer eller deaktiverer bruk av en egendefinert stil referanse. Hvis dette alternativet er deaktivert, for å bruke stilen på nettstedet malen. Hvis aktivert, kan du angi en unik stil skjermknapper i Link Style .

La oss se på en knapp noen designmuligheter. Hvis du ønsker å bruke som en knapp "Up" bilde, det første skaper det på noen bitmap redaktør og lagre den i en mappe med nettstedet. For eksempel er filen du har opprettet (eller funnet på Internett), kalt knappen . png og ligger i mappen bilder på ditt nettsted. Da innholdet i Link stil kan se omtrent slik ut:

Les mer:   oppdatert Flash Player for Windows 8

#gototop{width: 70px;height: 30px;background-image: url(/images/button.png);}

Hvor parametrene bredde og høyde indikerer bredden og høyden av knappbildet.

Du kan støte på et problem når bildet av "pinner" til kantene av skjermen. Du kan gjøre størrelsen på "lerret" av bildet (for eksempel Adobe Photoshop bitmap editor) mer enn bare å tegne selve knappen. En "overflødige" delen gjort gjennomsiktig. Og, hvis du har en knapp på området ligger i nedre høyre hjørne, så bildet til "lerret" i Adobe Photoshop bør plasseres øverst til venstre. Tweaking parameterne for bredde og høyde, vil du oppnå vakker (uten "stikker" til kantene) skjermknappen på nettstedet.

Men du kan tilpasse visningen av "Up" -knappen i form av tekst og bakgrunn. I dette tilfellet vil du være tilgjengelig for redigering grensen bredde knappen, farge, knappen bakgrunnsfarge, skriftfarge og bakgrunnsfarge og skrift når du holder musepekeren over knappen. Det ser ut som dette:

#gototop{border:0px solid #000;margin:5px;padding:5px;background-color:#9BDCED;color:#000000;} #gototop:hover{background-color:#D4EFF6;color:#8A6D51;}

Hvor parameteren grensen : - tykkelsen av det slag knappen (målt i piksler), solid - fargen for margin - et mellomrom fra kantene av nettleservinduet (in pixels), polstringen - polstring av knappeteksten (ordet "UP") til grensen (in pixels). Med andre ord, ved hjelp av padding , kan du øke eller redusere selve knappen, hvis det ikke er implementert ved hjelp av bilder. bakgrunns brukt - farge - bakgrunnsfarge (utenfor fokus for musepekeren), farge - fargen på skriften (utenfor fokus for musepekeren), # gototop : hover bakgrunns brukt - farge - fargen på bakgrunnen i musen fokus, # gototop : hover farge - fargen på skriften lette i musen fokus .

Som du kan se opp Joomla nettsted med dette programtillegget vil du ikke ha problemer.

Øverst på siden vil tillate deg å forbedre brukbarheten av nettstedet. Til tross for at klatre til toppen, er det mange måter, vil toppen av siden fortsatt være nyttig og praktisk for brukerne. Det er imidlertid verdt å huske at i de områdene der malen er utformet for 100% av bredden på nettleservinduet, kan "Up" -knappen overstyre innholdet på siden. Så du bør lese nøye gjennom arbeidet toppen av siden og finne ut om det hindrer brukere.

Rusifikator toppen av siden

Last ned sprekk toppen av siden.

 

Relaterte varer

  • Oversikt DJ-MegaMenu. Joomla menyen modul
  • Oversikt DJ-Suggester. En pop-up vindu på Joomla
  • Oversikt Tag Transform. Joomla tags
  • Joomla com_tags gjennomgang. Legge til etikettmaterialer
  • Rusifikator toppen av siden

 

Nyttige lenker:

  • Den offisielle nettsiden til programmet.

SKYLINE Skroll til toppen - Knappen BACK TOPPEN AV SIDEN

Den neste knappen, som gir en rask avkastning på toppen av siden du viser. Tidligere beskrevet en lignende utvidelse «av Adeptus UP» , «toppen av siden» , «SmoothTop» , har gjentatte ganger skapt problemer i blogg-lesere. Vi håper at denne utviklingen ikke vil føre censures.

Skyline Skroll til toppen

DEMO

Joomla
2,5, 3,0

LAST NED

versjon
2.0

Trinn 1: Installer utvidelse

  • "Installere og aktivere CMS Joomla utvidelser!"

Trinn 2. Innstillinger. Kategorien "plugin"

Utvikler utvidelse har gitt alle de nødvendige parameterne for en individuell plug-in innstillingene, unntatt for bilder. Vi eliminerer dette gapet, og tilbyr et utvalg av bilder for knappen. Om nødvendig, kan bildestørrelsen reduseres i et grafikkprogram.

Nå direkte til innstillingene:

Skyline Skroll til toppen

  • Enable admin - bruk knappen på kontrollpanelet nettstedet
  • Engine - valg av Javascript-biblioteker for animasjon knapper - jQuery
  • Bildebakgrunn brukt - pakke ut arkivet med bildene i mappen «bilder» og velg bildet

Tekstblokk:

Skyline Skroll til toppen

  • Tekst - tekst på knappen
  • Tittel - navnet på knappen, som vil dukke opp når du holder

Skyline Skroll til toppen

Som du kan se, er knappen vises, men det er ønskelig å endre bakgrunnen. For å gjøre dette, er det følgende blokken.

Skyline Skroll til toppen

  • The Color bakgrunn brukt - bakgrunnsfarge
  • Color Text - fargen på bildeteksten på knappen
  • Color Bakgrunns hover - bakgrunnsfarge med fokus på knappen
  • Tekst Color hover - fargen på teksten når du holder
Les mer:   Hva er hensikten servertilkobling CHANNEL

Endre bakgrunnen og få de neste skjerm alternativknapper.

Skyline Skroll til toppen

Den siste blokken er ansvarlig for arrangementet av knappene:

Skyline Skroll til toppen

  • Posisjon - knappen kan plasseres på toppen eller bunnen, venstre eller høyre
  • Radius Border - hjørne avrunding verdien på knappen
  • Av Venstre Offset / høyre - skift av venstre og høyre
  • The Top Offset / The Bottom - forskyvning av topp og bunn
  • Av Venstre og Høyre i Padding - padding til venstre og høyre
  • The Top & The Bottom den Padding - padding på toppen og bunnen

Trinn 3. Innstillinger.
Kategorien "Avanserte innstillinger"

Andre valgfrie innstillinger:

Skyline Skroll til toppen

  • Varighet rulle - bla lengden (500 = halvt sekund)
  • Overgang rulle - effekter når du flytter sider
  • CSS Custom - feltet for å sette inn andre stiler

Del denne artikkelen med dine venner på sosiale nettverk.

 

  • Kommentarer (3)
  • VKontakte ()
  • Google+
  • Facebook ()

Velg ditt språk

polskengelsk tysk spansk fransk italiensk portugisisk Turkish Arabisk ukrainsk Swedish ungarsk bulgarian estonian Kinesisk (forenklet) Vietnamesisk rumensk Thai slovenian slovak serbisk Malay norsk latvisk litauisk Korean japansk indonesian hindi Hebrew finsk gresk Dutch Czech Danish kroa~~POS=TRUNC Kinesisk (tradisjonell) filippinske urdu Azeybardzhansky armensk Hviterussisk bengali georgian Kazakh catalan Mongolski russisk Tadzhitsky Tamil'skij telugu Uzbetsky


Legg til en kommentar

Din e-post vil ikke bli publisert. Obligatoriske felt er merket med *