200 000 örömére Újabb szövegdobozok!

Drága olvasóink!

A blog elérte a 200 000 oldalmegjelenítést! Köszönjük nektek! :) Úgy terveztem, hogy havonta vagy három hetente hoznék nektek különleges/érdekes szövegdobozokat, de mivel az előző sokatoknak tetszett és ma összejött a 200 ezer megtekintés, így gondoltam megleplek benneteket újabb szövegdobozokkal. Remélem ez is tetszeni fog nektek! :) 

Szép napot!
Roxana

Szövegdobozok:
Forrás: SHINE

Az első szövegdoboz így néz ki:

(Ian tekintet *.* ...igen direkt választottam ezt gif képet)

Ide jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szöveg

Kódja:

<center>
<div style="background: #FEFEFE; border: 10px solid #EFEFEF; padding: 10px; width: 250px;">
<div style="font: 9px/95% arial;" id="skdjhfasdfbr">
<div class="sdjfkh24jkhrv"> <img src="IDE JÖN A GIF KÉP" width="250" /> </div>

<div class="iurth54i3ufne">
<p> IDE JÖN A SZÖVEG
</p></div>

</div>
</div><a href="" style="display: block; font: 6px arial; letter-spacing: 1px; line-height: 90%; text-align: right; text-decoration: none; text-transform: uppercase; width: 290px;"></a></center>

<style type="text/css">
pwnmu { color: #a42626; font-weight: bold; }
#skdjhfasdfbr .djkfhaksf2346 { margin-top: 130px; }
#skdjhfasdfbr { height: 147px; overflow: hidden; position: relative; }
#skdjhfasdfbr .sdjfkh24jkhrv { left: 0px; position: absolute; top: 0px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr:hover .sdjfkh24jkhrv { left: -250px; -ms-transition-duration: 1s;  -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr .iurth54i3ufne { border: 10px solid #FEFEFE; height: 105px; left: 250px; overflow: auto; padding-right: 3px; position: absolute; text-align: justify; top: 0px; width: 230px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#skdjhfasdfbr:hover .iurth54i3ufne { left: 0px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
</style>

A második szövegdoboz így néz ki:

Cím

Patrik és Spongyabob.Olyan cuki ez a kép!

Szövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszöveg

Kódja:

<style>.abc { width: 350px; height: 200px; -transition: height 1.5s ease-in-out; -webkit-transition: height 1.5s ease-in-out; -moz-transition: height 1.5s ease-in-out; -o-transition: height 1.5s ease-in-out; overflow: hidden; border-left: 10 85415a solid; border-right: 10px #85415a solid; } .abc:hover { height: 300px } .abcimg { width: 350px; height: 200px; background-image: url(http://oi41.tinypic.com/mwxfyh.jpg); } .abcimgtext { background-color: #000000; color: #ffffff; width: 350px; height: 200px; opacity: 0; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; } .abcimgtext:hover { opacity: .7; }</style><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" /><center>

<div class="abc"><div class="abcimg"><div class="abcimgtext"><div style="font-family: oswald; font-size: 60px; padding-top: 70px;">Cím</div><div style="text-transform: uppercase; font-family: oswald; font-size: 10px; padding-top: 25px;">Patrik és Spongyabob.Olyan cuki ez a kép!</div></div></div><div style="text-align: justify; padding: 5px; overflow: auto; height: 90px;">

Szövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszöveg

</div></div>
<div style="width: 340px; font-size: 8px; font-family: calibri; text-align: right; color: 3A384F"></div>
</center>

A harmadik szövegdoboz így néz ki:

Ide jön a cím

blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah

Kódja:

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"type="text/css" /><center><a href="http://shine.b1.jcink.com/index.php?showuser=54"><div style="width: 300px; background-color: #fff; font-family: 'Lobster'; font-size: 30px; text-align: center; line-height: 100%; color: #91b1d4; text-shadow: 2px 1px 0px #214670; padding-top: 7px; padding-bottom: 15px; letter-spacing: -1px; border-top: 4px solid #214670; border-bottom: 4px solid #214670; text-transform: lowercase">

Ide jön a cím

</div></a><div style="width: 280px; padding: 10px; font-family: arial; font-size: 9px; line-height: 100%; text-align: justify; color: #222; background-color: #f0f0f0">

blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah</div></center>