Descrizione

[SuperPunkMario]

Descrizione

Autore: SuperPunkMario
Descrizione: passando sopra alla parola scritta, comparirà una descrizione a vostro piacere che volete inserire

Uso BBcode:

Codice: Seleziona tutto

[descrizione={TEXT1}]{TEXT2}[/descrizione]

Trasforma in HTML:

Codice: Seleziona tutto

<a title="{TEXT1}">{TEXT2}</a>

Guida in linea:

Codice: Seleziona tutto

[descrizione=testo in una piccola finestra]testo da mostrare[/descrizione]

Demo

[Sanfi]

Molto interessante , bravo ^^

[SuperPunkMario]

Grazie!

é un bbcode molto semplice ma potrebbe rivelarsi utile ^^

[Haku]

Molto carino...unica pecca, è il tempo che ci si mette a visualizzare ilt esto, quindi probabilmente nessuno lo noterà ^^

[Lady R]

magari in jquery potrebbe essere più efficace... quindi mi son permessa di creare una variante

demo: http://dev1.allise.net/alldesc

in overall_header.html, prima di </head> inserite:

Codice: Seleziona tutto

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
   $(document).ready( function(){
      $('.alldescparent').mouseenter( function() {
            $(this).children('span').show('fast');
      }).mouseleave( function() {
            $(this).children('span').hide('fast');
      });
      
   });
</script>

In common.css invece inserite in fondo:

Codice: Seleziona tutto

.alldesc {
   position: relative;
   border-bottom: 1px dotted red;
}

.alldesc span {
   display: none;
   position: absolute;
   top: 17px;
   background: #A9A9A9;
   padding: 2px;
   border-radius: 3px;
   right: 0px;
}

il BBcode:
HTML:

Codice: Seleziona tutto

<span class="alldesc">{TEXT1}<span>{TEXT2}</span></span>

BBcode:

Codice: Seleziona tutto

[desc="{TEXT2}"]{TEXT1}[/desc]

Uso:

Codice: Seleziona tutto

[desc="Descrizione di Lorem"]Lorem Ipsum[/desc]

meglio?

[ultimo drago]

Grazie lady

[Lady R]

di niente ^.^

[SuperPunkMario]

Grazie Lady R!

[Lady R]

di niente.