Notebook
Siamo lieti di annunciare che il forum è stato ottimizzato per la navigazione da cellulari. Ma è ancora in versione Beta di questa funzionalità pertanto t'invitano a provare sul tuo cellulare. Clicca qui per maggiori informazioni
Switch
Switch Accounts


Cerca
 
 

Risultati per:
 

Rechercher Ricerca avanzata

Parole chiave

Ultimi argomenti attivi
» fsdfwsdfcsdcds<xcvSDFCSDACSDCSDA
Visualizzare il profilo come un tooltip (hover) EmptyDom Mar 17, 2013 5:08 pm Da Niko

» Come presentarsi
Visualizzare il profilo come un tooltip (hover) EmptyGio Dic 27, 2012 1:11 pm Da Niko

» Suono nella chat
Visualizzare il profilo come un tooltip (hover) EmptyGio Gen 26, 2012 5:47 pm Da Niko

» Creare un pannello utente
Visualizzare il profilo come un tooltip (hover) EmptyDom Gen 22, 2012 5:25 pm Da Niko

» Avere una barra sotto al forum
Visualizzare il profilo come un tooltip (hover) EmptyDom Gen 22, 2012 5:13 pm Da Niko

» Verificare la disponibilità dei nomi utente
Visualizzare il profilo come un tooltip (hover) EmptyVen Gen 20, 2012 10:28 am Da Niko

» Modificare le immagini per le password
Visualizzare il profilo come un tooltip (hover) EmptyVen Gen 20, 2012 10:26 am Da Niko

» Modificare la lingua del forum per ogni utente
Visualizzare il profilo come un tooltip (hover) EmptyVen Gen 20, 2012 10:25 am Da Niko

» Modificare il testo di valutazione per le password
Visualizzare il profilo come un tooltip (hover) EmptyVen Gen 20, 2012 10:24 am Da Niko

Mag 2024
LunMarMerGioVenSabDom
  12345
6789101112
13141516171819
20212223242526
2728293031  

Calendario Calendario

Partner
creare un forum


Non sei connesso Connettiti o registrati

Notebook » il meglio con Javascript » Visualizzare il profilo come un tooltip (hover)

Visualizza l'argomento precedente Visualizza l'argomento successivo Andare in basso  Messaggio [Pagina 1 di 1]

<

Visualizzare il profilo come un tooltip (hover)

Posted by Niko on Ven Gen 20, 2012 10:24 am


Visualizzare il profilo come un tooltip (hover)


Ciao,

se avete tanti campi profilo per ogni utente potrebbe capitare che vada fuori dagli schemi e che stia male con il resto del forum.
Ecco come risolvere il problema: creando un tooltip che visualizza i campi-profilo solo quando ci si passa sopra.

COME SI INSTALLA?
1. Andate su PDA> -> Visualizzazione -> Templates -> trovate questo codice:



Codice:
{postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
       

        <img src="./Visualizzare il profilo come un tooltip (hover)_files/empty.gif" alt="" style="width:150px;height:1px" class="">

e sostituitelo con questo:
Codice:

 <!-- INÍCIO DAS MUDANÇAS DO PERFIL POR HARICOOW -->

<div class="infobulle_avatar">{postrow.displayed.POSTER_AVATAR}

<em>

<!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->

{postrow.displayed.POSTER_RPG}

</em></div>

<!-- FIM DAS MUDANÇAS DO PERFIL POR HARICOOW -->


Poi andate su PDA > Visualizzazione > Immagini e colori > Foglio CSS ed aggiungete questo codice CSS:
Codice:
div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px ;
background-color: #FFF;
border: 1px solid #000;
width:150px;
top: 100px;
left: 100px;
}<


Ed ecco fatto :bene:
Se avete dei dubbi non esitate a contattarmi nella sezione "Problemi con lo script"

Copyright © FORUMATTIVO.COM
Guida pubblicata da Niko









Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto  Messaggio [Pagina 1 di 1]

Notebook » il meglio con Javascript » Visualizzare il profilo come un tooltip (hover)

Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
Creare un forum | ©phpBB | Forum gratis di aiuto | Segnala un abuso | Ultime discussioni