Personalizzare bottoni menu di navigazione

Mi piacerebbe che le scritte del menù indice ( connettiti, registrati, indice, profilo, messaggi privati....) fossero circondate da una targhetta con angoli arrotondati, ombreggiatura e un lieve effetto 3d.

Spero possiate aiutarmi perchè sono un vortice di richieste.

Esempio:

Codice:

.mainmenu {
    border: 2px solid rgb(255, 255, 255);
    border-radius: 5px 5px 5px 5px;}


Per il 3d è sempre lo shadow che ti ho dato nell'altro topic, devi solo copiare e aggiungere. Inoltre come altra cosa puoi:

Codice:

.mainmenu { top:-2; left:-2; color:yellow; top:+2; left:+2; color:red; top:0; left:0; color:#F90;}

Se ti piace e funziona basta che sostituisci i vari colori.

Il secondo non funziona, oppure non ho capito.
In compenso, il primo funziona perfettamente e mi piace.
Solo l'ultima targhetta è "tagliata". Si può rimediare?

Intanto sto cambiando qualcosa, usando i miei colori e altri codici che voi mi avete dato.
Per la precisione, sto tentando di applicare il cambio di colore con il cursore, che voi avete spiegato relativamente al profilo.
Il mio problema è sempre lo stesso: quale cispola di variabile tocco?
Esistono guide semplicissime on line?



P.s.
Vi invio il codice una volta modificato, così contraccambio in qualche modo. :>..>:




....... Grazie Dozy, sei davvero bravo

Si mandaci il codice modificato grazie.

Leffetto di transizione con il mouse si chiama effetto hover:

Codice:

.mainmenu:hover{ 
    background-color:tuo colore;}

Deve essere di tonalità più scuro o più chiaro per vedere l'effetto.

Grazie dei complimenti. Con un po di pratica diventi brava pure tu.

Ok

Codice:

.mainmenu {
    border:none;
background-color:  #EDEDED;
    border-radius: 5px 5px 5px 5px;
 box-shadow: 1px 1px 4px #8397B3;
outline: none;
    padding: 5px;
    margin-bottom: 2px;
    margin: 0 4px 4px 0;
 
    }

Solo un'ultima cosa.
L'ultima targhetta da loggati, quando si vedono tutte le voci menù è tagliata perchè va a capo.
Come rimedio?


....perchè diventi brava io occorre un intervento divino e mi pare che lassù non si scomodino dai tempi di Fatima .... però grazie della fiducia

Per ora non mi viene in mente se non hai fretta cedo il posto a chi lo sa (magari è una stupidata )

Figurati.
Nessuna fretta.
Vi ho mitragliato di messaggi e mi avete risposto subito.

Aspetto, non ti preoccupare


Per me potrebbe essere lo spazio del menù in larghezza.
Se vi serve la larghezza del forum è impostata su 90%.

Ciao,

il tuo problema è che l'ultimo bottone (quando si è connessi) va a capo, giusto?
beh, non devi fare altro che usare questo codice:

Codice:

ul.navlinks {
width: 105%;
}

aumenta o diminuisci 105% con il valore che ti soddisfa
Purtroppo devi fare alcune prove prima di avere il risultato perfetto...

Fammi sapere

Grazie mille .... ho risolto

Perfetto

La prossima volta modifica il primo messaggio e inserisci l'icona Risolto...