JOOMLA pulsante sulla parte superiore

  • Tipo - un plugin che permette di scorrere le pagine su sito Joomla.

 

  •  Rusifikator in alto alla pagina.

 

Inizio pagina - questo plugin permette di scorrere la pagina verso l'alto sito Joomla. Supporta Joomla 1,6-2,5. Nella parte frontale del sito visualizza un pulsante per saltare verso l'alto (verso l'alto di esso). Questo plugin sarà utile per quei siti che contengono materiale lungo, per una visione completa di cui l'utente deve scorrere "più schermi". Per tornare alla parte superiore della pagina e, ad esempio, utilizzare la ricerca o navigare attraverso il menu a un'altra sezione del sito, l'utente deve scorrere verso il basso della pagina oppure utilizzare la barra di scorrimento verticale, oppure premere il tasto sulla tastiera pagina Up e così via. E si può semplicemente fare clic sul pulsante del mouse che appare in cima e andare in cima.

Le caratteristiche principali di alto alla pagina sono i seguenti:

  • Supporto per Joomla 1.6, 1.7, 2.5.
  • Facilità di installazione e facilità di regolazione.
  • Supporto multilingua.
  • Pulsanti styling flessibili.
  • Supporto come un pulsante come il testo e le immagini.

La revisione sarà effettuata per le ultime a partire da questa versione di scrittura (01.03.2012) del alto alla pagina 1.8, Joomla 2.5.

Joomla up pulsante può essere personalizzato per il vostro sito, se necessario, dato il particolare design. Diamo un'occhiata a spina di regolazione in alto alla pagina (figura sotto).

Impostazioni in alto alla pagina

  • Opzione Pulsante rivelare la posizione consente di impostare l'altezza (in pixel), dopo aver raggiunto un pulsante viene visualizzato. Cioè, si specifica quanto l'utente deve "scorrere" in basso nella pagina per visualizzare il pulsante "Up".
  • Se si desidera utilizzare come il pulsante immagine di sfondo, l'opzione Ometti Testo pulsante vi permetterà di fare questo, eliminando il testo-caricato dal file di lingua.
  • Tra cui l'opzione per sempre AT Top, si indica che si deve sempre partire dalla parte superiore della visualizzazione della pagina. Per esempio, se si fa riferimento a una pagina su un altro sito, utilizzando un ancoraggio situato nella parte inferiore della pagina, si consiglia di disattivare questa opzione.
  • Lo Scorrere il liscio . Permette l'utilizzo di pagina di scorrimento uniforme.
  • La durata del Scroll . Se è possibile impostare la velocità di scorrimento uniforme (in unità arbitrarie) utilizzando questa opzione. 1000 unità arbitrarie = 1 secondo.
  • Lo Scroll transizione . Questa opzione consente di impostare "effetto" quando si scorre in su. Funziona se l'opzione è abilitata il liscio il Rotolo . Vi sarà a disposizione uno dei dodici "effetti".
  • La posizione di collegamento . È possibile selezionare uno dei sei posti per visualizzare il pulsante "Up" sulla pagina. In alto a sinistra, al centro, a sinistra a destra o in basso, al centro, a destra.
  • L'opzione di utilizzare gli stili abilita o disabilita l'uso di un riferimento di stile personalizzato. Se questa opzione è disabilitata, per usare lo stile del vostro modello di sito. Se attivato, è possibile impostare un unico pulsanti di visualizzazione stile del collegamento dello stile .

Diamo un'occhiata a un pulsante di opzioni di progettazione pochi. Se si desidera utilizzare come un pulsante "Up" immagine, la prima crearlo in qualsiasi editor bitmap e salvarlo in una cartella con il sito. Ad esempio, il file è stato creato (o trovato su Internet), è chiamato il tasto . png e si trova nella cartella immagini del tuo sito web. Poi il contenuto del Style link possono essere simile a questa:

Per saperne di più:   aggiornato Flash Player per Windows 8

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

Dove i parametri larghezza e altezza indicano la larghezza e l'altezza dell'immagine pulsante.

È possibile riscontrare un problema quando l'immagine dei "bastoni" ai bordi dello schermo. È possibile effettuare la dimensione della "tela" dell'immagine (ad esempio, Adobe Photoshop editor di bitmap) più che disegnare il pulsante stesso. Una parte "ridondante" resa trasparente. E, se si dispone di un tasto sul sito si trova nell'angolo in basso a destra, allora il quadro di "tela" in Adobe Photoshop deve essere posto in alto a sinistra. Ottimizzare i parametri di larghezza e altezza, si otterrà bella (senza "attaccare" ai bordi) tasto display sul sito web.

Ma è possibile personalizzare la visualizzazione del pulsante "Up", sotto forma di testo e lo sfondo. In questo caso, si sarà disponibile per la modifica tasto di confine larghezza, il suo colore, il colore di sfondo tasto, colore del carattere e il colore di sfondo e il font quando si passa il cursore del mouse sopra il pulsante. Ecco come si presenta:

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

Dove il parametro di frontiera : - lo spessore del pulsante di corsa (in pixel), solido - colore del tratto, il margine - uno spazio dai bordi della finestra del browser (in pixel), l'imbottitura - imbottitura del testo del pulsante (la parola "UP") fino al confine (in pixel). In altre parole, per mezzo di imbottitura , è possibile aumentare o diminuire il pulsante stesso, se non viene attuata con l'aiuto delle immagini. sfondo Usato - colore - colore di sfondo (al di fuori della messa a fuoco del puntatore del mouse), il colore - il colore del tipo di carattere (al di fuori della messa a fuoco del puntatore del mouse), # gototop : l'hover sfondo utilizzato - colore - il colore dello sfondo nel fuoco del mouse, # gototop : l'hover colore - il colore dei caratteri di carattere nel fuoco del mouse .

Come si può vedere il sito Joomla con questo plugin non avrete problemi.

In alto alla pagina vi permetterà di migliorare l'usabilità del sito. Nonostante il fatto che la salita alla cima, ci sono molti modi, in alto alla pagina sarà ancora utile e conveniente per gli utenti. Tuttavia, vale la pena ricordare che in quei luoghi in cui il modello è stato progettato per il 100% della larghezza della finestra del browser, il pulsante "Up" può sovrascrivere il contenuto della pagina. Così si dovrebbe esaminare attentamente il piano di lavoro della pagina e determinare se si impedisce agli utenti.

Rusifikator in alto alla pagina

Scarica crepa in alto alla pagina.

 

articoli correlati

  • Panoramica DJ-MegaMenu. modulo menu Joomla
  • Panoramica DJ-Suggester. Una finestra pop-up sul sito Joomla
  • Panoramica Tag Transform. tag Joomla
  • Joomla com_tags recensione. Aggiunta di materiali per etichette
  • Rusifikator in alto alla pagina

 

Link utili:

  • Il sito ufficiale del programma.

SKYLINE Scorrere verso l'alto - pulsante Indietro ALL'INIZIO DELLA PAGINA

Il pulsante successivo, che fornisce un rapido ritorno sulla parte superiore della pagina che si sta visualizzando. In precedenza descritto un'espansione simile «di Adeptus UP» , «l'alto alla pagina» , «smoothtop» , ha più volte causato problemi nei lettori del blog. Ci auguriamo che questo sviluppo non causerà censure.

Skyline Scroll to Top

DEMO

Joomla
2.5, 3.0

DOWNLOAD

versione
2.0

Passaggio 1: installare l'estensione

  • "Installazione e attivazione di estensioni CMS Joomla!"

Fase 2. Impostazioni. Tab "plugin"

estensione sviluppatore ha fornito tutti i parametri necessari per un individuo impostazioni del plug-in, ad eccezione per le immagini. Si eliminano questa lacuna e fornire una selezione di immagini per il pulsante. Se necessario, la dimensione dell'immagine può essere ridotta in un programma di grafica.

Ora direttamente alle impostazioni:

Skyline Scroll to Top

  • Il Enable amministratore - utilizzare il pulsante sul sito pannello di controllo
  • Motore - scelta di librerie JavaScript per i pulsanti di animazione - jQuery
  • Immagine di sfondo usato - decomprimere l'archivio con le immagini presenti nella cartella «Immagini» e selezionare l'immagine

blocco di testo:

Skyline Scroll to Top

  • Il testo - testo sul pulsante
  • Titolo - il nome del pulsante, che pop-up quando si passa

Skyline Scroll to Top

Come si può vedere, viene visualizzato il pulsante, ma è auspicabile modificare lo sfondo. Per fare questo, v'è il seguente blocco.

Skyline Scroll to Top

  • Lo sfondo colore utilizzato - colore di sfondo
  • Il colore del testo - colore della didascalia sul pulsante
  • Il Colore del hover Background - colore di sfondo con il focus sul pulsante
  • Il testo del colore hover - il colore del testo quando si passa
Per saperne di più:   Quale è lo scopo SERVER COLLEGAMENTO CANALE

Cambiare lo sfondo e ottenere i pulsanti di opzione di visualizzazione prossimi.

Skyline Scroll to Top

L'ultimo blocco è responsabile per la disposizione dei pulsanti:

Skyline Scroll to Top

  • La posizione - pulsante può essere posizionato in alto o in basso, a sinistra oa destra
  • Il Raggio Border - Valore angolo arrotondamento del pulsante
  • Di Sinistra l'Offset / Destra - spostamento di destra e sinistra
  • Il Top Offset / The Bottom - lo spostamento della parte superiore e inferiore
  • Di Left & Right l'imbottitura - padding a sinistra ea destra
  • Il Top & The Bottom l'imbottitura - imbottitura in alto e in basso

Passo 3. Impostazioni.
Scheda "Impostazioni avanzate"

Ulteriori impostazioni opzionali:

Skyline Scroll to Top

  • La durata del Scroll - scorrere la lunghezza (500 = mezzo secondo)
  • Transizione Scroll - effetti quando si spostano le pagine
  • Il CSS personalizzata - campo da inserire altri stili

Condividi questo articolo con i tuoi amici sui social network.

 

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

Scegli la lingua

polaccoinglese tedesco spagnolo francese italiano portoghese turco arabo ucraino svedese ungherese bulgaro estone Cinese (semplificato) vietnamita rumeno Thai sloveno slovacco serbo malese norvegese lettone lituano coreano giapponese indonesiano hindi ebraico finlandese greco olandese ceco danese croato Cinese (Tradizionale) filippino Urdu Azeybardzhansky armeno bielorusso bengalese georgiano kazako catalano Mongolski russo Tadzhitsky Tamil'skij telugu Uzbetsky


Aggiungi un commento

Il tuo indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *