Wskakujące dane

[Przemo]

Witam! Nie wiem jak nazwać ten efekt, który znajduje sie na stronie http://wilhelm.xaa.pl/ chodzi mi o to co jest w stopce facebook,nk,gg chciałbym coś takiego zrobić na swoim forum jest tam kod :

Kod: Zaznacz cały

<li class="share-nk"><a href="http://nasza-klasa.pl/profile/4846278" target="_blank"  title="Wilhelm na Naszej klasie!!">Wilhelm na Naszej klasie!!</a></li>

gdzie tam się daje odnośnik do obrazka ?? bo nie mogę tego pojarzyć..

[jaroslw]

Podpowiedź – CSS:

Kod: Zaznacz cały

ul.share {
	overflow: hidden;
	text-align: center;
}
ul.share li {
	display: inline-block;
	height: 35px;
	width: 70px;
}
ul.share a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(bookmarks-sprite.png) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}
ul.share li.share-facebook a {background-position: 0 -41px;}
ul.share li.share-facebook a:hover {background-position: 0 0;}
ul.share li.share-gg a {background-position: -70px -41px;}
ul.share li.share-gg a:hover {background-position: -70px 0;}
ul.share li.share-nk a {background-position: -140px -41px;}
ul.share li.share-nk a:hover {background-position: -140px 0;}

[pit]

Podpowiedź – html:

Kod: Zaznacz cały

<ul class="share" style="float: right;">
	<li class="share-facebook"><a href="#" target="_blank" title="Wilhelm na Facebook!">Przemo na Facebook!</a></li>
	<li class="share-gg"><a href="#" target="_blank" title="Napisz na gadu!">Napisz na gadu!</a></li>
	<li class="share-nk"><a href="#" target="_blank"  title="Wilhelm na Naszej klasie!!">Przemo na Naszej klasie!!</a></li>
</ul>

Podpowiedź – img: