Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei giÓ un nostro utente oppure registrati per far parte della nostra grande comunitÓ. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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

maurovr
**
**

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


Vedere 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.

Dozy™
Veterano dello staff

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


Vedere 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

maurovr
**
**

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


Vedere 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.

Dozy™
Veterano dello staff

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


Vedere 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

maurovr
**
**

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


Vedere 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.


maurovr
**
**

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


Vedere 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 02 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

maurovr
**
**

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


Vedere 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 02 Mar 2013, 16:31

Maurovr provi cosi CSS:

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

Corretto Dozy

_cent_
**
**

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 02 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.

maurovr
**
**

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


Vedere 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 02 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.

Dozy™
Veterano dello staff

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da _cent_ il Sab 02 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

_cent_
**
**

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 02 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?

maurovr
**
**

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


Vedere 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 02 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()
    }))
});

_cent_
**
**

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Sab 02 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?

maurovr
**
**

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


Vedere 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 02 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_

maurovr
**
**

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


Vedere 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 02 Mar 2013, 19:10

Prego :)

_cent_
**
**

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 04 Mar 2013, 08:34

up

maurovr
**
**

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


Vedere 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 04 Mar 2013, 09: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

maurovr
**
**

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


Vedere 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 04 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!

maurovr
**
**

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


Vedere 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 04 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 - Moderatore

Martino
Moderattivo
Moderattivo

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


Vedere 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 04 Mar 2013, 16:20

provo
e poi ti dico.... grazie intanto

maurovr
**
**

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


Vedere 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 04 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!

maurovr
**
**

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


Vedere 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 04 Mar 2013, 16:47

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

_cent_
**
**

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


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

In corso Re: Immagine menu di navigazione

Messaggio Da maurovr il Lun 04 Mar 2013, 16:54

voglio sostituire tutta la toolbar

maurovr
**
**

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


Vedere 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 04 Mar 2013, 17:06

hai attivato login Popup o forse e disativato??

_cent_
**
**

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


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum