Halloween-i design bejegyzés

Hello-mindenki!

Boldog Halloweent!!

Reményeim szerint még nem késtem el teljesen ezzel a bejegyzéssel :) Rengeteg képet találtok a csomagban, de egy-két kód is megbújik köztük ;) Remélem hasznotokra válik :)

Inspiráló képek:

És két inspiráló cukiság :3

Forrás: We heart it & Google

Ötletek a díszítéshez: 

... ha valaki kicsit komolyabban veszi ...

Forrás: Google

Textúrák:

Forrás: Deviantart

Lenyúlható fejlécek:

(/Forrás kiírása/)

HTML Menü kód:

Forrás: SAJÁT!!

<br /><br /><style type="text/css">

a.gumicukor{

font-family:A Charming font;

display:inline-block;

width:135px;

height:45px;

background: url(http://www.kepfeltoltes.hu/141025/gfhfgjg_www.kepfeltoltes.hu_.png);

color:#660000;

text-shadow: 1px 2px 2px #000;

font-size:25px ;

padding:5px;

margin:2px;

text-align:center;

border-left:3px dotted #660000;

border-right:3px dotted transparent;

text-decoration:none;

margin-bottom:3px;

border-radius:20px 120px/120px 30px;

-webkit-transition-duration: 2.0s;

}

a.gumicukor:hover{

-webkit-transition-duration: 1.0s;

width:140px;

background: url(http://www.kepfeltoltes.hu/141025/hjvhv_www.kepfeltoltes.hu_.png);

border-radius:20px 50px/50px 50px;

border-left:2px solid transparent;

border-right:5px solid #660000;

box-shadow: 1px 2px 4px transparent;

color: #660000;

font-family: A Charming font;}

</style><br /><br /><a class="gumicukor" href="http://angelicattack.blogspot.hu/">Fő ol dal</a><br /><br /><a class="gumicukor" href="http://angelicattack.blogspot.hu/p/fejezetek.html">Fe je ze tek</a><br /><br /><a class="gumicukor" href="http://angelicattack.blogspot.hu/p/gd.html">Sze rep lők</a><br />

Demo:

(Szólok, hogy a blogon lévő menü miatt ezt is "átformálja", tehát ha érdekel, hogy hogy néz ki, akkor érdemes kipróbálni! ;) )

Fő ol dal

Fe je ze tek

Sze rep lők

HTML Szövegdoboz kód:
Forrás: SAJÁT!!!

<style type="text/css"> .la {  webkit-transition: 1S all ease-in-out; -moz-transition: 1S all ease-in-out;-o-transition: 1S all ease-in-out;transition: 1S all ease-in-out; opacity:0} .la:hover { webkit-transition: 1S all ease-in-out; -moz-transition: 1S all ease-in-out;-o-transition: 1S all ease-in-out;transition: 1S all ease-in-out;  opacity:.8} </style> <br /><center><div style="background: #660000; border-radius: 0px 120px/120px 0px; border: 3px dashed #660000; padding: 10px; width: 260px;"><div style="background: transparent; border: 1px dotted #000; padding: 2px; width: 250px;"><div style="background: url(http://s2.hubimg.com/u/10122275_f260.jpg); height: 251px; width: 250px;"><div class="la"><center><div style="color: black; font-family: A Charming font; font-size: 5em; text-shadow: 1px 1px #fff, 3px 3px #660000;">Szöveg</div></center><p></p><div class="la"><div  style="background: #000; height: 130px; padding: 0px; position: relative; top: 60px; width: 250px;color:white;"><span style="line-height: 97%; text-align: justify;font-family:tahoma;font-size:9px;color:#660000;"><center><br /><div b3b41="" class="blainerz" color=" #fff" face="georgia" size="12px" style="height: 100px; line-height: 120%; overflow: auto; padding: 3px; text-align: justify; width: 90%;"><br /><br /><span style="color:#cccccc;">jjjbjkkkkkkkkkkkkkkkkkkkkkjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD</span></div><br /></center></span></div><br /></div></div></div></div><br /></div></center>

Demo:
(Sajnos ez is elcsúszik a sok másik kód miatt, szóval ezt is teszteljétek le :) )

Szöveg

jjjbjkkkkkkkkkkkkkkkkkkkkkjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD