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.