Код:
<!--HTML-->
<style>
#scord { width: 400px; height: 400px; overflow: hidden; background-image: url(http://funkyimg.com/i/WYVJ.png); border: 5px solid #FFA07A; }
</style>
<center>
<div class="wrappataptap">
<div id="scord">
<div class="dorg">
<div class="scurd">
<div class="throng" style="margin-top: -3px;">click</div>
</div>
</div>
<div class="grod">
<div class="crod">
<div style="width: 380px; height: 380px; background-image: url();">
<div style="height: 10px;"></div>
<div style="width: 320px; height: 320px; padding: 20px; background-color: #FFDAB9; opacity: 0.9">
<div style="height: 10px;"></div>
<div class="dropp">
На свете столько городов: больших и маленьких, а люди все равно ищут один-единственный, который станет самым важным, родным и любимым. Люди ищут друзей, вторую половинку, надежность, счастье и просто место, где им будет хорошо и комфортно. И с превеликим удовольствием рады сообщить вам, что мы нашли такой город: Сиэтл, вечно не спящий город, где жизнь кипит и не дает ни минуты отдыха двадцать четыре часа в сутки. Огромный мегаполис, который не может дождаться своих героев. Кем станете вы? Местным казановой? Успешным бизнесменом? Храбрым спасателем? Или же пойдете по скользкой дорожке криминального гуру? Решать только вам, но, знайте, что вы здесь жизненно необходимы. Что можем предложить мы? Веселую компанию; прекрасных со-игроков; надежность, стабильность и уверенность в завтрашнем дне; адекватную администрацию и возможность найти настоящих друзей. Гарантируем, что в Сиэтле вы забудете про такие мелочи жизни как сессия, работа и прочие "радости"; вам захочется остаться в этом городе и обосноваться здесь надолго. Сиэтл не просто мегаполис в далеких Штатах. Сиэтл - новая жизнь. Ваша новая жизнь.
<br><center>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</center></br>
► Сиэтл, штат Вашингтон, реальная жизнь
► внешности держим только зарегистрированным пользователям
► шаблон придержания внешности заполняется в обязательном порядке
► один профиль = одна внешность
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</center>
<style>.wrappataptap { width: 480px; height: 480px; box-shadow: 0px 0px #efefef; }
#scord .scurd { width: 370px; background-color: transparent ; margin-top: 250px; margin-bottom: -168px; padding: 15px; height: 38px; overflow: hidden; opacity: 1; transition-duration: 0.1s; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-delay:.8s;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s; }
#scord:hover .scurd { opacity: 0.8; transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s; }
#scord .dorg { position: relative; left: 0px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s; }
#scord:hover .dorg { position: relative; left: -400px; transition-delay:.8s;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s; }
#scord .grod { position: relative; top: 0px; margin-top: 250px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
#scord:hover .grod { position: relative; top: -390px; opacity: 1; transition-delay:1.8s;-webkit-transition-delay:1.8s;-moz-transition-delay:1.8s;-o-transition-delay:1.8s; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
#scord .crod { opacity: 0.8; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
#scord:hover .crod { opacity: 1; transition-delay: 2.5s;-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
.throng { font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 1px; font-size: 13px; line-height: 13px; text-transform: uppercase; color: #548B54; opacity: 0.8; }
#scord .dropp { width: 300px; height: 300px; padding: 0px 10px; text-align: justify; font-family: arial; font-size: 10px; color: #444; overflow: auto; font-style: ; }
.dropp i { color: #E94D4D; text-shadow: 1px 1px #eee; }
.dropp b { font-weight: bold; color : #D1E751; text-shadow: 1px 1px #eee; }
.dropp::-webkit-scrollbar { width: 8px; }
.dropp::-webkit-scrollbar-track {background-color: #D1E751;}
.dropp::-webkit-scrollbar-thumb {background-color: #D1E751;}
</style>
<center><quote>
<div style="width: 385px; font-family: arial; font-size: 11px; line-height: 100%; text-align: center; background-color: #FFDAB9; padding: 10px; border: 2px solid #FFA07A;">
<div style="width: 385px; text-align: center; font-family: georgia; font-size: 18px; line-height: 100%; letter-spacing: -1px; color: #EE7621; padding-bottom: 5px;">
<i><b>придержанные внешности</b></i>
</div>
<details>
<summary>для администрации // бессрочно</summary>
<br>Aaron Taylor-Johnson
<br>Barbara Palvin
<br>Charlie Hunnam
<br>Chris Evans
<br>Chris Wood
<br>Deborah Ann Woll
<br>Dylan O'Brien
<br>Elizabeth Olsen
<br>Emmy Rossum
<br>Jack Falahee
<br>Holland Roden
<br>Ian Somerhalder
<br>Karen Gillan
<br>Kit Harington
<br>Lily Collins
<br>Miranda Kerr
<br>Phoebe Tonkin
<br>Tatiana Maslany</details>
<br>
<details>
<summary>для гостей форума</summary>
<br>Adrianne Palicki — Ava Palmer
<br>Amber Heard — стрейзанд
<br>Asa Butterfield — coffee bear
<br>Blake Lively — red_queen
<br>Candice Accola — весна
<br>Daniel Sharman — капитан арктика
<br>Danielle Campbell — вкусняшка
<br>Danila Kozlovskiy— Кокос
<br>Ebba Zingmark — котёнок
<br>Emilie de Ravin — Комнатный Расист
<br>Emma Stone — harley
<br>Jenna Coleman — кобра
<br>Jensen Ackles — пряня
<br>Jeremy Irvine — слоу
<br>Jessica Chastain — для Лильки
<br>Jessica Stroup — скитающаяся
<br>Frida Gustavsson — клаssика
<br>Hugh Dancy — раджеш кутраппали
<br>Katerina Grаham — b e a u t y
<br>Katie McGrath — ламия
<br>Kaya Scodelario — барса
<br>Kristen Stewart — барса
<br>Lena Headey — королева-мать
<br>Luke Hemmings — former vandal
<br>Margot Robbie — sex quality
<br>Megan Fox — барашек
<br>Michael Fassbender — для Патрика
<br>Miranda Kerr — милые ямочки
<br>Natalie Dormer — Alaska Young
<br>Nicola Peltz — место шелдона
<br>Nicholas Hoult — Alaska Young
<br>Nina Dobrev — бобровый пельмень
<br>Norman Reedus — джоэл
<br>Paul Walker — Ava Palmer
<br>Paul Wesley — Nicolas
<br>Richard Armitage — Francis Thornton
<br>Sam Claflin — Мужик с трезубцем
<br>Sean Bean — Theodore Coulmier
<br>Taron Egerton — яибал
<br>Victoria Justice — peach
<br>Zoey Deutch — мохито
</details>
</div></div><div style="width: 465px; text-align: right; font-family: arial; font-size: 7px; text-transform: uppercase; line-height: 100%; padding-top: 2px;"></div></quote></center>шаблон придержания внешности
Код:
Имя и Фамилия знаменитости на англ.языке — ваш ник
