Jak zostały wykonane przyciski na tej stronie?

Question

Chodzi o to, że zmienia się ich kolor po najechaniu, dodatkowo jest ramka w odstępie od przycisku a nie styczna a napis jest zmodyfikowany. Jakie komendy są za to odpowiedzialne ?

Comments

Jak zostały wykonane przyciski na tej stronie

Chyba zapomniałeś podać link do tej strony.

---

Chyba chodzi o to forum :)

---

O tym nie pomyślałem xD

Answer 1

No dobra, ale których przycisków?

Jeżeli chodzi o te ikony po prawej stronie, to:

zmienia się ich kolor po najechaniu

Tutaj użyto zdarzeń museover/mouseout - po najechaniu na obrazek podmienia się src.

dodatkowo jest ramka w odstępie od przycisku

 padding?

napis jest zmodyfikowany

Ten napis jest pobierany z atrybutu data-info, który jest w znaczniku dfn. Do wyświetlania tego co jest w tym atrybucie użyto :after + content: attr(data-info)

Answer 2

Za najechanie odpowiada zdarzenie css'a hover:

.jakis-element:hover
{
    background-color: #303030;
}

Answer 3

Nie wiem dokładnie o jaki przycisk chodzi ale załóżmy że mamy logo Facebooka #3b5998 no jak wiemy mamy ten kolor zapisany w klasie np .fb to pod nim robimy dokładnie to samo co u góry tylko że koło klasy piszmy hover i  w klamrach zmniejszamy każdą liczbę lub znak o jeden wtedy kolor będzie ciemniejszy. Wyglądać to będzie mniej więcej tak: 

.fb
{
 background-color: #3b5998;
}
.fb:hover
{
 background-color: #2a4887;
}