Szerettelek volna meglepni titeket, remélem hasznotokra válik a blog legelső design bejegyzése, miben textúrák, link és képeffektek, s sok minden más található. Ha továbbra is lesz igény, ilyesfajta bejegyzésekre, akkor többször is hozni fogunk, ezt megígérhetem! Továbbá emlékeztetésképp megemlíteném, hogy még mindig tart a szerkesztőfelvétel, amire szeretettel várjuk a jelentkezőket! A blogomra pedig hamarosan felkerül az utolsó fejezet, akinek van kedve nézzen be. :)
Textúrák
Png-k
Faviconok
HTML kódok
Elhalványuló link, fekete árnyékkal
<style type="text/css"> a:link, a:visited {
text-decoration: none; text-shadow: #000000 1px 1px 1px; 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>
Betűk közti távolság megnő
<STYLE
type=text/css>
A:hover {
letter-spacing:2pt;
CURSOR: ; COLOR: black; TEXT-DECORATION: none } --> </STYLE>
A link nagybetűs lesz
<style
type=text/css>
a:link, a:active,
a:visited {color: #000000; font-size: ; text-decoration: none;}
a:hover {color:
#ffffff; font-size: ; text-decoration: none; text-transform: uppercase;}
</style>
Halvány kép, ha ráviszed az egeret visszakapja az eredeti színét
<style type="text/css"> img { /* sima kép, nem linkelt */ opacity: .5; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; } img:hover { /* sima kép, nem linkelt, ha ráviszed az egeret */ opacity: 1; } </style>
Elkészült fejléc
Vittem pár png-t :)
VálaszTörlés