Szövegdoboz kódok

SZÖVEG SZÖVEG SZÖVEG SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG

KÓD: <link href='http://fonts.googleapis.com/css?family=Lobster+Two|Six+Caps' rel='stylesheet' type='text/css'><center><table><td><table><td><div style="margin-left: 40px; font-family: six caps; font-size: 100px; margin-top: -50px; color: F1396D;">SZÖVEG</div></td> <td><div style="font-family: orator std; font-size: 11px; transform: rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); margin-left: -30px; margin-top: -25px; color: 382F32;">SZÖVEG</div></td></table><div style="margin-left: 45px; font-family: lobster two; font-size: 30px; margin-top: -35px; letter-spacing: 3px; color: 382F32;">SZÖVEG</div><div style="padding-left: 5px; border-left: 25px solid #382F32; width: 115px; font-family: arial narrow; color: 382F32; font-size: 8px; text-transform: uppercase; text-align: justify; line-height: 90%; margin-left: 40px; margin-top: -6px;">SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG</div></td> <td><div style="width: 180px; height: 200px; background-image: url(180 X 200 - AS KÉP IDEEEE); margin-left: -30px; border-radius: 360px; -o-border-radius: 360px; -ms-border-radius: 360px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-right: 20px solid #F1396D;"></div></td></table></center>

SZÖVEG SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG

KÓD:

<link href="http://fonts.googleapis.com/css?family=Gilda+Display" rel="stylesheet" type="text/css"></link><style>#container {width: 500px;}

#container-image {width: 200px; height: 400px;}

.container-side {width: 300px; height: 400px; background-color: #fff; margin-left: -2px;}

.cont-pad {padding: 20px;}

.the-name {font-family: gilda display; text-transform: uppercase; font-size: 20px; color: #121212; text-align: center; letter-spacing: -2px;}

.the-name:before {content: ""; display: inline-block; width: 20px; margin-right: 10px; height: 1px; vertical-align: middle; background-color: #121212;}

.the-name:after {content: ""; display: inline-block; width: 20px; margin-left: 10px; height: 1px; vertical-align: middle; background-color: #121212;}

.the-words {padding-right: 10px; font-family: calibri; color: #121212; font-size: 10.5px; text-align: justify; line-height: 90%; height: 320px; overflow: auto; width: 200px;}

.the-words p:first-letter {font-family: gilda display; color: #8756BC; font-size: 40px; text-transform: uppercase; float: left; margin: 10px;}

.the-words b {color: #8756BC;}

.the-words i {font-family: gilda display;}

.the-words s {color: #8756BC;}</style><br />

<center>

<div id="container">

<table cellspacing="0" style="text-align: justify;"><tbody>

<tr><td><div id="container-image" style="background-image: url(http://i47.tinypic.com/j8o67d.jpg);">

</div>

</td><td><div class="container-side">

<div class="cont-pad">

<div class="the-name" style="color: #8756bc;">

SZÖVEG

</div>

<br />

<center>

<div class="the-words">

SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG

<br />

<br />

<br />

<br />

<br /></div>

</center>

</div>

</div>

</td></tr>

</tbody></table>

</div>

<div style="font-family: arial; font-size: 7px; letter-spacing: 2px; text-align: right; text-transform: uppercase; width: 400px;">

<a href="http://shine.b1.jcink.com/index.php?showuser=145"> </a></div>

A kódok forrása: SHINE