JOOMLA przycisk u góry

  • Typ - plugin, który pozwala na przewijanie strony w górę strony Joomla.

 

  •  Rusifikator górze strony.

 

Góra strony - ten plugin pozwala przewijać stronę w górę witryny Joomla. Obsługuje iBP 1.6 - 2.5. W przedniej części serwisu wyświetla przycisk, aby przejść do góry (na wierzchu). Wtyczka ta będzie przydatna dla tych witryn, które zawierają długie materiałów, dla pełnego obrazu, które użytkownik musi przewijać „wielu ekranach”. Aby wrócić do góry strony i, na przykład, korzysta z wyszukiwarki lub poruszać się po menu do innej sekcji witryny, użytkownik musi przewinąć stronę w dół lub użyj pionowego paska przewijania lub naciśnij klawisz na klawiaturze Page UP i tak dalej. A może po prostu kliknąć przycisk myszy, która pojawi się na góry i iść do góry.

Główne cechy górze strony są następujące:

  • Wsparcie dla Joomla 1.6, 1.7, 2.5.
  • Łatwość montażu i łatwość regulacji.
  • Obsługa wielu języków.
  • Elastyczne przyciski stylizacji.
  • Pomoc w postaci przycisku jako tekst i obrazy.

Przegląd zostanie przeprowadzony na ostatni jak to pisze (01.03.2012) wersji górze strony Joomla 1.8, 2.5.

Przycisk Joomla up może być dostosowane do witryny, jak to konieczne ze względu na szczególny projekt. Spójrzmy na wtyku regulacja górze strony (rysunek poniżej).

Ustawienia górę strony

  • Opcja Przycisk Reveal Pozycja pozwala ustawić wysokość (w pikselach), po osiągnięciu przycisk jest wyświetlany. Oznacza to, że można określić ile użytkownik ma do „przewijania” w dół strony, aby wychować przycisk „Up”.
  • Jeśli chcesz użyć jako przycisku obrazu tła, opcja Omit Przycisk Tekst będzie można to zrobić poprzez usunięcie tekstu ładowane z pliku językowego.
  • W tym opcji na zawsze AT the Top, można wskazać, że trzeba zawsze zacząć od górnej części wyświetlanej strony. Na przykład, jeśli odnoszą się do strony, na innym miejscu, przy użyciu kotwicy znajdujący się w dolnej części strony, to najlepiej, aby wyłączyć tę opcję.
  • Zwój Smooth . Pozwala to na korzystanie z gładkiej strony przewijania.
  • Czas trwania Zwój . Jeśli można ustawić szybkość płynnego przewijania (w jednostkach arbitralnych) za pomocą tej opcji. 1000 arbitralnych jednostek na 1 sekundę.
  • Zwój Transition . Opcja ta umożliwia ustawienie „efekt” podczas przewijania w górę. To działa, jeśli włączona jest opcja Smooth Scroll . Będziesz dostępny jeden z dwunastu „efekty”.
  • Adres linku . Można wybrać jeden z sześciu miejsc, aby wyświetlić przycisk „Up” na stronie. Powyżej lewy, środkowy, prawy lub dolny lewy, środkowy, prawy.
  • Opcja Użyj Style włącza lub wyłącza zastosowanie niestandardowego stylu odniesienia. Jeśli ta opcja jest wyłączona, aby korzystać styl szablonu witryny. Jeśli opcja jest włączona, można ustawić unikalny styl wyświetlania przycisków w Link stylu .

Spójrzmy na kilka przycisku opcji projektowych. Jeśli chcesz wykorzystać jako przycisk „Up” obrazu, najpierw utworzyć go w dowolnym edytorze map bitowych i zapisać go w folderze z serwisu. Na przykład, po utworzeniu (lub znaleźć w Internecie) plik, nazywany jest przycisk . png i znajduje się w folderze obrazów witryny. Następnie zawartość Style link może wyglądać następująco:

Czytaj więcej:   zaktualizowaną Flash Player dla Windows 8

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

Gdzie parametry szerokość i wysokość wskazują szerokość i wysokość przycisku obrazu.

można napotkać problem, gdy obraz z „paluszków” do krawędzi ekranu. Można dokonać rozmiaru „płótnie” obrazu (na przykład Adobe Photoshop edytora bitmap) więcej niż tylko rysowanie sam przycisk. A „zbędny” część przejrzyste. A jeśli mają przycisk na stronie znajduje się w prawym dolnym rogu, a następnie zdjęcia do „płótno” w Adobe Photoshop powinny być umieszczone w lewym górnym rogu. Poprawianie parametrów szerokości i wysokości, można osiągnąć piękny (bez „przyklejania” do krawędzi) przycisk wyświetlania na stronie internetowej.

Ale można dostosować wyświetlanie przycisku „Up” w postaci tekstu i tła. W tym przypadku, będzie dostępna do edycji przycisk graniczną szerokość, kolor, przycisk kolor tła, kolor czcionki i koloru tła i czcionki po najechaniu kursorem myszy nad przyciskiem. Wygląda to tak:

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

Gdzie parametr graniczny : - grubość przycisk skoku (w pikselach), stałe - udar kolor, margines - przestrzeń od krawędzi okna przeglądarki (w pikselach), wyściółka - dopełnienie tekstu przycisku (słowo „UP”) do granicy (w pikselach). Innymi słowy, za pomocą wypełnienia , można zwiększyć lub zmniejszyć samego przycisku, jeśli nie jest realizowany za pomocą obrazów. tło Używany - kolor - kolor tła (poza naciskiem kursorem myszy), kolor - kolor czcionki (poza naciskiem wskaźnika myszy), # gototop : W hover tło Używany - kolor - kolor tła w ognisku myszy # gototop : W hover kolor - kolor napisu czcionki w ognisku myszy ,

Jak widać na górę strony Joomla z tej wtyczki nie będzie miał problemów.

Góra strony pozwoli Ci zwiększyć użyteczność serwisu. Pomimo faktu, że wspinanie się na górę, istnieje wiele sposobów, górze strony nadal będą użyteczne i wygodne dla użytkowników. Jednak warto pamiętać, że w tych miejscach, gdzie szablon jest przeznaczony dla 100% szerokości okna przeglądarki, przycisk „Up” można zastąpić zawartość strony. Należy więc dokładnie przejrzeć blat roboczy strony i określić, czy to uniemożliwia użytkownikom.

Rusifikator górę strony

Crack górze strony.

 

Powiązane produkty

  • Przegląd DJ-MegaMenu. Moduł menu Joomla
  • Przegląd DJ-zausznika. Okno pop-up na stronie Joomla
  • Przegląd Tag Transform. tagi Joomla
  • Joomla com_tags opinię. Dodawanie materiałów label
  • Rusifikator górę strony

 

Przydatne linki:

  • Oficjalna strona programu.

SKYLINE Przejdź do góry - Przycisk Wstecz Góra strony

Kolejny przycisk, który zapewnia szybki zwrot z górnej części wyświetlanej strony. Wcześniej opisany podobny ekspansji «Adeptus UP» , «na górze strony» , «SmoothTop» , wielokrotnie spowodował problemy z czytelników bloga. Mamy nadzieję, że rozwój ten nie spowoduje piętnuje.

Skyline Przejdź do góry

DEMO

Joomla
2,5 3,0

POBIERZ

wersja
2.0

Krok 1: Instalacja rozszerzenia

  • „Instalowanie i włączanie rozszerzeń CMS Joomla!”

Krok 2. Ustawienia. Zakładka „plugin”

Rozszerzenie deweloper dostarczył wszystkie niezbędne parametry dla indywidualnych ustawień wtykowych, z wyjątkiem zdjęć. Możemy wyeliminować tę lukę i zapewnić wybór obrazów dla przycisku. Jeśli to konieczne, rozmiar obrazu może być zmniejszona w programie graficznym.

Teraz bezpośrednio do ustawień:

Skyline Przejdź do góry

  • Włącz administratora - za pomocą przycisku na stronie panelu sterowania
  • Silnik - wybór bibliotek JavaScript przycisków animacji - jQuery
  • obraz tła używany - rozpakować archiwum ze zdjęciami w folderze Obrazy «» i wybierz obraz

Blok tekstu:

Skyline Przejdź do góry

  • Text - tekst na przycisku
  • Nazwa - nazwa przycisku, który pojawi się po najechaniu

Skyline Przejdź do góry

Jak widać, jest wyświetlany przycisk, ale pożądane jest, aby zmienić tło. Aby to zrobić, jest następujący blok.

Skyline Przejdź do góry

  • Kolor tła używany - kolor tła
  • Kolor Text - kolor napisu na przycisku
  • Kolor W hover Tło - kolor tła z naciskiem na przycisk
  • Tekst Kolor unosić - kolor tekstu po najechaniu
Czytaj więcej:   Co jest celem SERWER kanał połączeniowy

Zmienić tło i uzyskać kolejne przyciski opcji wyświetlania.

Skyline Przejdź do góry

Ostatni blok jest odpowiedzialny za rozmieszczenie przycisków:

Skyline Przejdź do góry

  • Stanowisko - Przycisk ten może być umieszczony w górnej lub dolnej, lewej lub prawej
  • Promień Border - zaokrąglonym narożnikiem wartość przycisku
  • Left Offset / Right - przesunięcie w lewo i prawo
  • Top Offset / Bottom - przemieszczenie górze i na dole
  • Z lewej i prawej padding - wyściółka na lewo i prawo
  • Top & Bottom padding - wyściółka na górze i na dole

Etap 3. Ustawienia.
Zakładka „Ustawienia zaawansowane”

Dodatkowe opcjonalne ustawienia:

Skyline Przejdź do góry

  • OKRESU Zwój - przewijanie długość (500 = pół sekundy)
  • Przejście Scroll - efekty podczas przesuwania stron
  • CSS Custom - pole, aby wstawić inne style

Podziel się tym artykułem ze znajomymi na portalach społecznościowych.

 

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

Wybierz swój język

polskiangielski niemiecki hiszpański francuski włoski portugalski turecki arabski ukraiński szwedzki węgierski bułgarski estoński Chiński (uproszczony) wietnamski rumuński tajski słoweński słowacki serbski malajski norweski łotewski litewski koreański japoński indonezyjski hinduski hebrajski fiński grecki holenderski Czech duński chorwacki Chiński (tradycyjny) Filipińska urdu Azeybardzhansky ormiański Białoruski bengalski gruziński kazachski Kataloński mongolski rosyjski Tadzhitsky Tamil'skij telugu Uzbetsky


Dodaj komentarz

Twój e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *