Tryb drzewa | Tryb normalny

lobo46 · 31.08.2009 10:31

witam mam pytanko co to cellpic i jeszcze jedno i może mi ktoś wytłumaczyć jak zrobic Rollover miałem o tym tutorial ale go nei zrozumiałem

**maniekoo** · 31.08.2009 10:37

Efekt rollover, jest to podświetlenie buttonu na przykład w menu górnym, po najechaniu kursorem na niego. Cellpic, jest to belka w nawigacji (obrazek, który podpisujesz na nim "Nawigacja"), czy też ten z panelu newsów, ten co na nim piszesz nazwę newsa. Rozumiesz ? Smiles

lobo46 · 31.08.2009 10:40

ok ale ja własnie nie umiałęm zrobić rovola bo ten tutek był źle wyłtumaczony

**maniekoo** · 31.08.2009 11:13

Rollover nie musisz robić z tutoriala, możesz z głowy. win

Możesz zastosować na przykład jakieś ładne podświetlenie.

Jose · 15.09.2009 13:45

Maniuchna, on chciał wiedzieć, jak się rollovera robi.

Loboś, skorzystaj z pseudoklasy hover

Kod:

<style type='text/css'>

div.klasa {

width: 500px;

height: 200px;

background: #555;

}

div.klasa:hover {

background: #fff;

}

</style>

<div class='klasa'>

DREŹDŹ

</div>

Amson · 15.09.2009 16:30

W pliku *.html czy gdzie tam chcesz dajesz:

Kod PHP:

<a class="rollover" href="tutaj link">tytuł</a> 

A w style.css:

Kod PHP:

a.rollover {
    width: 102px;
    height: 38px; /* cały obrazek ma 76px -> 76px / 2 = 38px */
    background: url(../images/menu.png) no-repeat;
    display: block;
/* poniższe style są oczywiście niekonieczne */
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Tahoma;
    border: none;
    margin: 0;
    padding: 0;
}
a.rollover:hover {
    background-position: 0 100%;
} 

Tryb drzewa \| Tryb normalny Cellpic i Rollover
Autor	Wiadomość