Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'> <style type="text/css"> #fallout { width: 390px; padding: 10px; background-image: url('http://i.imgur.com/3YfB87B.png'); border: #4B3B40 10px solid; } .llamallama { position: relative; width:350px; height: 375px; text-align: center; background: #F2E7D7; border: #4B3B40 solid 5px; padding: 5px; } .hippo { float: left; } .hippo label { background: #4B3B40; margin-left: 20px; padding: 5px; position: relative; left:130px; top: 15px; font-size: 5px; color: #4B3B40; } .hippo [type=radio] { display: none; } .moose { position: absolute; width: 300px; height: 300px; top: 50px; bottom: 0px; left:20px; right: 0px; background: #F2E7D7; color: #4B3B40; padding: 10px; border: 0px; } [type=radio]:checked ~ label { background: #B985AC; color: #B985AC; z-index: 2; } [type=radio]:checked ~ label ~ .moose { z-index: 1; } </style> <center><div id="fallout"><div class="llamallama"> <div class="hippo"> <input type="radio" id="hippo-1" name="hippo-group-1" checked> <label for="hippo-1">tab</label> <div class="moose"> <div style="width:300px; height: relative; text-align: center; font-family: 'georgia', sans-serif; font-size: 11px; letter-spacing: 4px; color: #705953; text-transform: uppercase;"><b>ПАРНИ</b><br><br> <a href="http://ageultrone.ru/profile.php?id=77" target="_blank" title="Pietro Maximoff">Aaron-Taylor Johnson</a><br> <a href="http://ageultrone.ru/profile.php?id=94" target="_blank" title="Nathaniel Essex">Alan Sidney Patrick Rickman</a><br> <a href="http://ageultrone.ru/profile.php?id=81" target="_blank" title="Peter Parker">Andrew Garfield</a><br> <a href="http://ageultrone.ru/viewtopic.php?id=355" target="_blank" title="Grant Douglas Ward">Brett Dalton</a><br> <a href="http://ageultrone.ru/profile.php?id=104" target="_blank" title="Steven Rogers">Chris Evans</a><br> <a href="http://ageultrone.ru/profile.php?id=102" target="_blank" title="Thor Odinson">Chris Hemsworth</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=39" target="_blank" title="Brock Rumlow">Frank Grillo</a><br> <a href="http://ageultrone.ru/profile.php?id=74" target="_blank" title="Clinton Barton">Jeremy Lee Renner</a><br> <a href="http://ageultrone.ru/profile.php?id=107" target="_blank" title="Frank Castle">Jon Bernthal</a><br> <a href="http://ageultrone.ru/profile.php?id=103" target="_blank" title="Bruce Banner">Mark Ruffalo</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=40" target="_blank" title="Vision">Paul Bettany</a><br> <a href="http://ageultrone.ru/profile.php?id=88" target="_blank" title="Alexander Sokolov">Robbie Amell</a><br> <a href="http://ageultrone.ru/profile.php?id=105" target="_blank" title="James Buchanan "Bucky" Barnes">Sebastian Stan</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=38" target="_blank" title="Loki Laufeyson">Thomas William Hiddleston</a><br> <a href="http://ageultrone.ru/profile.php?id=62" target="_blank" title="Fandral">Zachari Levi</a><br></div> </div> </div> <div class="hippo"> <input type="radio" id="hippo-3" name="hippo-group-1"> <label for="hippo-3">tab</label> <div class="moose"> <center> <div style="width:300px; height: relative; text-align: center; font-family: 'georgia', sans-serif; font-size: 11px; letter-spacing: 4px; color: #705953; text-transform: uppercase;"><b>ДЕВУШКИ</b><br><br> <a href="http://ageultrone.ru/profile.php?id=108" target="_blank" title="Bobbi Morse">Adrianne Palicki</a><br> <a href="http://ageultrone.ru/viewtopic.php?id=329#p16745" target="_blank" title="Sigyn">Angelina Jolie</a><br> <a href="http://ageultrone.ru/profile.php?id=84" target="_blank" title="Sintia Schmidt">Cintia Dicker</a><br> <a href="http://ageultrone.ru/profile.php?id=63" target="_blank" title="Skye">Chloe Bennet</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=32" target="_blank" title="Maria Hill">Cobie Smulders</a><br> <a href="http://ageultrone.ru/profile.php?id=79" target="_blank" title="Wanda Maximoff">Elizabeth Olsen</a><br> <a href="http://ageultrone.ru/profile.php?id=80" target="_blank" title="Gwen Stacy">Emma Stone</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=31" target="_blank" title="Lady Sif">Jaimie Alexander</a><br> <a href="http://ageultrone.rolka.me/profile.php?id=110" target="_blank" title="Anastasia Romanova">Liv Tyler</a><br> <a href="http://ageultrone.ru/profile.php?id=38" target="_blank" title="Loki Laufeyson">Gal Gadot</a><br> <a href="http://ageultrone.ru/profile.php?id=58" target="_blank" title="Virginia "Pepper" Potts">Gwinet Paltrow</a><br> <a href="http://ageultrone.ru/profile.php?id=85ь" target="_blank" title="Ophelia Sarkissian">Paz Vega </a><br> <a href="http://ageultrone.ru/profile.php?id=34" target="_blank" title="Natasha Romanoff">Scarlett Johansson</a><br> <a href="http://ageultrone.ru/profile.php?id=86" target="_blank" title="Yelena Belova">Natalie Dormer</a><br> <a href="http://ageultrone.ru/profile.php?id=90" target="_blank" title="Jane Foster">Natalie Portman</a><br> </div> </div> </div> </div>
Код:
<a href="ссылка на ваш профиль" target="_blank" title="имя фам перса на анг">имя звезды на англ</a><br>