Menüstílus, Fejlécek, meg minden egyéb

 Halihó cuncikáim! :)

Most ez ilyen mindenes bejegyzés lesz részemről, mivel lusta vagyok külön szedegetni a témákat... elnézést. Illetve már pofátlanul tömör vagyok a kódoknál, de ha valaki valamit nem ért sikítson és örömmel magyarázok :)

Kezdeném a kódos külcsivel, amit igazából alapvetően nem is szoktam vállalni, de most éppen jó kedvem volt e téren és mivel szabad kezet kaptam, így nem is volt nehéz dolgom :D Viszonylag egyszerű lett, nem szerettem volna úgy bonyolítai a dolgokat, hogy még a blog tulajdonosa se igazodjon ki rajta. Ha valakit érdekel itt megnézheti.

http://amy-and-justin.blogspot.hu/

 Itt van még pár fejléc is.

És akkor a kódok közül az első egy menü stílus, szerintem egész aranyos :)
oldal♥ oldal♥ oldal♥ oldal♥

<style type="text/css"> a.csibe{ background:#FFCED5; width:50px;margin:3px; font:9px Arial; padding-top:17px; padding-bottom:17px; display:inline-block; border-radius:30px; text-align:center; color: #EE24B4; text-transform:uppercase; letter-spacing:0; border:1px solid #EE24B4; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a.csibe:hover{ background:#FFEBEF; color:#FF6699; -moz-transform: rotate(360deg) scale(0.7); -webkit-transform: rotate(360deg) scale(0.7); -o-transform: rotate(360deg) scale(0.7); -ms-transform: rotate(360deg) scale(0.7); transform: rotate(360deg) scale(0.7); } </style> <br /> <center> <a class="csibe" href="http://www.blogger.com/link1"> oldal♥ </a> <a class="csibe" href="http://www.blogger.com/link2"> oldal♥ </a> <a class="csibe" href="http://www.blogger.com/link3"> oldal♥ </a> <a class="csibe" href="http://www.blogger.com/link4"> oldal♥ </a></center>

Pöttyös keretű szöveg doboz

<div style="background:; border:2px dotted;font-family:times new roman;font-size:14px;color:FF00FF;width:350;height:100;overflow:auto"> <p> <font color="000000">Pöttyös keretű szöveg doboz</font></p></style> <br />

Illetve ez sajnos nem tudom megmutatni, de itt van egy kép effekt is. Ha ráviszed az egeret a kép elhalványul.

<style type="text/css"> img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s} img:hover{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;} </style>

És végül egy link effekt:

<style type="text/css"> <!-- a:link, a:visited { color: #95b9c7; font-family: arial; font-size: 12px; text-decoration: none;} a:hover, a:active { color: #aa4a51; text-transform:uppercase; font-size: 13px; border-bottom: #3090C7 2px dotted; border-top: #3090C7 2px dotted; } --></style>

Nos ennyi elég is volt belőlem, további jó blogolást! xoxo:Crystal