Tooltip BBCode

[Galandas]

Tooltip BBCode

Autore: Stoker, CSS di Arcade phpBB
Descrizione: Il BBCode Tooltip consente di inserire le descrizioni dei comandi nel tuo post.

File allegato:

toolfaq.zip

(372 Byte) Scaricato 99 volte

Scaricare, decomprimere e caricare l'immagine nella cartella images.

File da modificare:
Prosilver: Apri styles/prosilver/theme/colours.css e incollare il codice riportato di seguito nella parte inferiore
Subsilver2: Apri styles/subsilver2/theme/stylesheet.css e incollare il codice riportato di seguito nella parte inferiore

Codice: Seleziona tutto

a.tool {
   font-weight: bold;
   position: relative;
   text-decoration: none;
   cursor: help;
}

a.tool span {
   position: absolute;
   font-weight: normal;
   border: 1px solid black;
   background-color: #CFE1F6;
   padding: 10px;      
   color: black;
   width: 225px;

   left: -9999em;
}

a.tool:hover {
   visibility: visible;
   z-index: 100;
}

a.tool:hover span, a.tooltip:focus span {
   left: 30px;
   text-decoration: none;
}

Salvare, caricare e aggiornare il tema.

---

BBCode:

Codice: Seleziona tutto

[tooltip]{TEXT}[/tooltip]

HTML:

Codice: Seleziona tutto

<a href="#" class="tool"><img style="width:16; height:14px;" src="images/toolfaq.gif" alt="" /><span>{TEXT}</span></a>

Aiuto in linea:

Codice: Seleziona tutto

Tooltip: [tooltip]Message[/tooltip]

Esempio:

Codice: Seleziona tutto

[tooltip]Spero che ti piace questo BBCode :grazie:[/tooltip]

Demo:
Consente di scrivere del testo demo