menù tabelle a blocchi

White°

Posted on 24/6/2010, 08:46

User deleted

per il menù a blocchi nella tabella della vostra home;

inserite questo codice in gestione codice HTML nella cella della tabella dove volete che compaia il menù;

CODICE

poi incollate questo in modifica colori e stili;

CODICE

.tab a:link, .tab a:visited {display:block; color: #6BB7BE; text-align: left; background: #F4F4F4; border-left: 5px solid #ADC8E9; padding: 1px; padding-left: 3px; margin-top: 1px}
.tab a:hover {display:block; background: #EDEDED; border-right: 5px solid #ADC8E9; text-align: right; border-left: 5px #ADC8E9 solid}

potete cambiare a piacimento i colori del background e del testo, bordo incluso;
questa è la prima riga da modificare:

CODICE

.tab a:link, .tab a:visited {display:block; color: #6BB7BE; text-align: left; background: #F4F4F4; border-left: 5px solid #ADC8E9; padding: 1px; padding-left: 3px; margin-top: 1px}

ovvero come appare il menù...
display:block; color: #F4F4F4 = il colore del testo.
background: #EDEDED = il colore dello sfondo.
border-left: 5px solid #ADC8E9 = il colore del bordino al lato.
padding-left: 3px = lo spessore del bordino.
la seconda invece;

CODICE

.tab a:hover {display:block; background: #EDEDED; border-right: 5px solid #ADC8E9; text-align: right; border-left: 5px #ADC8E9 solid}

è come sarà al passaggio del mouse.

0 replies since 24/6/2010, 08:46 33 views