technika dwa obazki a na stronie jeden Opcje

[robert1974]

jak to jest robione, bo spotkalem sie juz pare razy z czyms takim, ale nie bardzo czuje jak to jest robione ..., jakby po stronie CSS jakis trick.

pllk graficzny zawiera 2 obrazki jeden pod drugim, np. jeden czarny ikonca facebooka a drugi czerwony ta sama ikonka.

A na stronie wyswietla sie tylko jeden, rozny w zaleznosc czy myszka na niego najade czy nie.

[trueblue]

:hover i
background-position

[robert1974]

dzieki, tak, znalazlem: http://www.jacobtomlinson.co.uk/2012/09/18...-hover-flicker/
jutro przecwicze.

[Kshyhoo]

jak to jest robione, bo spotkalem sie juz pare razy z czyms takim, ale nie bardzo czuje jak to jest robione ..., jakby po stronie CSS jakis trick.

pllk graficzny zawiera 2 obrazki jeden pod drugim, np. jeden czarny ikonca facebooka a drugi czerwony ta sama ikonka.

A na stronie wyswietla sie tylko jeden, rozny w zaleznosc czy myszka na niego najade czy nie.

PHP to ewidentnie zły dział...

[SaMi]

Odświżę troszkę i sprostuję, to o czym pisze @robert1974 to nic innego jak CSS Sprites

[robert1974]

czy idealnie to nie wiem, ale ogarnalem to w koncu w taki sposob w CSSsie:

[HTML] pobierz, plaintext 
.facebook-social-icon {
    height: 24px;
    width: 11px;
    background-image: url(system/pics/facebook-icon2.png);
	background-position: 0px 0px;
}
 
.facebook-social-icon:hover {
    background-position: 0px 25px;
}
 
.twitter-social-icon {
    height: 24px;
    width: 32px;
    background-image: url(system/pics/twitter-icon2.png);
	background-position: 0% 0%;
}
 
.twitter-social-icon:hover {
    background-position: 0px 25px;
}
[HTML] pobierz, plaintext 

[trueblue]

Możesz wszystkie 4 ikony skleić w jeden plik. Wtedy trzeba zmienić background-position: X Y

[robert1974]

tak, widzialem ten trick gdzies na internecie, nawet lepsze bo 1 obrazek szybciej sie laduje niz kilka. dzieki.