Kód:
<CENTER><link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
<style>
.syddiesummer::-webkit-scrollbar-thumb:vertical {
background-color: #F59599;
height: 50px;
}
.syddiesummer::-webkit-scrollbar {
background-color: #fafafa;
height: 5px;
width: 5px;
}
.sydholdme { width: 400px; height: 400px; background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg); overflow: hidden; }
.sydone { width: 300px; height: 150px; background: #FDFED6; float: left; position: relative; left: -300px; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #212121; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.sydtwo { width: 300px; height: 250px; background: #FDFED6; float: left; position: relative; bottom: -250px; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #212121; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.sydthree { width: 100px; height: 400px; background: #FDFED6; float: left; position: relative; bottom: 150px; right: -100px; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #212121; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.sydholdme:hover .sydone { position: relative; left: 0px; -webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;}
.sydholdme:hover .sydtwo { position: relative; bottom: 0px; -webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;}
.sydholdme:hover .sydthree { position: relative; right: 0px; -webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease; }
.sydboxone { width: 60px; height: 60px; background: #F79499; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #FFFFFF; -webkit-transition-duration: 1s; -o-transition-duration: 1s; margin: 20px; }
.sydboxtwo { width: 60px; height: 60px; background: #F29CE5; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #FFFFFF; -webkit-transition-duration: 1s; -o-transition-duration: 1s; margin: 20px;}
.sydboxthree { width: 60px; height: 60px; background: #EEF180; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #FFFFFF; -webkit-transition-duration: 1s; -o-transition-duration: 1s; margin: 20px; }
.sydboxone:hover, .sydboxtwo:hover, .sydboxthree:hover { background: #fff; -webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;}
.woah { opacity: 0; transition: all 1s ease; transition-duration: 1s; -moz-transition-duration: 1s; color: #212121; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.sydboxone:hover .woah, .sydboxtwo:hover .woah, .sydboxthree:hover .woah { opacity: 1; -webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;}
</style>
<center>
<div class="sydholdme">
<div class="sydone">
<div style="line-height: 150px; font-family: aguafina script; font-size: 36px; color: #F79499; text-shadow: 1px 0px #F2E5C9, 2px 2px #97B5A7;">JégVirág Design</div>
<div style="width: 240px; text-align: justify; color: #000; font-family: anaheim; font-size: 8px; text-transform: uppercase; margin-top: -65px;">Az oldal PORTÁLÉPÍTŐ ami tartalmazza
az abábbi linkeket:DESIGN,SCRIPT,HTML
kód,Segítség.<strong><span style="color: #6CA19E;">JégVirág</span></strong></div>
</div>
<div class="sydtwo">
<div style="width: 240px; height: 190px; border-bottom: 10px solid #F79499; border-top: 3px double #F79499; color: #000; margin: 20px;">
<div style="width: 200px; height: 150px;text-align: justify; color: #000; font-family: anaheim; font-size: 8px; text-transform: uppercase; overflow: auto; padding: 0px 20px 0px 20px; margin: 20px;" class="syddiesummer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque turpis et justo convallis euismod. Donec convallis pretium mauris. Mauris lacinia dolor eu felis bibendum aliquam. Ut vestibulum augue sit amet nibh iaculis, et pulvinar orci aliquam. Cras ut elementum dolor, ac tempor dolor. Pellentesque ultrices adipiscing risus sit amet placerat. Etiam sed feugiat ipsum, at consectetur tortor. Sed at pharetra lacus. Vestibulum luctus sagittis consectetur. Proin eleifend hendrerit mauris non ultrices. Nunc interdum commodo nunc vel vehicula. Vestibulum a arcu imperdiet, blandit erat vitae, lobortis nisi. Morbi molestie et turpis sit amet auctor.
<p>
Nunc imperdiet arcu at arcu interdum, porta tincidunt nibh luctus. Proin vulputate ornare diam, et condimentum justo ullamcorper a. Fusce sit amet nulla eget nulla consectetur accumsan. Quisque et venenatis mauris. Nulla viverra libero eu auctor auctor. Quisque fermentum nulla lectus, eget lacinia turpis scelerisque vitae. Nam interdum vitae erat nec luctus. Vestibulum sit amet aliquam est.
<p>
Integer volutpat metus eros, quis commodo diam egestas quis. Nulla eros sem, lobortis in lorem a, malesuada aliquet orci. Cras ornare, eros ut porttitor suscipit, nulla quam volutpat ante, sit amet hendrerit nunc orci ac nisi. In convallis elit neque, eu pretium lacus convallis ut. Maecenas volutpat ante egestas libero dictum molestie. Cras tempor facilisis turpis, at iaculis nibh tristique a. Suspendisse lobortis tortor in malesuada tempor. Etiam imperdiet eros purus, at ultrices tortor sodales vitae. Donec lacinia diam vitae ligula vulputate, imperdiet tempus tellus semper. Ut vitae felis quis lorem pulvinar ullamcorper. Duis hendrerit ipsum elit, eget vestibulum neque blandit non. Phasellus interdum aliquet malesuada. Fusce eleifend placerat aliquam.
<p>
Quisque sed cursus ante. Ut ac facilisis tortor, sit amet convallis elit. Etiam luctus, elit eu volutpat sollicitudin, odio justo posuere dolor, non sagittis velit arcu sit amet neque. Pellentesque nisl magna, varius vitae sem quis, consectetur malesuada sem. Cras magna nibh, aliquam in mauris nec, commodo suscipit est. Praesent ornare lacus eget faucibus pellentesque. Phasellus luctus ligula non venenatis placerat. Nullam vulputate, neque eu dictum dignissim, enim orci dictum leo, vitae semper orci turpis vel arcu. Nulla sed luctus justo. Mauris viverra rhoncus odio non sagittis.
<p>
Mauris scelerisque, ligula consequat tincidunt dapibus, diam est interdum odio, venenatis dictum enim justo ac nulla. Donec adipiscing, ante in elementum placerat, erat nunc commodo purus, quis accumsan ipsum odio eu dui. Duis vitae mi tempor, rhoncus orci in, dignissim eros. Vestibulum sollicitudin, nunc ut fermentum porta, enim elit posuere sem, vel fermentum neque sapien eget dui. Fusce suscipit porta elit, quis dictum velit malesuada nec. Pellentesque at velit risus. Donec in laoreet augue. Suspendisse pellentesque volutpat diam et rhoncus. Suspendisse dignissim a lacus nec aliquet. Cras vitae mi lectus. Vestibulum tellus purus, consectetur in lacinia vel, imperdiet ut dolor. Donec fermentum ante in eleifend egestas. Nunc dapibus neque id euismod malesuada. Aenean id arcu eros. Nullam blandit sagittis sapien iaculis scelerisque. Donec vehicula tortor tortor, vitae dictum ipsum facilisis eget.
</div>
</div>
</div>
<div class="sydthree">
<table cellspacing="0" cellpadding="0" style="margin-top: 20px;">
<tr>
<td>
<div class="sydboxone">
<div style="color: #000; font-family: anaheim; font-size: 8px; text-transform: uppercase; text-align: center; line-height: 60px;" class="woah">JégVirág</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="sydboxtwo">
<div style="color: #000; font-family: anaheim; font-size: 8px; text-transform: uppercase; text-align: center; line-height: 60px;" class="woah">JégVirág</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="sydboxthree">
<a href="//jegvirag.gportal.hu"><div style="color: #000; font-family: anaheim; font-size: 8px; text-transform: uppercase; text-align: center; line-height: 60px;" class="woah">JégVirág</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</center>
AJÁNLOM AZ OLDALT
Archívum