Код:
<!--HTML--><style>
.team{
width: 600px;
height: 790px;
background: url(http://funkyimg.com/i/2jvpK.png) top no-repeat,
url(http://funkyimg.com/i/2jtwH.png) bottom no-repeat,
url(http://funkyimg.com/i/2jtwJ.jpg) repeat-y;
}
.satellitecont { margin: 25px 0px; width: 500px; padding: 10px; margin-left: -5px;font-family: arial; font-size: 10px; color: #634e32; text-align: justify; letter-spacing: 1px; line-height: 10px;
padding: 10px 10px 10px 10px;
background: #c5cde6;
-webkit-box-shadow: inset 0px 0px 8px 0px rgb(181,191,216), 0px 0px 3px 0px #b5bfd8;
-moz-box-shadow: inset 0px 0px 8px 0px rgba(181,191,216, 0.6), 0px 0px 3px 0px #b5bfd8;
box-shadow: inset 0px 0px 8px 0px rgba(181,191,216, 0.6), 0px 0px 3px 0px #b5bfd8;
border: none;}
#abc {
width:250px;
height: 150px;
left: 10px;
top: 85px;
position: relative;
overflow: hidden;
}
#abc .page {
-WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRANSITION: 0.8S ALL EASE-IN-OUT;
position: absolute;
left: 0px;
bottom: 0px;
width:250px;
height: 150px;
}
#abc:hover .page {
-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRANSITION: 0.8S ALL EASE-IN-OUT;
left: -300px;
}
.bg {
width: 250px;
height: 150px;
background-color:#c6cde5;
background-repeat: repeat;
}
.white {
width: 250px;
height: 150px;
background-color:#background-color:#c6cde5;
padding: 15px;
overflow: auto;
}
.paper {line-height: 100%;padding: 5px; font-family: playfair display; text-align: center; border-bottom: 0px solid #eee; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; font-style: italic; color: #212121;}
.oritutorialscroll::-webkit-scrollbar {
background: #A26B35;
width: 5px;
}
.oritutorialscroll::-webkit-scrollbar-thumb {
background: #E6DDC0;
width: 5px
}
.oritutorialscroll::-webkit-scrollbar-corner {
background: #a9a9a9;
</style>
<div class="team">
<center>
<div style="padding-top: 60px;">
<div class="satellitecont">
<div style="margin-left: 100px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #f5f6f7;">ЗАНЯТЫЕ ВНЕШНОСТИ и ИМЕНА</div>
<p></div>
</div>
<tr><div>
<table>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 0px 0px 0px #cc6699;">ДЕВУШКИ</div>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 0px 0px 0px #cc6699;">ПАРНИ</div>
</div></td></tr>
<table><CENTER><p>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">a - b - c</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">a - b - c</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">d - e - f</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">d - e - f</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">g - h - i</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">g - h - i</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">j - k - l</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">j - k - l</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">m - n - o</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">m - n - o</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">p - q - r</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">p - q - r</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">s - t - u</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">s - t - u</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</div></td></tr>
<tr><td><div class="vnexitabl" style="margin-left:25px">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">w - x - y - z</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td>
<td><div class="vnexitabl">
<div style="margin-left: 115px;
font: bold italic 20px bebas neue;
color: #cc6699;
text-shadow: 1px 1px 0px #cc6699;">w - x - y - z</div>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>
</div></td></tr>
</tbody></table>
<center>
<div style="padding-top: 60px;">
<div class="satellitecont">
<center>Дамы и господа, убедительная просьба, не забывайте вставлять в код, и вам и нам будет удобно</center>
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center></pre></div></div></div>
<p></div>
</div>
</div></div></div>
</div></center>
</div>Код:
<center>ваша внешность<b><a href="ссылка на профиль"> ♥ ваше имя</a></b><br></center>