Код:
<!--HTML-->
<center>
<div id="fonvneh">
<div class="namevneh">ЗАНЯТЫЕ ВНЕШНОСТИ -Ж-</div>
<div id="contentvneh">
<table cellspacing="0" border="0"><tbody><tr>
<td><div class="alfabet"> A - B - C - D</div><div class="alfabetcontent">
<br> Adriana Lima - <a href="https://hustlin.rusff.me/profile.php?id=2">Jessica Wild</a>
<br>Alejandra Alonso - <a href="https://hustlin.rusff.me/profile.php?id=24">Madison Woodman</a>
<br> Alessandra Ambrosio - <a href="https://hustlin.rusff.me/profile.php?id=3">Dita Richerds</a>
<br>Angelina Jolie- <a href="https://hustlin.rusff.me/profile.php?id=44">Linette Bailey</a>
<br> AnnaLynne McCord - <a href="https://hustlin.rusff.me/profile.php?id=54">Naomi Clark</a>
<br> Anna Sophia robb - <a href="https://hustlin.rusff.me/profile.php?id=34">Alessa Brass </a>
<br> Ashley Benson - <a href="https://hustlin.rusff.me/profile.php?id=10=">Irene Vito</a>
</div></td>
<td><div class="alfabet"> E - F - G - H </div><div class="alfabetcontent">
<br>Emily DiDonato - <a href="https://hustlin.rusff.me/profile.php?id=58">Francesca Santi</a>
<br>Emma Watson - <a href="https://hustlin.rusff.me/profile.php?id=18">Catherine Snow</a>
<br>Holland Roden - <a href="https://hustlin.rusff.me/profile.php?id=59">Sierra Quinn</a>
</div></td></tr>
<tr><td><div class="alfabet"> I - J - K - L </div><div class="alfabetcontent">
<br> Irina Shayk - <a href="https://hustlin.rusff.me/profile.php?id=11">Matilda Weber</a>
<br> Jenna Coleman - <a href="https://hustlin.rusff.me/profile.php?id=12">Veronica Hudson</a>
<br> Josefine Pettersen - <a href="https://hustlin.rusff.me/profile.php?id=7">Ethel N. Winter</a>
<br>Kate Bogucharskaia- <a href="https://hustlin.rusff.me/profile.php?id=35">Avis Nash</a>
<br> Katherine McNamara - <a href="https://hustlin.rusff.me/profile.php?id=9">Destiny Hunter</a>
<br> Kim Go Eun- <a href="https://hustlin.rusff.me/profile.php?id=15">Jeannie Cho</a>
<br>Lyndsy Fonseca - <a href="https://hustlin.rusff.me/profile.php?id=37">Chloe Brass</a>
</div></td>
<td><div class="alfabet"> M - N - O - P </div><div class="alfabetcontent">
<br> ...
</div></td></tr>
<tr><td><div class="alfabet"> Q - R - S - T - U </div><div class="alfabetcontent">
<br>Sara Sampaio - <a href="https://hustlin.rusff.me/profile.php?id=28">Camila Santi</a>
<br>Taylor Momsen- <a href="https://hustlin.rusff.me/profile.php?id=23">Raoka Salazar</a>
<br>Teresa Palmer - <a href="https://hustlin.rusff.me/profile.php?id=48">Michaela Wayne</a>
<br>Tom Hardy - <a href="https://hustlin.rusff.me/profile.php?id=47">James Righton</a>
</div></td>
<td><div class="alfabet"> V - W - X - Y - Z </div><div class="alfabetcontent">
Zoey Deutch - <a href="https://hustlin.rusff.me/profile.php?id=20">Halsey Grinch</a>
<br>
</div></td></tr>
</tbody></table>
</div>
</div>
</center>
<style>
#fon2 { background: rgba(255, 255, 255, 0.2); }
#codeimage2 { width: 500px; height: 212px; border: 4px solid #6c0000; border-radius: 10px; border: 3px double #cf9116; }
#fonvneh {width: 643px; background: url(http://funkyimg.com/i/2tP8f.png) top no-repeat, url(http://funkyimg.com/i/2tPd5.png) bottom no-repeat, url(http://funkyimg.com/i/2tP8e.png) repeat-y;}
.namevneh {padding-top: 54px;
letter-spacing: 2px;
font: 35px/16px Bebas Neue;
font-weight: bold !important;
color: #d87c9d;
text-shadow: #3f1746 1px 0px, #3f1746 1px 1px;}
#contentvneh {padding: 49px; width: 500px; margin-top: -11px; font-size: 11px; color: #104240;}
.alfabet {width: 225px;
height: 17px;
padding: 1px;
text-align: center;
background: #6a3f71;
margin: auto;
letter-spacing: 1px;
border: 2px solid #3f1746;
border-radius: 25px;
font: 20px/18px Bebas Neue;
font-weight: bold !important;
color: #ecdbd4;
text-shadow: #3f1746 1px 0px, #3f1746 1px 1px;}
.alfabetcontent { width: 230px;
height: 90px;
margin-top: 4px;
padding: 6px;
background: rgba(63, 23, 70, 0.11);
border-radius: 13px;
font-family: calibri;
font-size: 11px;
color: #000;
overflow: auto;
line-height: 11px;}
.alfabetcontent a { color: #000; font-weight: normal; text-shadow: none; text-decoration: none; }
<style>
Код:
<!--HTML-->
<center>
<div id="fonvneh">
<div class="namevneh">ЗАНЯТЫЕ ВНЕШНОСТИ -М-</div>
<div id="contentvneh">
<table cellspacing="0" border="0"><tbody><tr>
<td><div class="alfabet"> A - B - C - D</div><div class="alfabetcontent">
<br>Aaron Taylor-Johnson - <a href="https://hustlin.rusff.me/profile.php?id=29">Xander Bates</a>
<br>Cole Sprouse - <a href="https://hustlin.rusff.me/profile.php?id=36">Elias Parker</a>
<br>Dan Stevens - <a href=https://hustlin.rusff.me/profile.php?id=60>Garret Skeyf</a>
<br>Danila Kovalev - <a href="https://hustlin.rusff.me/profile.php?id=53">Romeo de Ranialy</a>
<br>Dwayne Johnson - <a href="https://hustlin.rusff.me/profile.php?id=46">Christian Axelrod</a>
</div></td>
<td><div class="alfabet"> E - F - G - H </div><div class="alfabetcontent">
</div></td></tr>
<tr><td><div class="alfabet"> I - J - K - L </div><div class="alfabetcontent">
<br>Keanu Reeves- <a href="https://hustlin.rusff.me/profile.php?id=38">Costantino Romano</a>
<br>KJ Apa - <a href="https://hustlin.rusff.me/profile.php?id=14">Archie Fields</a>
</div></td>
<td><div class="alfabet"> M - N - O - P </div><div class="alfabetcontent">
<br>Matt Ryan - <a href="https://hustlin.rusff.me/profile.php?id=30">Frederick Wexler </a>
<br>Matthew Daddario - <a href="https://hustlin.rusff.me/profile.php?id=31">Montgomery Bates</a>
<br>Milo Ventimiglia - <a href="https://hustlin.rusff.me/profile.php?id=22">Theodore Woodman </a>
<br>Oskar Fahlėn - <a href="https://hustlin.rusff.me/profile.php?id=50">Zechariah Moore</a>
<br>Paul Guilfoyle - <a href="https://hustlin.rusff.me/profile.php?id=32">Jim Brass</a>
<br> ...
</div></td></tr>
<tr><td><div class="alfabet"> Q - R - S - T - U </div><div class="alfabetcontent">
<br>Ryan Reynolds - <a href="https://hustlin.rusff.me/profile.php?id=21">Jeremy Stevens</a>
<br>Stephen James - <a href="https://hustlin.rusff.me/profile.php?id=8">Martin Juhl</a>
</div></td>
<td><div class="alfabet"> V - W - X - Y - Z </div><div class="alfabetcontent">
<br>Will Tudor - <a href="https://hustlin.rusff.me/profile.php?id=45">Sebastian Laboneir</a>
<br>
</div></td></tr>
</tbody></table>
</div>
</div>
</center>
<style>
#fon2 { background: rgba(255, 255, 255, 0.2); }
#codeimage2 { width: 500px; height: 212px; border: 4px solid #6c0000; border-radius: 10px; border: 3px double #cf9116; }
#fonvneh {width: 643px; background: url(http://funkyimg.com/i/2tP8f.png) top no-repeat, url(http://funkyimg.com/i/2tPd5.png) bottom no-repeat, url(http://funkyimg.com/i/2tP8e.png) repeat-y;}
.namevneh {padding-top: 54px;
letter-spacing: 2px;
font: 35px/16px Bebas Neue;
font-weight: bold !important;
color: #d87c9d;
text-shadow: #3f1746 1px 0px, #3f1746 1px 1px;}
#contentvneh {padding: 49px; width: 500px; margin-top: -11px; font-size: 11px; color: #104240;}
.alfabet {width: 225px;
height: 17px;
padding: 1px;
text-align: center;
background: #6a3f71;
margin: auto;
letter-spacing: 1px;
border: 2px solid #3f1746;
border-radius: 25px;
font: 20px/18px Bebas Neue;
font-weight: bold !important;
color: #ecdbd4;
text-shadow: #3f1746 1px 0px, #3f1746 1px 1px;}
.alfabetcontent { width: 230px;
height: 90px;
margin-top: 4px;
padding: 6px;
background: rgba(63, 23, 70, 0.11);
border-radius: 13px;
font-family: calibri;
font-size: 11px;
color: #000;
overflow: auto;
line-height: 11px;}
.alfabetcontent a { color: #000; font-weight: normal; text-shadow: none; text-decoration: none; }
<style>
ШАБЛОН:
Код:
<br>знаменитость - <a href="ссылка">имя</a>
