2013. 12. 15.

#1 Design bejegyzés - Briana T.

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

1 megjegyzés: