Joomla gumb na vrhu

  • Tip - dodatak koji omogućuje pomicanje stranice gore Joomla stranicama.

 

  •  Rusifikator vrhu stranice.

 

Vrh stranice - ovaj dodatak omogućuje pomicanje stranice gore Joomla site. Podržava Joomla 1.6 - 2.5. U frontalnom dijelu stranice prikazuje gumb za skok na vrh (na vrhu njega). Ovaj dodatak će biti korisna za one web stranice koje sadrže duge materijale, za potpuni pogled na kojem korisnik mora pomicali kroz „više ekrana”. Za povratak na vrh stranice i, na primjer, upotrijebite pretraživanje ili kretanje kroz izbornik na drugi dio stranice, korisnik ne treba pomicati prema dolje na stranici ili koristiti okomite trake za pomicanje ili pritisnite tipku na tipkovnici stranicu prema gore i tako dalje. A možete samo kliknuti gumb miša koji se pojavljuje na vrhu i ići do vrha.

Glavne značajke vrhu stranice su sljedeći:

  • Podrška za Joomla 1.6, 1.7, 2.5.
  • Jednostavnost instalacije i jednostavnost podešavanja.
  • Višejezični podršku.
  • Fleksibilni tipke styling.
  • Podrška kao gumb kao i tekst i slike.

Pregled će se provoditi za najnovije kao ovog pisanja (01.03.2012) verziju vrhu stranice 1.8, Joomla 2.5.

Gumb Joomla se može prilagoditi na vaše stranice kao što je potrebno s obzirom na osobitu dizajn. Pogledajmo namještanje priključka vrhu stranice (slika dolje).

Postavke Na vrh stranice

  • Opcija Tipka otkriti položaj omogućuje podešavanje visine (u pikselima), nakon postizanja gumb prikazuje se. To je, da odredite koliko korisnik mora „pomicanje” dolje na stranici da bi se gumb „Up”.
  • Ako želite koristiti kao tipke pozadinska slika, opcija Izostaviti Button Text će vam omogućiti da to učiniti uklanjanjem tekst učitava iz jezične datoteke.
  • Uključujući opciju za uvijek AT vrhu, što pokazuju da uvijek mora početi od vrha zaslona stranice. Na primjer, ako se odnose na stranici na drugom mjestu, korištenjem sidro nalazi u dnu stranice, najbolje je isključiti tu opciju.
  • Svitak glatke . To omogućuje korištenje glatke stranice pomicanje.
  • Trajanje svitak . Ako možete podesiti brzinu glatka pomicanja (u arbitrarnim jedinicama) koristite ovu opciju. 1000 arbitrarne jedinice = 1 sekunda.
  • Svitak u tranziciji . Ova opcija omogućuje vam da postavite „učinak” kada se pomaknete gore. Djeluje li je opcija omogućena Smooth svitak . Vi ćete biti dostupan jedan od dvanaest „efekata”.
  • Link Location . Možete odabrati jednu od šest mjesta za prikaz na gumb „gore” na stranici. Iznad lijeve, centar, desno ili dolje lijevo, centar, desno.
  • Opcija Koristite Stilovi omogućuje ili onemogućuje upotrebu prilagođenog stila referencu. Ako je ova opcija onemogućena, koristiti stil svoje web predloška. Ako je omogućeno, možete postaviti jedinstveni stil prikazali gumbiće u Link na stil .

Pogledajmo nekoliko gumba mogućnosti oblikovanja. Ako želite koristiti kao gumb „Up” sliku, prvo ga stvoriti u bilo bitmap editor i spremite ga u mapu sa stranice. Na primjer, datoteka koju ste stvorili (ili naći na internetu), naziva se gumb . png , a nalazi se u mapi slike vaše web stranice. Zatim se sadržaj Link Style može izgledati ovako:

Opširnije:   ažurirani Flash Player za Windows 8

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

Gdje parametri širina i visina označavaju širinu i visinu gumb slike.

Vi svibanj naići na problem kada je slika od „štapići” na rubovima zaslona. Možete napraviti veličinu „platnu” slike (na primjer, Adobe Photoshop bitmapa urednik) više nego samo crtanje sama gumb. A „suvišan” dio transparentan. I, ako imate gumb na stranici se nalazi u donjem desnom kutu, a zatim slike na „platno”, u programu Adobe Photoshop treba staviti u gornjem lijevom kutu. Ugađati parametre širine i visine, što će se postići lijepa (bez „držati” na rubovima) tipku za prikaz na web stranici.

No, možete prilagoditi izgled gumba „Up” u obliku teksta i pozadine. U tom slučaju, bit će dostupan za uređivanje graničnog gumb širina, boju, boju pozadine gumba, boju fonta i boju pozadine i fonta kada prelazite pokazivač miša iznad gumba. To izgleda ovako:

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

Ako je parametar granica : - debljina gumba moždanog udara (u pikselima), čvrsta - moždani udar boje, margina - prostor od rubova prozora preglednika (u pikselima), padding - padding teksta gumba (riječ „UP”) na granicu (u pikselima). Drugim riječima, pomoću obloga , možete povećati ili smanjiti sama gumb, ako nije proveden uz pomoć slika. pozadine Koristi - boja - boja pozadine (izvan fokusa pokazivač miša), boja - boja fonta (izvan fokusa pokazivač miša), # gototop : oblačiću pozadina Rabljeni - boja - boja pozadine u miša fokus, # gototop : oblačiću boja - boja slova fonta u miša fokusu ,

Kao što možete vidjeti gore Joomla stranice s ovog dodatka nećete imati problema.

Na vrh stranice će vam omogućiti kako bi se poboljšala iskoristivost stranice. Unatoč činjenici da je uspon na vrh, postoji mnogo načina, vrhu stranice i dalje će biti koristan i praktičan za svoje korisnike. Međutim, to je vrijedno pamćenja da na onim mjestima gdje je predložak dizajniran za 100% od širine prozora preglednika, gumb „gore” može nadjačati sadržaj stranice. Dakle, trebate pažljivo razmotriti rad vrhu stranice i utvrditi je li to onemogućuje korisnicima.

Rusifikator vrhu stranice

Preuzmite crack vrhu stranice.

 

Povezani sadržaj

  • Pregled DJ-MegaMenu. Joomla modul izbornika
  • Pregled DJ-Suggester. Pop-up prozor na Joomla stranicama
  • Pregled oznaka Transform. Joomla oznake
  • Joomla com_tags pregled. Dodavanje oznaka materijala
  • Rusifikator vrhu stranice

 

Korisni linkovi:

  • Službene web stranice programa.

SKYLINE Idi na vrh - gumb za povratak na vrh stranice

Sljedeći gumb, koji omogućava brzi povrat na vrhu stranice koju gledate. Prethodno opisani sličan proširenje «od Adeptus UP» , «na vrhu stranice» , «SmoothTop» , u više navrata uzrokovalo probleme u čitatelja bloga. Nadamo se da će se taj razvoj neće uzrokovati censures.

Skyline Dođite na vrh

DEMO

Joomla
2.5, 3.0

DOWNLOAD

verzija
2.0

Korak 1: Instalacija proširenje

  • „Ugradnja i omogućavanje CMS Joomla ekstenzije!”

Korak 2. Postavke. Kartica „čep”

proširenje Programer je pružio sve potrebne parametre za pojedine plug-in postavke, osim za slike. Mi eliminirati ovu prazninu i dati izbor slika za gumb. Ako je potrebno, veličina slike može se smanjiti u grafičkom programu.

Sada izravno na postavke:

Skyline Dođite na vrh

  • Omogući admin - koristite gumb na ploči mjestu kontrole
  • Motor - izbor JavaScript knjižnica za animaciju gumba - jQuery
  • Slike pozadina Koristi - raspakirati arhivu sa slikama u mapi «Slike» i odaberite sliku

Blok teksta:

Skyline Dođite na vrh

  • Tekst - tekst na gumb
  • Naslov - naziv gumba, koji će se pojaviti kada prelazite

Skyline Dođite na vrh

Kao što možete vidjeti, prikazuje se gumb, ali je poželjno promijeniti pozadinu. Da biste to učinili, tu je sljedeći blok.

Skyline Dođite na vrh

  • Pozadina Boja Koristi se - boja pozadine
  • Boja prikaza teleteksta - boja naslov na gumb
  • Boja pozadine hover - boja pozadine s naglaskom na gumb
  • Tekst Color lebde - boja teksta kada prelazite
Opširnije:   Što je svrha povezivanja s poslužiteljem KANAL

Promjena pozadine i dobiti na sljedeću opciju zaslona tipke.

Skyline Dođite na vrh

Posljednji blok je odgovoran za uređenje gumba:

Skyline Dođite na vrh

  • Položaj - tipka može biti smješten na vrhu ili na dnu, lijevo ili desno
  • Radijus granica - kutak zaokruživanja vrijednosti gumba
  • Od napustio Offset / desno - pomak lijevo i desno
  • Top Offset / Bottom - pomak od vrha i dna
  • Od lijeve i desne padding - padding lijevo i desno
  • Top-Bottom padding - padding na vrhu i dnu

Korak 3. Postavke.
Tab "Advanced Settings"

Dodatne izborne postavke:

Skyline Dođite na vrh

  • Vrijeme trajanja za pomicanje - pomicanje duljinu (500 = pola sekunde)
  • Prijelaz svitak - učinke kada se kreće stranice
  • CSS Custom - polje za umetanje drugih stilova

Podijeli ovaj članak s prijateljima na društvenim mrežama.

 

  • Primjedbe (3)
  • Vkontakte ()
  • Google+
  • Facebook ()

Odaberite jezik

poljskiengleski njemački španjolski Francuzi talijanski portugalski turski arapski ukrajinski švedski madžarski bugarski estonski Kineski (pojednostavljeni) vijetnamski rumunski Tajlandska Slovenac slovački srpski malajski norveški letonski litvanski korejski japanski indonezijski hindski hebrejski finski grčki Nizozemac češki danski hrvatski Kineski (tradicionalan) filipinski urdu Azeybardzhansky jermenski Bjelorus bengalski gruzijski Kazak katalonski Mongolski ruski Tadzhitsky Tamilʹskij Telugu Uzbetsky


Dodajte komentar

Vaša e-mail neće biti objavljen. Obavezna polja su označena *