Un banner con i fogli di stile

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Css

Utilizziamo i Css per creare un banner leggero e gradevole per gestire i contenuti pubblicitari del nostro sito. Si crei un link a cui assegnare la classe BANNER

<a class="BANNER" target="_blank" href="http://www.lukeonweb.net">http://www.lukeonweb.net</a>
Di seguito il codice Css per l'animazione del banner:
a.BANNER
{
    text-align: Center;
    background-color: #008080;
    color: #FFFFFF;
    font-size: 44px;
    font-family: 'Times New Roman';
    text-decoration: None;
    width: 468px;
    height: 60px;
    border: Solid 1px #000000;
}
a.BANNER:hover
{
    text-align: Center;
    background-color: #FFFFFF;
    color: #008080;
    font-size: 44px;
    font-family: 'Times New Roman';
    text-decoration: None;
    width: 468px;
    height: 60px;
    border: Dashed 1px #000000;
}

I più cliccati della sezione Css

:: Effetto testo barrato con con i Css (49.936)

:: Referenze dei fogli di stile Css (41.900)

:: Menu ad effetto mouseover con i Css (39.299)

:: Effetti sui link con i Css (30.301)

:: Testo verticale coi Css (20.102)

:: Angoli smussati in un box coi Css (18.979)

:: Box con effetto ombra con i CSS3 (16.391)

:: Posizionare un layer centrato rispetto alla risoluzione con i Css (16.291)

:: Stilizzare i form Html con i Css (16.110)

:: CSS Expression, ovvero: integrare Javascript in un foglio di stile (15.893)

IN EVIDENZA
DOWNLOAD