Az albbi adatlapot msoljtok be forrskd nzetbe, majd visszalpve a szveges mdba tudtok belerni :) A kp helyt hagyjtok resen, oda majd mi fabriklunk nektek :)
<center>
<center>
<style type="text/css">
.krelay { width: 350px; height: 550px; overflow-y:hidden; overflow-x:hidden; border: 24px solid #dfd4ce; } .krelay::-webkit-scrollbar { height: 10px; } .krelay::-webkit-scrollbar-track { background: #fff; } .krelay::-webkit-scrollbar-thumb { background: #D7E1D7; }
.kreb { width: 330px; height: 300px; border: #fff solid 10px; background: #fff; font-family: arial; font-size: 10px; line-height: 114%; text-align: justify; color: #000; padding-right: 4px; overflow: auto; } .kreb::-webkit-scrollbar { width: 4px; } .kreb::-webkit-scrollbar-track { background: #fff; } .kreb::-webkit-scrollbar-thumb { background: #D7E1D7; }
.knam { font-family: norican; text-align: center; line-height: 90%; font-size: 40px; text-transform: lowercase; color: #72A7AB; text-shadow: 1px 1px #E0DEBA; }
.kinfolet { font-family: roboto condensed; font-size: 12px; text-align: center; color: #5C6562; text-transform: uppercase; line-height: 90%; }
.kppff { font-family: arial; font-size: 7px; text-align: center; letter-spacing: 2px; color: #000; text-transform: uppercase; line-height: 90%; } </style>
.
<div class="krelay">
<div style="width: 350px; height: 250px; background: url(http://i.imgur.com/Cpwav3G.png);">
</div>
<div class="kreb">
<div class="knam">
Karakter Neve</div>
<div class="kinfolet">
user</div>
<div class="kinfolet">
• • • • • • • • • • • • • • • • • • • • • •</div>
<div class="kinfolet">
Neme • Belltottsg • faja • foglalkozs</div>
<div class="kinfolet">
<div class="kinfolet">
<div class="kinfolet" style="line-height: 10.8px;">
• • • • • • • • • • • • • • • • • • • • • •</div>
SZLETSI HELY S ID<br />
<div class="kinfolet" style="line-height: 10.8px;">
</div>
</div>
</div>
<div class="kppff">
Bels s Kls tulajdonsgok</div>
<p>
5-10 mondat</p>
<div class="kppff">
Ellet</div>
<p>
5-10 mondat</p>
<div class="kppff">
Csaldi kapcsolatok</div>
<p>
Felsorols, vagy mondatokban</p>
<div class="kppff">
Reag kp</div>
<p style="text-align: center;">
<img src="https://i.imgur.com/FkR68lZ.png" /></p>
<div class="kppff">
Extrk</div>
<p style="text-align: center;">
-linkelve minden-</p>
<p style="text-align: center;">
<span style="font-size: 7px; letter-spacing: 2px; text-transform: uppercase;">Tovbbi Kpei</span></p>
<p style="text-align: center;">
260 szles!</p>
</div>
</div>
</center>
<p style="text-align: center;">
</p>
</center>