HTML kód

Sziasztok!

Jött egy kérdés chatben, hogy - hogy csináljuk a linkek, címek mögé az árnyékot. Mivel már amúgy is gondolkoztam rajta, milyen kódokat hozzak, így most ezekre került a sor.

Modul cím árnyék kód:

<style type="text/css">
h2 {  /*  blog címének kinézete, hirek/cikkek fejléc betüstílusa  */
    font-family: Covered By Your Grace, "Times New Roman", Times, serif;
    font-size: 18px;
    font-style: none;
    text-shadow: #000000 3px 3px 3px;
    font-weight: none;}
a:hover h2 {  /*  blog címének kinézete, ha ráviszed az egeret  */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    font-style: none;
    font-weight: none;
    text-shadow: none;}
-->
</style>

Bejegyzés cím árnyék kód:

<style type="text/css">
a:link, a:visited {
    text-decoration: none;
    text-shadow: #000000 2px 2px 2px;
    filter: alpha(opacity=60);
    opacity: 1;
    -webkit-transition: opacity .10s ease-in;    
     -moz-transition: opacity .10s ease-in;    
    -o-transition: opacity .10s ease-in;
}
a:hover {
    text-decoration: none;
    text-shadow: #000000 1px 1px 1px;
    cursor: default;
    filter: alpha(opacity=90);
    opacity: .5;
     -webkit-transition: opacity .10s ease-in;  
     -moz-transition: opacity .10s ease-in;    
     -o-transition: opacity .10s ease-in;
}
-->
</style>