Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><style text="text/css">#codebody { width: 550px;
background-color: #B2C978;
border: 0px solid #334005;
background: url(http://funkyimg.com/i/2agtJ.png) top no-repeat, url(http://funkyimg.com/i/2agtM.png) bottom no-repeat, url(http://funkyimg.com/i/2agtL.png) repeat-y;
border-bottom: 0px;);
border-bottom: 0px;} #textfeld {margin: auto;
width: 500px;
overflow: auto;
text-align: justify;
font-family: 'calibri';
font-size: 11px;
color: #414141;
line-height: 1.2em} #codetitel {
text-align: center;
font-family: 'bebas neue';
color: #283400;
text-transform: lowercase;
text-shadow: 1px 1px 0px #ffffff;
font-size: 30px;
margin-top: 30px;
padding: 15px;} #codeutitel { font-size: 9px;
width: 520px;
margin-top: -5px;
line-height: 1.2em;
font-family: arial;
text-transform: lowercase;
color: #283400;
text-shadow: 1px 1px 0px #ffffff;
padding-top: 4px;
letter-spacing: 6px;} #credits {width: 526px; text-align: center; font-family: 'calibri'; font-size: 10px; color: #414141; background: #f4f4f4; padding: 2px;}</style>
<center><div id="codebody"><div id="codetitel">Занятые внешности</div><div id="codeutitel">Засвети свое личико</div><div id="textfeld">
<style type="text/css">
.tabs {
position: relative;
width: 500px;
height: 460px;
clear: both;
margin: 25px 0;
}
.tab {
float: left;
}
.tab label {
background:#DFE6AE;
padding: 10px;
margin-left: -1px;
position: relative;
}
.tab [type=radio] {
display: none;
baseline-tab-shift: true, retrieve;
}
.content {
position: absolute;
bottom: 0px;
top: 21px;
left: 0px;
right: 0px;
background: #DFE6AD;
padding: 20px;
border: 1px solid #;
}
[type=radio]:checked ~ label {
background: #788B2F;
border-bottom: 1px solid #788B2F;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}</style>
<center><div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">A - B - C - D - E - F</font></label>
<div class="content">
<div style="height: 360px; overflow: auto;">
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>A - B - C</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=10">Amanda Steele</a> as Regina Evergreen<br>
<a href="http://lockhaven.rusff.me/profile.php?id=37">Amber Heard</a> as Melanie Ford <br>
<a href="http://lockhaven.rusff.me/profile.php?id=21">Ashley Benson</a> as Hannah Evergreen <br>
<a href="http://lockhaven.rusff.me/profile.php?id=112">Aly Michalka</a> as Kathleen Perkins <br>
<a href="http://lockhaven.rusff.me/profile.php?id=20">Blake Lively</a> as Scarlett O'Nell<br>
<a href="http://lockhaven.rusff.me/profile.php?id=63">Caity Lotz</a> as Loren Dener<br>
<a href="http://lockhaven.rusff.me/profile.php?id=83">Candice Akkola</a> as Nicole Valentine <br>
<a href="http://lockhaven.rusff.me/profile.php?id=13">Candice Swanepoel</a> as Adriana Young <br>
<a href="http://lockhaven.rusff.me/profile.php?id=120">Cara Delevingne</a> as Roxy Quincy<br>
<a href="http://lockhaven.rusff.me/profile.php?id=12">Chloe Bennet</a> as Olivia King <br>
<a href="http://lockhaven.rusff.me/profile.php?id=99">Chloe Bridges</a> as Dana Turner <br>
<a href="http://lockhaven.rusff.me/profile.php?id=36">Crystal Reed</a> as Sophie Hamilton<br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=129">Alexander Skarsgård</a> as Demyan Blake <br>
<a href="http://lockhaven.rusff.me/profile.php?id=68">Adrian Rodriguez</a> as Adrian Illidan<br>
<a href="http://lockhaven.rusff.me/profile.php?id=127">Brendon Urie</a> as Adam Richter<br>
<a href="http://lockhaven.rusff.me/profile.php?id=122">Christopher Chace Crawford</a> as Lucius di Guerra <br>
<a href="http://lockhaven.rusff.me/profile.php?id=97">Chris Hemsworth</a> as Nicholas Holland <br>
<a href="http://lockhaven.rusff.me/profile.php?id=31">Chris Wood</a> as Kyle Blackburn <br>
<a href="http://lockhaven.rusff.me/profile.php?id=54">Chris Wood</a> as Tomas Blackburn<br>
<a href="http://lockhaven.rusff.me/profile.php?id=64">Colton Haynes</a> as Joshua Reagan <br>
</td>
</tr>
</table>
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>D - E - F</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=19">Dianna Agron</a> as Rebecca Summers <br>
<a href="http://lockhaven.rusff.me/profile.php?id=106">Diana Melison</a> as Maria L. Mikaelson<br>
<a href="http://lockhaven.rusff.me/profile.php?id=107">Eiza Gonzalez</a> as Erlain Blackwood <br>
<a href="http://lockhaven.rusff.me/profile.php?id=124"> Emilia Clarke</a> as Elle Thomson <br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=60">Dominic Sherwood</a> as Dylan Henderson<br>
<a href="http://lockhaven.rusff.me/profile.php?id=105">Evan Peters</a> as Scott Evans <br>
</td>
</tr>
</table>
<br>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">G - H - I - J - K - L
</font></label>
<div class="content">
<div style="height: 360px; overflow: auto;">
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>G - H - I</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=22">Gigi Hadid</a> as Alison O'Neill<br>
<a href="http://lockhaven.rusff.me/profile.php?id=79">Giulia Luzi</a> as Caroline Moreaux<br>
<a href="http://lockhaven.rusff.me/profile.php?id=119">Halsey</a> as Halsey Storm<br>
<a href="http://lockhaven.rusff.me/profile.php?id=8">Holland Roden</a> as Trix Merigold<br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=32">G-Eazy</a> as Kieren Hudsøn <br>
<a href="http://lockhaven.rusff.me/profile.php?id=108">Henry Cavill</a> as Victor Koht <br>
<a href="http://lockhaven.rusff.me/profile.php?id=25">Ian Somerhalder </a> as Daniel Blackwell <br>
</td>
</tr>
</table>
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>J - K - L</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=131">Jennifer Lawrence</a> as Rose Miller <br>
<a href="http://lockhaven.rusff.me/profile.php?id=23">Karen Gillan</a> as Lily Tate <br>
<a href="http://lockhaven.rusff.me/profile.php?id=9">Katherine McNamara</a> as Milana Blackburn <br>
<a href="http://lockhaven.rusff.me/profile.php?id=128">Kaya Scodelario</a> as Mandy McKay <br>
<a href="http://lockhaven.rusff.me/profile.php?id=4">Leighton Meester</a> as Alexandra Hamilton <br>
<a href="http://lockhaven.rusff.me/profile.php?id=94">Laura Vandervoort</a> as Savanna Reginald <br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=110">James "Jamie" Dornan</a> as Skylar Thane <br>
<a href="http://lockhaven.rusff.me/profile.php?id=88">Joel Kinnaman</a> as Tyler Epping <br>
<a href="http://lockhaven.rusff.me/profile.php?id=133">Josh Holloway</a> as Niko Fonteyn <br>
<a href="http://lockhaven.rusff.me/profile.php?id=3">Liam Hemsworth</a> as Austin Evans<br>
<a href="http://lockhaven.rusff.me/profile.php?id=11">Luke Mitchell</a> as Steve King<br>
</td>
</tr>
</table>
<br>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">M - N - O - P - Q - R</font></label>
<div class="content">
<div style="height: 360px; overflow: auto;">
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>M - N - O</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=89">Margot Robbie</a> as Riley Scoville <br>
<a href="http://lockhaven.rusff.me/profile.php?id=6">Megan Fox</a> as Sutton Mercer <br>
<a href="http://lockhaven.rusff.me/profile.php?id=123">Meryem Uzerli</a> as Mireille Piaf <br>
<a href="http://lockhaven.rusff.me/profile.php?id=109">Morena Baccarin</a> as Ferrari Gallagher <br>
<a href="http://lockhaven.rusff.me/profile.php?id=126">Natalie Dormer</a> as Max Forrester<br>
<a href="http://lockhaven.rusff.me/profile.php?id=18">Nina Dobrev</a> as Jocelyn Lake <br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=40">Matthew Macfadyen</a> as Abraham O'Moore <br>
<a href="http://lockhaven.rusff.me/profile.php?id=104">Nathaniel Buzolic</a> as François Narcisse <br>
</td>
</tr>
</table>
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>P - Q - R</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=16">Ruby Rose</a> as Janis Harrington <br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=92">Ryan Gosling</a> as Gary Fitzgerald <br>
<a href="http://lockhaven.rusff.me/profile.php?id=100">Ryan Guzman</a> as Kevin Brooks <br>
</td>
</tr>
</table>
<br>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1" checked>
<label for="tab-4"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;"> S - T - U - V</font></label>
<div class="content">
<div style="height: 360px; overflow: auto;">
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>S - T - U - V</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=14">Shelley Hennig</a> as Jean Dawson <br>
<a href="http://lockhaven.rusff.me/profile.php?id=96">Saoirse Ronan</a> as Kacey Griffin <br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=34">Sean Faris</a> as David River<br>
<a href=http://lockhaven.rusff.me/profile.php?id=103>Shiloh Fernandez</a> as Holden Roark <br>
<a href="http://lockhaven.rusff.me/profile.php?id=62">Stephen Amell</a> as Alex Moreaux <br>
<a href="http://lockhaven.rusff.me/profile.php?id=90">Tom Hardy</a> as Ryan Ade <br>
<a href="http://lockhaven.rusff.me/profile.php?id=86">Theo Hutchcraft</a> as Christopher Illidan <br>
<a href="http://lockhaven.rusff.me/profile.php?id=98">Thomas Hiddleston</a> as Zachary Pine<br>
</td>
</tr>
</table>
<br>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1" checked>
<label for="tab-5"><font style="color: #black; font-family: Lobster; font-size: 13px; text-shadow: #2 1px 1px 0px;">W - X - Y - Z</font></label>
<div class="content">
<div style="height: 360px; overflow: auto;">
<center><div style="width: 400px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: solid 0px #cb9b1d; margin: 0 auto; background-color: #B2C978"><font style="color: #000000; font-family: Times New Roman; font-size: 16px; text-shadow: # 1px 1px 0px;"><b>W - X - Y - Z</b></font></div><br></center>
<table layout=fixed width=100%>
<tr>
<td>
<center>
<a href="http://lockhaven.rusff.me/profile.php?id=115">Zoey Deutch</a> as Charlene Mitchell<br>
</center></td><td>
<a href="http://lockhaven.rusff.me/profile.php?id=71">Xavier Samuel</a> as Ira Berg <br>
<b>Zac Efron за АМС</b>
</td>
</tr>
</table>
<br>
</div>
</div>
</div>
</div>
</center>
</div>
<br /><br /></div></center>ШАБЛОН ЗАПОЛНЕНИЯ
*в с е с т а в и м в к о д
Код:
<a href="ссылка на профиль">имя внешности</a> as ваше имя и фамилия <br>
