środa, 5 września 2012

Menu wysuwane .

To menu wysuwane posiada efekt powiększania znaków po najechaniu na nie.

Tak wygląda zsunięte :

A tak rozsunięte :

Kod :
<div class="menuA">
<center>
<a href="http://poszkole.pl/strona/">Strona</a>
<br><a href="http://poszkole.pl/strona/komponenty">Komponenty</a>
<br><a href="http://poszkole.pl/przyjaciele">Najważniejsi</a>
<br><a href="http://poszkole.pl/grupy">Grupy</a>
<br><a href="http://poszkole.pl/galerie/">Zdjęcia</a><br><a href="http://poszkole.pl/wiadomosci">Wiadomości</a>
<br><a href="http://poszkole.pl/profil">Profil</a>
<br><a href="http://poszkole.pl/login/wyloguj">Wyloguj</a>
</center>
</div>
<style>
.menuA{position:fixed; top:150px; left: -140px;}.menuA{width:150px; height: 150px; border: 1px dashed black;background-color: rgba(0, 0, 0, 0.5); padding: 10px; box-shadow: 0px 0px 10px black;}.menuA a {color: white; font-weight: bold;}.menuA a:hover{font-size:x-large;}.menuA:hover{position:fixed; top:150px; left:0px;}</style>

Kolor zielony oznacza , że w tym miejscu wpisujesz swój tekst np . zamiast '' wiadomości '' to '' prywatna '' .
Kolor bordowy oznacza , że w tym miejscu możesz zmienić kolor . Jak chcesz biały zamiast jakiegoś to wpisz albo nazwę po angielsku ( white ) , albo wpisz kolor kratkowany ( #ffffff ) . Możesz ustawić kolor jaki tylko chcesz
Kolor biały oznacza, że możesz tam zmienić wysokość , odległość itd.

Brak komentarzy:

Prześlij komentarz