Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <STYLE> #tabcontainer { background: #EBD7A5; width: 400px; height: 500px; margin: auto; padding: 10px; border: solid 20px #a17c5d; } .tabs { position: relative; width: 400px; clear: both; margin: 25px 0;font-family: 'lobster'; font-size: 15px; } .tab { float: left; } .tab label { background: #6C4844; padding: 10px; margin: .6px; position: relative; color: #EBD7A5; } .tab [type=radio] { display: none; baseline-tab-shift: true, retrieve;} .content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; background: #efefef; padding: 15px; color: #6C4844; font-family: arial, sans-serif; text-transform: none; font-size: 13px; text-align: justify; height: 320px; overflow: auto; line-height: 13px; } [type=radio]:checked ~ label { background: #BB5C4B; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1;} .name{width: 350px; height:60px; background:#a17c5d; font-family: 'lobster', cursive; font-size: 35px; font-align:center; padding: 20px; opacity:0.0; transition-duration: 0.7s;-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;-o-transition-duration: 0.7s; text-decoration: none; color: #EBD7A5;} .name:hover {opacity:.9} </STYLE> <center><div id="tabcontainer"><div style="width: 390px; height: 100px; background-image: url('http://savepic.su/5354054.gif'); background-position: center right;"><div class="name">Занятые внешности</div></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1"> Мужчины в эфире </label><div class="content"><center> <b>Ansel Elgort в роли <a href="ссылка на ваш профиль">Kurt Plate</a></b><br> <b>Zac Efron в роли <a href="ссылка на ваш профиль">Samuel Hogan</a></b><br> </center></div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2"> Девушки в кадре </label><div class="content"><center> tab two stuff </center></div></div> <div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3"> Для нужников $$ </label><div class="content"><center> tab two stuff </center></div></div> </div></div></center>
Код:
<b>Имя знаменитости на англ.</b><b> в роли <a href="ссылка на ваш профиль">Ваше имя на англ.</a></b><br>