www.micheleur.joomlafree.it

  • Aumenta dimensione caratteri
  • Dimensione caratteri predefinita
  • Diminuisci dimensione caratteri
Home Demo articoli Tabber plugin

Tabber plugin

E-mail Stampa PDF
Valutazione attuale: / 0
ScarsoOttimo 

Questi esempi sono stati presi dal sito dello sviluppatore del Plugin: http://www.nonumber.nl/extensions/tabber/userguide

Varie possibilità:
  1. Codice di default
  2. Tab a colori!
  3. Con stile..
  4. Scelgo io chi è il primo
  5. Aprire i tab con un link
  6. Tab annidati
  7. Esempio di prova!
La Navigazione a schede o in inglese tabbed browsing è una funzione che consente di navigare più pagine web contemporaneamente, mantenendo però il tutto all'interno di una sola finestra, in modo da semplificare la navigazione tra l'una e l'altra e di consumare meno risorse di sistema.

Il nome viene dall'inglese tab, "linguetta", perché le varie schede con le diverse pagine visualizzate hanno in cima una linguetta, appunto, per scegliere quale mostrare     fonte: http://it.wikipedia.org/wiki/Navigazione_a_schede

Codice di default inserito con il pulsante tabber che si trova al fondo del campo editor

Tab Title 1

Your text...

Tab Title 2

Your text...

codice usato: {tab=Tab Title 1} Your text... {tab=Tab Title 2} Your text... {/tabs}

Tab con colori preimpostati

Blue

codice usato: {tab=Blue|blue}

Green

codice usato: {tab=Green|green}

Grey

codice usato: {tab=Grey|grey}

codice usato: {tab=Blue|blue}... {tab=Green|green}...{tab=Grey|grey}...{/tabs}

Tab con stili: cambio colore o formattazione testo, aggiunta immagine

sottolineato o corsivo

codice usato: {tab=<u>sottolineato</u> o <em>corsivo</em>}

prova con un'immagine

codice usato: {tab=<img src="/images/stories/ext_plugin.png"> prova con un'immagine}

codice usato: {tab=<u>sottolineato</u> o <em>corsivo</em>}... {tab=<img src="/images/stories/ext_plugin.png"> prova con un'immagine}...{/tabs}

Tab attivo: possibilità di scegliere quale tab far vedere aperto con il comando active

Primo tab

codice usato: {tab=Primo tab} nulla di strano

Secondo tab

codice usato: {tab=Secondo tab attivo!|green|active} uso due comandi green (per colorare il tab) e active (per farlo comparire per primo) divisi dal carattere "|"

codice usato: {tab=Primo tab}... {tab=Secondo tab attivo!|green|active}...{/tabs}

Tab links: possiamo aprire un tab o scheda, se preferite, anche tramite un link e non solo cliccando sulla linguetta sopra. Useremo il codice {tablink} specificando il titolo del tab che vogliamo aprire. (non devono esserci dei doppioni se no non funziona.)

Click qui per aprire il Primo tab Click qui per aprire il Secondo tab
codice usato per i due link: {tablink=tab1}Click qui per aprire il Primo tab{/tablink} {tablink=tab2}Click qui per aprire il Secondo tab{/tablink}

tab1

codice usato: {tab=tab1} nulla di strano

tab2

codice usato: {tab=tab2} ciao!

codice usato: {tab=tab1}... {tab=tab2}...{/tabs}

Tab annidati: abbiamo tanti contenuti?! Nessun problema... possiamo inserire dei tab all'interno di altri tab! Non esagerate però ;)

Livello 1 - Primo

Questo è il primo tab "principale"

Livello 2 - Primo

Tab annidato n°1

Livello 2 - Secondo

Tab annidato n°2

Livello 1 - Secondo

Questo è il secondo tab "principale"

codice usato:
{tab=Livello 1 - Primo}Questo è il primo tab "principale"
{tab-level2=Livello 2 - Primo}Tab annidato n°1
{tab-level2=Livello 2 - Secondo}Tab annidato n°2
{tab=tab=Livello 1 - Secondo}Questo è il secondo tab "principale"{/tabs}

Come avrete notato basta aggiungere un nome o id dopo il comando tab per ottenere il secondo livello Es. {tab-level2...

Joomla Day 2012

Joomla Day 2012 Torino


29 Settembre 2012 - Palaolimpico Torino

5a edizione dell'evento italiano su Joomla!® il più popolare CMS open source.
Iscrizione gratuita.

Vai al sito http://www.joomladay.it

Come arrivare

Il Palaolimpico di Torino sorge nel quartiere Santa Rita, a fianco allo Stadio Olimpico e di fronte al maestoso parco cittadino di Piazza D’Armi. La posizione strategica – a pochi minuti dal centro di Torino ma facilmente raggiungibile dai principali raccordi autostradali – lo rende unico nel suo genere, proprio perché immerso nel flusso degli eventi che si muovono all’interno della Città, di cui è elemento integrante senza soluzione di continuità.
Gli ingressi al pubblico del Palaolimpico si trovano sulla parte pedonale di Corso Sebastopoli (al numero civico 123), già Piazza D’Armi.

Dalla stazione Porta Nuova: uscire per via Sacchi. C'è la fermata della metrò in superficie: n° 4. Presa la metrò seguire via sacchi e corso unione sovietica e scendere alla fermata "Sebastopoli".
Dalla stazione Porta Susa: linea 10
Dalla stazione Lingotto: linee 14, 63


Dal centro città con i mezzi pubblici
Metro + linea 4 (Porta Nuova) o linea 10 (Vinzaglio)
Linee 4, 10, 17, 63

Da qualsiasi punto della città con i mezzi pubblici
Calcola il percorso

Parcheggi
Lascia l'auto al parcheggio Caio Mario e prendi la linea 4 o 10 per raggiungere il Palaolimpico in pochi minuti.

Prova con loadposition


codice usato: {tab=Prova con loadposition|green} {loadposition fifa2010}

 

 

AddThis Social Bookmark Button
Ultimo aggiornamento Martedì 04 Settembre 2012 21:01  

5xmille ad EMERGENCY

Dona il tuo 5 x mille ad EMERGENCY

Linux Day... partecipa!

Linux Day

Wwzela

Prova Tabber

Tab Title 1

WOW Tabber funziona anche nei moduli...

Tab Title 2

Funziona?! Sì! alla grande..


Notizie flash

Con Joomla! è semplice realizzare siti di qualsiasi tipo. Se desideri un sito vetrina o costruire una grande community online, Joomla! ti permette di sviluppare un nuovo sito in pochi passi e aggiungere le funzionalità aggiuntive necessarie. Le centinaia di estensioni disponibili per Joomla! ti aiuteranno a implementare nel tuo sito nuovi servizi.