(c) tremblin
Dwa tygodnie wakacji za nami, ale trzeba przyznać, że pogoda jest piękna mimo wszystko. Popadało dwa dni i znów zawitało słońce, aż się nie chce siedzieć w domu. Codziennie jestem taka leniwa i nie mam ochoty robić żadnych dodatków, ale dopiero co założyłam tego bloga, więc chyba nie mogę go tak szybko zostawić! Zaczynamy kolejną notkę z dodatkami dla was!
KWIATY PNGSY
SESJE ZDJĘCIOWE
INSTRUKCJA CSS
Dziś dam wam instrukcje na ruchome menu. A dokładnie wyglądające tak.
Przed najechaniem myszką:
Po najechaniu myszką:
Oto przykładowy efekt, który możecie uzyskać tym kodem. Jednak ładniej wygląda to przeważnie z zaokrąglonymi rogami i taki właśnie wam dam kod, w którym te rogi są zaokrąglone.
#PageList1 li a:link, #PageList1 li a:visited {
background: #626f4b;
font-size: 12px;
border-radius: 10px;
color: #000000;
margin-right: -5px;
padding: 5px;
text-transform: uppercase;
margin: -6px;
}
#PageList1 li a:hover {
background: #3a382b;
color: #ffffff;
border-left: 30px solid #626f4b;
border-right: 30px solid #626f4b;
text-transform: uppercase;
margin: -6px
margin-left: 0px;
margin-right: -5px;
transition:all 0.7s;
webkit-transition:all 0.7s;
moz-transition:all 0.7s;
o-transition:all 0.7s;
}
Teraz napiszę wam co znaczą niektóre z tych kodów, które powinniście wiedzieć, aby pozmieniać je dostosować na własne potrzeby.
Background / kolor tła pod napisem
Background / kolor tła pod napisem
color / kolor czcionki napisu
font-size / wielkość czcionki
border-left: 30px solid #626f4b; / kolorowe ozdoby po najechaniu
30px to ich wielkość a numer po # to ich kolor
---------------------------------------------------------
To tyle na dzisiaj, pozdrawiam!
Brak komentarzy:
Prześlij komentarz