Stile pulsanti

[ro34]

Vorrei cambiare lo stile della barra in alto(dovrebbe essere user3) diciamo sopra il logo, vorrei che i collegamenti fossero tipo pulsanti è possibile?
questo il link del mio sito
http://www.ftptransfer.altervista.org/

vorrei fare una cosa tipo questo
http://www.cod4game.it/
dove c'è home,forum ladders etc

[adottauncane]

Ciao ro34,
è un menù a discesa che vuoi?
http://wiki.joomla.it/index.php?title=Modulo_Extended_menu_per_creare_menu_a_discesa
http://www.joomla.it/articoli-della-community/4008-menu-a-tendina.html

[ro34]

veramente vorrrei solamente che i collegamenti si illuminassero come pulsanti al passaggio del mouse diciamo

[adottauncane]

Una cosa tipo questa?

Codice: [Seleziona]

#mainlevel-nav a:hover{
background-color:#000;
background-image:none;
display:block;
float:right;
font-size:11px;
line-height:34px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:30px;
padding-right:10px;
white-space:nowrap;
}Codice da incollare in fondo al file template.css
L'immagine verde sottostante è insieme allo sfondo completo, se la vuoi modificare...

Puoi mettere anche un immagine al posto del colore di background

Codice: [Seleziona]

background-image:url("../images/immagine.png");
background-position:left top;
background-repeat:repeat-x;
dove immagine.png deve essere uno sfondino che si ripete.

[ro34]

ci provo e ti faccio sapere ti ringrazio vivamente per l'aiuto chemi stai dando
 

[ro34]

ho inserito il codice ma non cambia niente
http://ftptransfer.altervista.org/

[adottauncane]

Con Firefox e Opera funziona, mentre effettivamente con Safari (quindi penso anche con IE) non funziona. Per altro non funziona nemmeno l'hover delle scritte che non diventano verdi, come invece il template prevede... Provo a vedere...

[allegato eliminato da un amministratore]

[adottauncane]

Prova a togliere quello che ti ho dato prima e metti questo:

Codice: [Seleziona]

#mainlevel-nav a:hover{
background-color:#000;
background-image:none;
padding-left:30px;
padding-right:10px;
padding-top:15px;
padding-bottom:15px;
}
Con Safari, Opera e Firefox va, vedi se va anche con IE.
Non mettere tutto il tutto il codice, si vede con Firebug...

[ro34]

Si ora funziona, ma quando ci passo sopra con il mouse si spostano il collegamenti.
http://www.ftptransfer.altervista.org/

[adottauncane]

Cipollina, non hai incollato il mio codice...
hai lasciato tutti i padding a 10px...
Incolla proprio questo:

Codice: [Seleziona]

#mainlevel-nav a:hover{
background-color:#000;
background-image:none;
padding-left:30px; <--------- questo deve essere a 30px
padding-right:10px;
padding-top:15px; <------- qui invece puoi lasciare a 10px se ti piace di più
padding-bottom:15px; <------- qui invece puoi lasciare a 10px se ti piace di più
}

[ro34]

si spostano lo stesso anke con queste impostazioni help

[adottauncane]

Cavolo... non ho IE e non posso verificare. Con gli altri browser funziona...  Svuotata la cache del browser?