Immagine menu di navigazione


Pagina 1 di 3 1, 2, 3  Seguente

In corso Immagine menu di navigazione

Messaggio Da maurovr il Gio 28 Feb 2013 - 17:11

Salve,
eccomi con un'altro problema.
Ho cercato ma non sono riuscito a trovare la soluzione per cambiare l'immagine al passaggio del mouse sulla barra di navigazione.
Se fosse possibile magari anche con una transizione tra la prima e la seconda.
Grazie mille
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da Dozy™ il Gio 28 Feb 2013 - 17:46

Ciao, quell'effetto penso che non si possa ottenere tranne se fai un tuo men¨ personalizzato, l'unica cosa Ŕ usare l'opacity:

Codice:
ul.linklist li a img {
    opacity: 0.5;
}

L'immagine diventerÓ come patinata e una volta passato il mouse sull'immagine riprenderÓ l'aspetta originario.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
EtÓ : 30
Messaggi : 2297
LocalitÓ : Tradate (va)


Vedi il profilo dell'utente
Dozy™ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Gio 28 Feb 2013 - 18:00

grazie Dozy, avevo intuito leggendo che bisognava fare un menu nuovo personalizzato.
Per disattivare il menu di base?
grazie
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da Dozy™ il Gio 28 Feb 2013 - 18:15

Codice:
.mainmenu{ display:none;}

Ricordati di copiare anche gli url delle pagine prima.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
EtÓ : 30
Messaggi : 2297
LocalitÓ : Tradate (va)


Vedi il profilo dell'utente
Dozy™ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Gio 28 Feb 2013 - 18:19

grazie
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Gio 28 Feb 2013 - 18:23

Ancora una cosa, se vai nel mio sito (che al momento Ŕ una prova per capirci bene) vedi due bottoni per il nuovo menu, che cambiano immagine.... come posso fare una transizione tra di loro...eheh
dai che ce la fai.
il codice che ho usato Ŕ il tuo, questo: http://aiuto.forumattivo.it/t13904-ingrandire-immagini-al-passaggio-del-mouse
il primo esempio.

avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 2 Mar 2013 - 16:02

Ho creato un menu personalizzato e funziona perfettamente, l'unica cosa che non riesco a far funzionare Ŕ il bottone del login/logout.
Ho anche provato a copiare il codice di quello di base, prendendolo da "ispeziona elemento"...... ma niente da fare.
Potete aiutarmi?
grazie
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Sab 2 Mar 2013 - 16:31

Maurovr provi cosi CSS:

Codice:
#LGLoginbtn {
  top: 10px !important;
}

Corretto Dozy
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 2 Mar 2013 - 17:08

ho provato ma non succede nulla!
Questo Ŕ quello che ho mwsso sul messaggio sull'indice:
Codice:
<li><a class="LGLoginbtn" href="/login">Login</a></li> 
e nel CSS il tuo.
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da Dozy™ il Sab 2 Mar 2013 - 17:14

I class hanno come attributo il punto( . ) mentre i (div) il cancelletto.

Prova a fare una sostituzione. Io il login lo vedo e funziona.

@cent i codici vanno messi nel tag code.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
EtÓ : 30
Messaggi : 2297
LocalitÓ : Tradate (va)


Vedi il profilo dell'utente
Dozy™ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Sab 2 Mar 2013 - 17:27

provi come ti ha detto dozy, se no trovi un altro tutorial,forse nn funziona.che forum hai phbb,2 3?

oK Dozy scusa
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 2 Mar 2013 - 17:43

ho la 3.
Ho sostituito il # con il punto, ma non cambia nulla.
Ma il discorso del pulsante che cambia da login a logout... com'Ŕ che devo fare?
dovr˛ mettere due pulsanti o no?
non potete darmi la parte di codice dei due pulsanti?
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Sab 2 Mar 2013 - 17:49

metti questo nell javascript TUTTE LE PAGINE..Attivi anche il toolbar

Codice:
$(window).load(function () {
    document.getElementById("logout") || ($("#fa_toolbar").after('<div id="fa_menulist" style="display: none;"><form action="/login" method="post"><table style="width: 100%; text-align: center;"><tr><td style="width: 50%;">Username:</td><td style="width: 50%;"><input name="username" type="text" /></td></tr><tr><td style="width: 50%;">Password:</td><td style="width: 50%;"><input name="password" type="password" /></td></tr></table><div style="text-align: center; padding: 5px;"><input type="submit" name="login" value="Log In" class="button2" /></div></form>'),
    $('#fa_right .rightHeaderLink:first').click(function (a) {
        a.preventDefault();
        document.getElementById("fa_menulist").style.left = $(this).offset().left - 200 + "px";
        document.getElementById("fa_menulist").style.top = $("#fa_toolbar").offset().top + 30 + "px";
        "rightHeaderLink" == this.className ? (this.className += " active", $(this).css({
            color: "#333",
            "background-color": "#FFF"
        })) : (this.className = "rightHeaderLink", $(this).css({
            color: "",
            "background-color": ""
        }));
        $("#fa_menulist").fadeToggle()
    }))
});
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 2 Mar 2013 - 18:11

ok grazie, devo dreare anche il secondo pulsante?
Se per˛ devo tenermi il menu di base non serve pi¨! o no?
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 2 Mar 2013 - 18:26

Allora...
funziona anche disattivando il menu di base.
Per˛ i miei due pulsanti (login/logout) sono sempre visibili, mentre mi piacerebbe che uno escludesse l'altro.
Suggerimenti in merito.
Intanto grazie _cent_
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Sab 2 Mar 2013 - 19:10

Prego :)
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 8:34

up
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 9:54

Nel recuperare il codice html del menu con ispeziona elemento, mi sono reso conto chene manca sempre una parte..... mi riferisco a:
- login
- logout
- registrati
Insomma non riesco a mettere insieme una parte di codice che gestisca questi tre elementi assieme, che si visualizzino quando servono oppure no!
Purtroppo le mie conoscenze sono molto limitate, quasi nulle!!
spero possiate darmi una mano.
grazie
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 14:03

DozyÖ ha scritto:I class hanno come attributo il punto( . ) mentre i (div) il cancelletto.

Prova a fare una sostituzione. Io il login lo vedo e funziona.

@cent i codici vanno messi nel tag code.

si, per˛ c'Ŕ anche il tasto del logout... che non dovrebbe esserci!
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da Martino il Lun 4 Mar 2013 - 14:56

Ciao maurovr, Ŕ questa la pecca di questi menu esterni.
Prova questo:
Codice:
<script language="JavaScript" type="text/javascript">
jQuery(document).ready(function () {
  if(jQuery('nomediv/class').length > 0) {
    jQuery('nomediv/class').html('');
  }
});
</script>
Ricordati di sostituire "nomediv/class".

Saluti, MartinoPio ciao!


Staff - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschile
EtÓ : 18
Messaggi : 4169
LocalitÓ : Italia


Vedi il profilo dell'utente http://wikiinfo.forumattivo.it/
Martino Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 16:20

provo
e poi ti dico.... grazie intanto
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 16:44

forse ho bisogno di qualcjhe aiuto in pi¨... allora
ho i due pulsanti di login e logout inseriti nel div questo:
Codice:
<div id="mainmenu">
<ul>
        <li><a class="mainmenu" href="/" alt="Home" title="Home" />Home</a></li>
        <li><a class="mainmenu" href= alt="portal" title="portal" />portal</a></li>
   <li><a class="mainmenu" href="/faq" alt="FAQ" title="FAQ" />FAQ</a></li>
   <li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://illiweb.com/fa/empty.gif" border="0" height="13" hspace="2" alt="Search" title="Search" />Search</a></li>
        <script type="text/javascript">//<![CDATA[
   var url_search = '/search';
   insert_search_menu();//]]>
   </script>
        <li><a class="mainmenu" href="/memberlist" rel="nofollow" alt="Memberlist" title="Memberlist" />Memberlist</a>
        <li><a class="mainmenu" href="/groups" alt="Usergroups" title="Usergroups" />Usergroups</a> </li>
   <li><a class="mainmenu" href="/profile?mode=editprofile" alt="Profile" title="Profile" />Profile</a> </li>
   <li><a class="mainmenu" href="/privmsg?folder=inbox" alt="no new messages" title="no new messages" />no new messages</a> </li>
        <li><a class="logout" href="/login?logout" >Logout</a></li>
        <li><a class="login" href="/login">Login</a></li>   
</ul>
</div>

poi il tuo codice lo metto in un modulo javascrip?
e modifico nomediv con mainmenu e class con logout?
e per il login devo aggiungere un codice uguale?
scusa la mia incompetenza!
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Lun 4 Mar 2013 - 16:47

scusa,ma tu non hai toolbar per fare logout o login? perche usi questo?
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 4 Mar 2013 - 16:54

voglio sostituire tutta la toolbar
avatar
maurovr
**
**

Sesso : Maschile
EtÓ : 61
Messaggi : 69
LocalitÓ : Verona


Vedi il profilo dell'utente http://forum-rsr.forumattivo.it/
maurovr Ŕ stato ringraziato dall'autore di questo topic.

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Lun 4 Mar 2013 - 17:06

hai attivato login Popup o forse e disativato??
avatar
_cent_
**
**

Sesso : Maschile
EtÓ : 33
Messaggi : 66
LocalitÓ : Milano


Vedi il profilo dell'utente
_cent_ Ŕ stato ringraziato dall'autore di questo topic.

Pagina 1 di 3 1, 2, 3  Seguente

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum