Wysuwający się widget facebook


(Kmpl20) #1

Witam.

Szukam wysuwającego widgetu facebook (taki jak na demotywatory.pl), wiecie może gdzie go mogę znaleźć?


(Damgora) #2

nie wiem do końca jak to rozwiązali na demotywatorach (tam jest to lista ikon),

ale pojedynczą ikonkę można łatwo zrobić z pomocą css

[/code]

[code]div.icon{ height:90px; width:60px; background:url(‘60x40zakladka.png’) no-repeat bottom; } a.icon_link{ display:block; position:relative; top:30px; width:50px; height:20px; margin:0 auto; } a.icon_link:hover{ top:0; height:50px; } a#icon_link1{ background-image:url(‘50x50ikonka.png’); }

wymiary przykładowe - całość 60x90px, na dole tło 60x40px, ikonka 50x50px (schowana ma wysokość 20px i jest przesunięta w dół o 30px)

ikony możesz znaleźć np. tu, albo pogooglować za nimi

link wygląda mniej więcej tak: http://www.facebook.com/sharer.php?u= &t= więcej


(Kmpl20) #3

Kurde ogólnie bym sobie poradził ze zrobieniem tego w javascript, ale mi się nie chce, tym bardziej, że ten widget z demotywatorów na pewno nie jest jakiś autorski bo demoty.pl też taki używają, musi on gdzieś być dostępny.


(Marek Moskala) #4

można zrobić to przez padding.

#wysun {

font-family: Arial;

}


#wysun a:link, a:visited {

padding-left: 0px;

}


#wysun a:hover {

padding-left: 20px;

}

a w pliku html:

[/code]