Milyen meglepő, de ilyen kérdéssel is fordultatok már hozzám: hogyan lehet azt megcsinálni, hogy a blogcímnek behelyezett képre ne hasson a kép linkelt effektje? Ehhez is CSS kódra lesz szükség. Ezen a képen látható, hogy a kép a modulban felveszi a linkelt képeffektet, míg a kiemelt kép nem.

Ami az egyik legfontosabb, az-az, hogy ha azt szeretnétek, hogy ez nálatok is működjön, akkor a sima linkelt képeffekt kódját NE használjátok! Sem azt, ami csak a középső modulra hat! EZ FONTOS!

A CSS kód pedig ez

div[id*="post"] p a:link img, div[id*="post"] p a:visited img { /* linkelt kép a blogban */
border-top: 8px solid #F2D7E7;
background: #FCF5F9;
padding: 10px;
filter: alpha(opacity=80);
opacity: .8;
}
div[id*="post"] p a:hover img { /* linkelt kép a blogban, ha ráviszed az egeret */
border-top: 8px solid #984274;
background: #FCF5F9;
padding: 10px;
filter: alpha(opacity=100);
opacity: 10;
}

1 141 megtekintés