HTML ir CSS klausymas

Sveiki, uzdarbis.lt lankytojai! Bandau sukuodoti .PSD faila is interneto ir iskilo pora klausymu apie hover efekta, jau pora valandu narsau internete, bandau daryti pagal kitu zmoniu pavyzdzius bet man nekaip nesigauna.

Taigi,

Kaip atrodo puslapis:

http://www.part.lt/img/9c1a2e62f22eb5e4ea751dad4de22644303.png

HTML:

http://www.part.lt/img/33ad1cd717233c816b770e97b64abea6484.png

CSS:

http://www.part.lt/img/36ee4fc05051f43ceca124ed645614ec80.png

PSD:

http://www.part.lt/img/61e2957af0014c82093379bda8a12794445.jpg

Bandziau ir tokia varianta:

Parasiau(css):

apple-container:hover {
   background-image: url("../images/green-container.png");
}

Rodo tik biskuti zalios spalvos bet man reikia kad apimtu visa containeri

http://www.part.lt/img/eea05cac1e254e6c91aa32be79a3387c989.png

Taigi noriu kad uzvedus pele i class="apple-container; android-container; windows-container" rodytu zaliai kaip ir .PSD faile. + tai yra dar ir linkas. Bet tik sitie containeriai ne patys "android, apple, widnows icons"

Ir dar vienas klausymas apie teksta. Ar galima kazkaip isimti teksta is .PSD failo, pavyzdziui kaip layeri ar dar kazkas , nes noriu tokia pat teksta kaip ir .PSD matyt ir puslapyje, kad galima butu pavaizduoti si .psd teksta ir html, css faile.

Prasau jusu pagalbos :)

Aciu!

So wrong in so many levels.

Visu pirma, tau reikalingos tris ikoneles. Apple, android ir win. Be fono, permatomos.

HTML'as tarkim ok.

CSS:

.slide-icons img {

background: rgba(0,0,0,0.5);

border-radius:10px;

}

.slide-icons img:hover {

background: green;

}

Toks mano pasiulymas, netikrinau, gali buti klaidu. Pasitikrink ir issitaisyk jei yra.

Sekmes.

Pabandziau taip:

<a class="apple-container" href="#"></a>

.apple-container {
height: 52px;
width: 52px;
   background-image: url("../images/apple-container.png");
position: absolute;
top: 381;
left: 329;
opacity: 0.6;
}

.apple-container:hover {
   background-image: url("../images/green-container.png");

}

Bet tada negaliu pati icon prideti (pavyzdziui apple icon'a) Jis pridedamas, bet tinklapyje nerodomas kazkodel.