Код:
<!--HTML--><div style="width: auto; background-color: #6f5b53; padding: 5px;"><div style="width: auto; height: auto; font-family: arial; font-size: 11px; line-height: 100%; text-align: center; background-color: #e2dac8; padding: 10px; border: 5px solid #a09778;"> <style type="text/css"> .aall { width:570px; height:500px; border:10px solid #111; padding:0px; background-color:#6f5b53; -webkit-box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5); position:relative; overflow:hidden; } #gall i { font-weight: extra-bold; color: #6f5b53; font-family: times; font-size: 10px; text-transform: lowercase; letter-spacing: 1px; } .galleryscroll::-webkit-scrollbar { background: #fff; width: 5px } .galleryscroll::-webkit-scrollbar-thumb { background:#6f5b53; width:5px } .galleryscroll::-webkit-scrollbar-corner { background: #111; } .galhov { opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out;} .galhov:hover { opacity: 1; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out;} #gotgall { width: 255px; height: 500px; overflow: hidden; position: relative; } #gotgall .gallhovs { width: 255px; height: 500px; position: absolute; left: 0px; bottom: -450px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; } #gotgall:hover .gallhovs { -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; o-transition: 1s all ease-in-out; bottom: 0px;} .galltabs { position: relative; width: 255px; height: 430px; border-top: 40px solid #6f5b53; border-bottom: 40px solid #6f5b53; background-color: #fffaf6; } .galltab { float: left; } .galltab label { display: block; width: 60px; height: 20px; background-color: #d5b69c; font: 8px calibri; text-align: center; text-transform: uppercase; margin-left: 5px; position: relative; left: 20px; top: 20px; } .galltab [type=radio] { display: none; } .gallcontent { position: absolute; top: 50px; bottom: 0px; left: 0px; right: 0px; width: 205px; height: 330px; background-color: #fffaf6; padding: 20px; overflow: auto; } .galltab [type=radio]:checked ~ label { color: #111; background-color: #6f5b53; border-bottom: 0px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .gallcontent {z-index: 1;} </style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <div style="border: 1px double #e7e7e7; text-align: justify; background-color: #fff; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; width: 590px;"><center>Перепись всея населения Вальдивии.<br> Тема, предназначенная для того, чтобы каждый новый иммигрант знал, какие имена носят граждане на форуме.<br> Если сказать проще - то это список имен. Занятых, свободных и, в некоторых случаях, подлежащих повторению.<br><br> Заполнение производятся строго по шаблону, предоставленному ниже. Если вы не хотите завести себе милых тёзок и чтобы вашим именем пользовался кто-то еще - добавляйте в конце <b>[x]</b><br> При бронировании имени с вашего счета спишутся деньги. <b>Цена крестика - 500$</b><br> Крестик включит автоматическую функцию автосохранения вашего имени исключительно за вами. Больше никто не сможет на него посягать и тёзки на форуме не заведутся.</center></div><br><hr><br> <div class="aall "> <center><table cellspacing="0"><td width="300px"><div style="width: 310px; height: 500px; background-image: url(http://sf.uploads.ru/Dp1vQ.png); display: inline-block;"><div class="galhov"><div style="width: 310px; height: 500px; background-image: url(http://sd.uploads.ru/ckEX0.gif);"></div></div></td> <td><div style="width: 255px; height: 500px; background-image: url(http://sh.uploads.ru/3yXVf.png);"> <div id="gotgall"><div class="gallhovs"><div class="galltabs"> <div style="margin-top: -35px;"></div><div style="text-align: center; font: 25px 'oswald'; color: #d5b69c; letter-spacing: 2px; text-shadow: 1px 1px #eee, 2px 2px #111; text-transform: uppercase;">The Name Claim</div> <div class="galltab"> <input type="radio" id="galltab-1" name="galltab-group-1" checked> <label for="galltab-1"></label> <div class="gallcontent"> <div style="text-align: center; font: 25px 'oswald'; color: #6f5b53; letter-spacing: 2px; text-shadow: 1px 1px #eee, 2px 2px #111; text-transform: uppercase;">girls name</div><p> <div style="text-align: justify;"><div id="gall"> <table><tbody><tr><td width="30px"><strong>-AB-</strong></td> <td><a href="http://vivalavida.rusff.me/profile.php?id=5">- Arisha | Ариша </a><br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-CD-</strong></td> <td><a href="http://vivalavida.rusff.me/profile.php?id=9">- Claire | Клер </a><br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-EF-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-GH-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-IJ-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-KL-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-MN-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-OP-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-QR-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-ST-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-UV-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-WX-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-YZ-</strong></td> <td>заполняем</td></tr></tbody></table> </div></div><p> </div> </div> <div class="galltab"> <input type="radio" id="galltab-2" name="galltab-group-1"> <label for="galltab-2"></label> <div class="gallcontent"> <div style="text-align: center; font: 25px 'oswald'; color: #6f5b53; letter-spacing: 2px; text-shadow: 1px 1px #eee, 2px 2px #111; text-transform: uppercase;">boys name</div><p> <div style="text-align: justify;"><div id="gall"> <table><tbody><tr><td width="30px"><strong>-AB-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-CD-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-EF-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-GH-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-IJ-</strong></td> <td>заполняем<br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-KL-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-MN-</strong></td> <td>заполняем<br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-OP-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-QR-</strong></td> <td>заполняем<br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-ST-</strong></td> <td>заполняем<br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-UV-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-WX-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-YZ-</strong></td> <td>заполняем</td></tr></tbody></table> </div></div><p> </div> </div> <div class="galltab"> <input type="radio" id="galltab-3" name="galltab-group-1"> <label for="galltab-3"></label> <div class="gallcontent"> <div style="text-align: center; font: 25px 'oswald'; color: #6f5b53; letter-spacing: 2px; text-shadow: 1px 1px #eee, 2px 2px #111; text-transform: uppercase;">surname</div><p> <div style="text-align: justify;"><div id="gall"> <table><tbody><tr><td width="30px"><strong>-AB-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-CD-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-EF-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-GH-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-IJ-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-KL-</strong></td> <td><a href="http://vivalavida.rusff.me/profile.php?id=5">- Kortez | Кортез </a><br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-MN-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-OP-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-QR-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-ST-</strong></td> <td><a href="http://vivalavida.rusff.me/profile.php?id=9">- Screiber | Шрейбер </a><br></td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-UV-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-WX-</strong></td> <td>заполняем</td></tr></tbody></table><br> <table><tbody><tr><td width="30px"><strong>-YZ-</strong></td> <td>заполняем</td></tr></tbody></table> </div></div><p> </div> </div> </div></td></div></div></table></center></div> <br><hr><br> <div style="border: 1px double #e7e7e7; text-align: justify; background-color: #fff; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; width: 590px;"><center><b>ШАБЛОН ЗАПОЛНЕНИЯ</b><br> Для каждого нового значения создается новый код.<br> Не забудьте ставить <b>[x]</b> в конце кода, если желаете сохранить право пользования именем только за своей персоной.<br> Если вы любите тёзок и не прочь завести их в Вальдивии - забудьте про [х] и оставьте заполненное поле искомым.<br></center></div><br> <div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">возьми меня</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre><a href="ссылка на профиль">- ваше имя/или фамилия/или кличка на английском | ваше имя/или фамилия/или кличка на русском </a><br></pre></div></div></div><br>