[CSS]Menu Opcje

[Przem4S]

Tak więc posiadam menu horyzontalne, działa w trybie normal i hover. A chciałbym jeszcze uzyskać efekt "wybrania" danego elementu, chodzi o to iż gdy user jest na stronie głównej, strona główna przybiera inny obrazek "wciśnięty".

Moja strona: klik.

Obrazki stronek są już do tego przygotowane: przykład.

Będę wdzięczny za jakieś wzkazówki/pomoc.

[webfreak]

Odpowiedź

Wejdź tutaj http://hybrid-host.co.uk/# efekt który chcesz uzyskać to ten przypisany dla przycisku " Login " klasa .btn_top


A oto jak taki efekt uzyskać ' Ten kod jest akurat z tej templatki '

[HTML] pobierz, plaintext 
 
a.btn_top, a.btn_top:visited /*Login Button*/
{
    background:url(images/top_btns.png) no-repeat 0 0; 
    width:105px;
    height:22px;
    display:block;
    color:#fac784;
    text-transform:uppercase;
    font-size:12px;
    text-decoration:none;
    padding-left:33px;
    float:right;
    padding-top:9px;
    margin-top:8px;
    outline:none;
}
 
a.btn_top:hover
{
    background-position:0px -31px;
}
 
a.btn_top:active, .active
{
    background-position:0px -62px;
}
 
 
[HTML] pobierz, plaintext 

wtedy do linku który ma zostać aktywny dodajesz klasę " .active"





link do obrazka żeby zobaczyć jak jest skonstruowany

(IMG:http://hybrid-host.co.uk/images/top_btns.png)

Ten post edytował webfreak 30.03.2011, 17:08:46