<div align="center">
<div class="textbox01">
<img alt="" src="//hunterborn.gportal.hu/portal/hunterborn/upload/767971_1449776987_00179.png" />
<div class="textbox">
<p class="text">
<strong>Név, becenév </strong>: Asurakia Savanar, Niva<br />
<strong>Nem:</strong> nő<br />
<strong>Kor:</strong> 22 év<br />
<strong>Törzs:</strong> Fael<br />
<strong>Rang:</strong> Harcos <br />
<strong>Megjelenés</strong>:Derékig érő, barna, összefogott haj, halvány kék szemek jellemzik. Arcán egy vágás a homloka baloldalától, a jobb arccsontjáig. A többi csak festék. Általában bőr vértezetet visel, nadrággal és köpennyel. Két szablya lóg oldalán.</p>
</div>
</div>
</div>
<p>
<style type="text/css">
.textbox01 {
position:relative;
overflow:hidden;
width:200px; /* képed szélessége */
height:300px; /* képed magassága */
}
.textbox01 .textbox {
position:absolute;
top:0;
left:0;
width:200px; /* képed szélessége */
height:300px; /* képed magassága */
margin-left:-200px; /* az az érték kerüljön ide mínuszban, mint amilyen széles a képed */
background-image: url(); /* háttérkép url címe */
background-color: #FFF;
background-repeat: repeat;
}
.textbox01:hover .textbox {
margin-left:0;
background-image: url(); /* háttérkép url címe */
background-color: #FFF;
background-repeat: repeat;
}
.textbox01 img {
margin-left:0;
}
.textbox01:hover img {
margin-left:200px; /* az az érték kerüljön ide, mint amilyen széles a képed */
}
.text { /* minden, ami a szövegre hat */
font-family: arial;
font-size: 13px;
line-height: 18px;
width: 180px !important; /* a szöveged milyen szélesen és magasan jelenjen meg */
color: #5B7967;
text-shadow: #ffffff 1px 1px 1px;
text-align: justify;
}
.textbox01 img, .textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
} </style>
</p>
AJÁNLOM AZ OLDALT
