~>&ˇ#

Babablogom

 

 
Beszélgessünk
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
Eddig
Indulás: 2015-04-09
 
Kódok

Képnek saját effekt

2015.05.03. 18:49, Enma22
Csak bizonyos képekre hat a kód

Nálam is láthatjátok, hogy a babás képnek saját effektje van, vagyis ha ráviszed az egeret, akkor picit halványabb lesz a kép.

Ezt nem csak linkeffektként lehet egy képen megoldani, hanem saját kis class kóddal, amit a szöveg részen is alkalmaztunk már korábban. Igazából ezt több helyen is meg lehet tenni, linkeknél, táblázatoknál, idézetnél, stb.

Az alap kód ez lesz:

 
<img class="kép" alt="" src="//babablog.gportal.hu/portal/
babablog/image/gallery/tn_1423568347_65.jpg"/></p>
 
 
<style type="text/css">
.kép { 
opacity: 1; 
filter: alpha(opacity=100);}
 
.kép:hover {
opacity: 0.7;
filter: alpha(opacity=70;
}
</style>

Példát a menü alatti képen láthattok, az osztály (class) neve bármi lehet, akár az is ami jellemzi a képet, például dog, cat, star, macska, hős, kocka, stb.

Természetesen így az effekt csak arra a képre fog hatni, aminek a class neve egyezik a kódban megadott névvel.

Bármely képeffektet alkalmazhatjátok, akár linkelt képen is működik. 

És persze, ha több képed van, akár mindnek más effektet adhatsz, de azért ne szaporítsd nagyon túl őket.

A sima és a hover kód egyértelműen különböző kell, hogy legyen, vagy nem ér semmit sem az egész.

Jó kísérletezgetést!

Még nincs hozzászólás.
 
Friss
Friss bejegyzések
2015.06.10. 11:16
2015.06.09. 18:03
2015.06.09. 17:53
2015.06.09. 13:30
2015.06.09. 12:46
2015.05.27. 15:21
2015.05.19. 16:37
2015.05.19. 15:39
2015.05.19. 15:33
2015.05.13. 10:40
Friss hozzászólások
 

Nyakunkon a Karácsony, ajándékozz születési horoszkópot barátaidnak, ismerõseidnek.Nagyon szép ajándék! Várlak, kattints    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!