JOOMLA gumb na zgornji

  • Tip - plugin, ki vam omogoča pomikanje strani navzgor Joomla mestu.

 

  •  Rusifikator vrhu strani.

 

Na vrh strani - to plugin omogoča pomikanje strani navzgor Joomla stran. Podpira Joomla 1.6 - 2.5. V čelnem delu spletne strani prikaže gumb za skok na vrh (na vrhu je). Ta plugin bo uporabna za tiste strani, ki vsebujejo dolge materiale, za popoln pogled od katerih mora uporabnik pomikate "več zaslonov". Če se želite vrniti na vrh strani in, na primer, uporabite iskalnik ali pomikanje po meniju na drugi del spletne strani, mora uporabnik pomakniti navzdol po strani ali pa uporabite navpični drsnik, ali pritisnite tipko na tipkovnici stran gor in tako naprej. In lahko samo kliknite gumb miške, ki se prikaže na vrhu in pojdite na vrh.

Glavne značilnosti vrhu strani, so naslednji:

  • Podpora za Joomla 1.6, 1.7, 2.5.
  • Enostavnost vgradnje in enostavnost prilagajanja.
  • Večjezična podpora.
  • Prilagodljivi gumbi styling.
  • Podpora kot gumb kot besedila in slik.

Pregled bo izvedena najkasneje v času pisanja tega (01.03.2012) različico vrhu strani 1.8, Joomla 2.5.

Gumb Joomla se lahko meri na vašo spletno stran, kot je potrebno glede na posebno obliko. Oglejmo si prilagoditev vtiča vrhu strani (slika spodaj).

Nastavitve vrh strani

  • Možnost Button odkriti položaj omogoča nastavitev višine (v pikslih), potem ko je dosegel gumb se prikaže. To pomeni, da si določite, koliko mora uporabnik "pomikanje" navzdol po strani, da bi do "Up" gumb.
  • Če želite uporabiti kot gumb slike ozadje, možnost Izpuščen Button Besedilo, ki vam bo omogočilo, da to storite z odstranitvijo besedilo naložen iz jezikovne datoteke.
  • Vključno z možnostjo za vedno AT vrh, ti kažejo, da si je treba vedno začeti od vrha zaslona strani. Na primer, če se nanašajo na strani na drugo stran, z uporabo sidro, ki se nahaja na dnu strani, je najbolje, da onemogočite to možnost.
  • Za pomikanje gladkosti . Omogoča uporabo gladkih strani pomikanjem.
  • Trajanje pomikanje . Če lahko nastavite hitrost gladko drsenje (v poljubnih enotah) z uporabo te možnosti. 1000 poljubnih enotah = 1 sekunda.
  • Pomikanje Prehod . Ta možnost vam omogoča, da nastavite "učinek", ko se pomikate navzgor. To deluje, če je možnost omogočena za gladko drsenje . Ti bodo na voljo ena od dvanajstih "učinkov."
  • O lokaciji Link . Izberete lahko eno od šestih mest za prikaz na gumb "Up" na strani. Nad levo, center, desno ali levo spodaj, center, desni.
  • možnost Uporabi sloge omogoči ali onemogoči uporabo referenco slog po meri. Če je ta možnost onemogočena, uporabiti slog vaše predloge spletne strani. Če je omogočeno, lahko nastavite edinstveno Gumbi zaslonu slog v povezavo Style .

Oglejmo si nekaj gumbom možnosti oblikovanja. Če želite uporabiti kot gumb "Up" podobe, najprej ustvariti v vsakem urejevalniku bitne slike in jo shranite v mapo z mesta. Na primer, je datoteka, ki ste jo ustvarili (ali so na voljo na internetu), ki se imenuje gumb . png in se nahaja v mapi podobe vaše spletne strani. Nato vsebino Link Style lahko videti nekako takole:

Preberite več:   posodobljeno Flash Player za Windows 8

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

Kje parametri širino in višino navesti širino in višino gumba slike.

Morda boste naleteli na težavo, ko je slika od "palice" na robovih zaslona. Lahko, da je velikost "platno" slike (na primer Adobe Photoshop bitmap urednik) več kot le risanje na gumb sam. A "odveč" del pregledni. In, če imate gumb na spletni strani se nahaja v spodnjem desnem kotu, nato pa slike na "platno" v Adobe Photoshop je treba namestiti v zgornjem levem kotu. Tweaking parametrov širino in višino, boste dosegli lep (ne "drži" na robovih) gumb na zaslonu na spletni strani.

Vendar pa lahko prilagodite prikaz gumba "Up" v obliki besedila in ozadja. V tem primeru vam bo na voljo za urejanje meje gumb širino, barvo, barvo ozadja gumb, barvo pisave in barvo ozadja in pisave, ko hover miško nad gumb. To izgleda takole:

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

Če je parameter meja : - debelina gumba kapi (v pikslih), trdna - barva kap, marža - prostor od robov oknu brskalnika (v pikslih), obloga - oblazinjenje besedila gumb (beseda "UP") na meji (v pikslih). Z drugimi besedami, s podlogo , lahko poveča ali zmanjša na gumb samo, če se ne izvaja s pomočjo slik. ozadja Uporabljeno - barva - barva ozadja (zunaj poudarkom kazalca miške), barva - barva pisave (zunaj poudarkom kazalca miške), # gototop : med lebdenjem ozadje Uporabljeno - barva - barva ozadja v pozornost miške, # gototop : med lebdenjem barva - barva črk pisave v središču miške .

Kot lahko vidite up Joomla spletno stran s tem plugin ne boste imeli težav.

Na vrh strani vam bo omogočilo, da se izboljšajo uporabnost spletne strani. Kljub temu, da obstajajo vzpon na vrh veliko načinov, bo vrh strani še vedno uporaben in primeren za uporabnike. Vendar pa se je treba spomniti, da je na teh mestih, kjer je predloga, namenjenih za 100% širine okna brskalnika, lahko gumb "Up" preglasijo vsebino strani. Torej bi morali skrbno pregleda delovni vrhu strani in ugotoviti, če se prepreči uporabnikom.

Rusifikator vrh strani

Naložite razpok vrhu strani.

 

Sorodni elementi

  • Pregled DJ-MegaMenu. Joomla meni modul
  • Pregled DJ-Suggester. Pojavno okno na spletni strani Joomla
  • Pregled Oznaka Transform. Joomla oznake
  • Joomla com_tags pregled. Dodajanje oznak materialov
  • Rusifikator vrh strani

 

Uporabne povezave:

  • Uradna spletna stran programa.

SKYLINE SCROLL NA VRH - Gumb za nazaj Na vrh strani

Naslednji gumb, ki omogoča hitro vrnitev na vrhu strani, ki jo gledate. Prej opisano podobno širitev «za ADEPTUS UP» , «na vrhu strani» , «SmoothTop" , je večkrat povzročil težave v blog bralci. Upamo, da bo ta razvoj ne bo povzročilo obsoja.

Skyline Pomaknite se na vrh

DEMO

Joomla
2.5, 3.0

PRENOS

različica
2.0

1. korak: Namesti razširitev

  • "Namestitev in omogočanje razširitve CMS Joomla!"

Korak 2. Nastavitve. Tab "plugin"

razširitev za razvijalce je zagotovil vse potrebne parametre za posamezno plug-in v okoljih, razen slik. Smo odpravili to vrzel in zagotavlja izbor slik za gumb. Če je potrebno, se lahko velikost slike zmanjša v grafičnem programu.

Zdaj pa neposredno na nastavitve:

Skyline Pomaknite se na vrh

  • Omogoči admin - z gumbom na strani nadzorne plošče
  • Motor - izbira knjižnic JavaScript za animacijo gumbov - jQuery
  • Slika ozadja Uporabljeno - razpakirati arhiv s slikami v mapi «Slike» na in izberite sliko

Besedilo blok:

Skyline Pomaknite se na vrh

  • Tekst - besedilo na gumbu
  • Naslov - ime gumba, ki bo pop up, ko hover

Skyline Pomaknite se na vrh

Kot lahko vidite, se prikaže gumb, vendar je zaželeno, da spremenite ozadje. Če želite to narediti, je naslednji blok.

Skyline Pomaknite se na vrh

  • Barva ozadja Uporabljeno - barva ozadja
  • Color Tekst - barva napisa na gumb
  • Color določi obstoječo hover - barva ozadja, s poudarkom na gumb
  • Tekst Color hover - barva teksta, ko hover
Preberite več:   Kaj je namen vzpostavitve povezave s strežnikom KANAL

Spreminjanje ozadja in dobili naslednje gumbe v opciji.

Skyline Pomaknite se na vrh

Zadnji blok je odgovoren za razporeditev gumbov:

Skyline Pomaknite se na vrh

  • Položaj - gumb se lahko namesti na vrhu ali na dnu, levo ali desno
  • Polmer meja - kotiček zaokroževanje vrednost gumba
  • Od levice zamik / desno - premik v levo in desno
  • Top zamik / Bottom - premik na vrhu in na dnu
  • Od levo in desno za oblazinjenje - oblazinjenje v levo in desno
  • Top & Bottom Oblazinjenje - oblazinjenje na vrhu in na dnu

Korak 3. Nastavitve.
Zavihek »Napredne nastavitve«

Dodatne neobvezne nastavitve:

Skyline Pomaknite se na vrh

  • Trajanje pomikanje - pomikanje dolžino (500 = pol sekunde)
  • Prehod na drsenje - učinke pri premikanju strani
  • CSS po meri - polje za vnos drugih stilov

Deli ta članek s svojimi prijatelji na socialnih omrežjih.

 

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

Izberite jezik

poljskiAngleščina nemški španski francosko Italijanski portugalski turški Arabski Ukrajinski Švedski Madžarski Bolgarski Estonski Chinese (Simplified) vietnamski Romunski Tajski Slovenski Slovaški Srbščina Malajski Norveški Latvijski Litvanski Korejski Japonski Indonezijski hindi Hebrejski Finski Grški Nizozemski Češki Danski Hrvaški Kitajščina (tradicionalna) Filipinski urdu Azeybardzhansky Armenski Belorusinja bengali gruzijska kazahstanski Katalonski Mongolski Ruski Tadzhitsky Tamil'skij telugu Uzbetsky


Dodaj komentar

Vaš e-naslov ne bo objavljen. Zahtevana polja so označena *