Podświetlanie ikon

Question

Witma chciałbym aby na mojej stronie o to te ------> http://scr.hu/31x2/cul90 ikony podświetlały się na jakiś kolor ale chce zeby tylko kolor ktory jest wokół głownego loga czyli np. jest tam te całe kółoczeko z litera F "facebook" cchę aby tylko podswietlało się to kółeczko ale bez F , lub aby po najechaniu na ta ikone pojawiała się możliwość udostepninia strony na facebooku , czy ktoś potrafi coś zrobić z tego co tu wymienił jesli jest coś nie jasne to proszę pisać :)

Answer 1

Chodzi ci o dodanie podświetlenia wokół kółka czy zmianę koloru samego kółka ?

A w drugim przypadku nigdy tego nie robiłem ale ogarnij ten link: https://developers.facebook.com/docs/plugins/like-button

 

Pozdrawiam i pisz jak do znajomego co i jak chciałeś bo troszkę ciężko było mi to zrozumieć :)

Comments

Chodzi mi o zmiane koloru kółka :D

---

Obawiam się że nie ma bezpośredniej takiej możliwości.

Co możesz zrobić?

Pobrać znaczek fb z linku fontello.com >dodać fontello do twojej strony (pokazywał to Pan Mirosław na jednym ze swoich filmów) > wstawić tą ikonę do diva, który wystylizujesz w kółko, jeśli sprawia ci to problem polecam stronę

http://www.css3maker.com/border-radius.html

W tym linku na maxa zetnij boki > skopiuj kod po czym wklej go do css'a diva > nadaj divowi odpowiednie rozmiary (width, height) > dodaj divowi kolor tła komendą: background-color: tutajwpiszkolor;

 

Otrzymaliśmy w ten sposób kółko z logiem Fb z naszym dowolnym kolorem oraz właściwościami. Chcielibyśmy teraz aby tło zmieniało kolor po najechaniu. Jak to otrzymać? W bardzo prosty sposób do css'a diva dodajemy komendę:

#tutaj_wpisz_id_diva:hover
{background-color:blue;

}

 

lub jeśli do przypisania diva do css'a użyłeś klasy

.tutaj_wpisz_klase_diva:hover

{background-color:blue;

}

 

Wybacz, że tak późno ale chyba nikt nie spieszył ci się z odpowiedzią. Mam nadzieję, że pomogłem.

Pozdrawiam