Félkövér, dőlt, aláhúzott
2015.05.04. 12:01, Enma22
Avagy adjunk nekik más stílust
Bizony lehet külön stílust adni a félkövér, dőlt és az aláhúzott szavaknak is. Ezt persze megteheted a szövegszerkesztőben is, hogy másik betűtípust, esetleg másik színt adsz egy-egy szónak, szövegrésznek, de akkor azt egyenként kell véghez vinned. Erre van kitalálva ez a kódsorozat.
félkövér: STRONG
dőlt: EM
aláhúzott: U
áthúzott: STRIKE
Vagyis:
STRONG {
}
EM {
}
U {
}
STRIKE {
}
Linkelt képek
2015.05.03. 19:26, Enma22
Ez a kód lesz használatban linkelt képek esetén:
a:link img, a:visited img {
background-color: #ffffff;
padding: 4px;
}
a:hover img {
cursor: default;
background-color: #ffffff;
padding: 4px;
border: 1px;
}
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>