активисты недели
пост недели
эпизод недели
игроки недели
гостевая путеводитель внешности
хочу к вам нужные парни нужные девушки
В нашем городе всегда чувствуешь себя как дома, даже если ты просто проезжал мимо. С первого взгляда можно подумать, что здесь всегда царят мир и спокойствие, но присмотрись поближе, и увидишь, что все не так просто. Мы молодые, привлекательные, дерзкие и искренние. Мы любим и ненавидим всем сердцем. Очень преданны, но сжигаем за собой мосты. Мы непостоянны. Тебя ждут все тонкости подростковой любви, сложных отношений с родителями, жесткая конкуренция и самые неожиданные моменты. Окунись с нами в этот яркий мир. We are young. Forever young.

Forever Young

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Forever Young » Испытательный полигон » вмя


вмя

Сообщений 1 страница 16 из 16

1

готовые отношения

0

2

Код:
<!--HTML--><link rel=stylesheet type=text/css href=https://forumstatic.ru/files/0011/bf/03/32229.css><table><tr><td><div class="relathover"><div class="relatname"><a href="ссылка на профиль">NameSurname</a>
</div><div class=relatimg>
<img src="http://placehold.it/245x138">
</div><div class=relatext>
описание отношений
</div></div></td><td><div class="relathover"><div class="relatname"><a href="ссылка на профиль">NameSurname</a>
</div><div class=relatimg>
<img src="http://placehold.it/245x138">
</div><div class=relatext>
описание отношений
</div></div></td></tr></table>

0

3

готовые отношения

http://placehold.it/100x100

имя фамилия
расписанные отношения

http://placehold.it/100x100

имя фамилия
расписанные отношения

0

4

[emoji]

<table><tr><td>

<!-- Начните с выбора цвета, он может быть любым. Вместо #cbab41 вставьте 4 раза ваш выбранный цвет, чтобы было проще используйте ctrl+f - #cbab41 и замените во всех найденных местах. Можно оставить так как есть-->

<style>.relation {border-bottom: 3px solid #cbab41;}
.relation1::-webkit-scrollbar-track { background-color: #fff; border-left: 1px solid #cbab41; }
.relation1::-webkit-scrollbar-thumb { background-color: #cbab41; }
.name{ color: #cbab41; }</style>

<center><div class='m-1'><figcaption><div class='m-3'>
<div class="relation" style="margin-top: 5px; margin-left: 5px"><div class="lagzone6"><center>

<!-- Ваша эмоция по отношения к человеку -->

Эмоция

</center></div><div class="relation1"><br>

<!-- Информация об отношениях -->

Информация об отношениях

</div></div></div></figcaption><div class='m-2'></div>

<!-- После url( вместо ... вставьте картинку 245-250px - в ширину, 150px - в длину -->

<div class='m-av' style='background-image: url(http://placehold.it/250x150); rgba(0,0,0,0.2);'><div class="name" style="margin-top: 85px; margin-left: -150px"><br>

<!-- Имя персонажа на англ. языке -->

Name Surname

</div>

</div></div></center>  </div></td><td><center><div class='m-1'><figcaption><div class='m-3'>
<div class="relation" style="margin-top: 5px; margin-left: 5px"><div class="lagzone6"><center>

<!-- Ваша эмоция по отношения к человеку -->

Эмоция

</center></div><div class="relation1"><br>

<!-- Информация об отношениях -->

Информация об отношениях

</div></div></div></figcaption><div class='m-2'></div>

<!-- После url( вместо ... вставьте картинку 245-250px - в ширину, 150px - в длину -->

<div class='m-av' style='background-image: url(http://placehold.it/250x150); rgba(0,0,0,0.2);'><div class="name" style="margin-top: 85px; margin-left: -150px"><br>

<!-- Имя персонажа на англ. языке -->

Name Surname

</div>

</div></div></center>  </div></td></tr></table>

0

5

Код:
<!--HTML-->

<center>
<div class="universalbackgroundbox">

<div class="topimageform" style="background-image: url(ССЫЛКА НА ИЗОБРАЖЕНИЕ 180х180);"></div>

<div style="margin-top: -170px;">
<div class="contentboxup">
<table><td style="width: 370px; height: 150px; ><div margin-top: 15px;">
<center>

<div class="linkbox" style="margin-left: 15px; margin-top: 7px;">

ПОЛНОЕ ИМЯ ПЕРСОНАЖА НА РУССКОМ

</div>


<div class="linkbox" style="margin-left: 15px; margin-top: 7px;">

ВОЗРАСТ ЦИФРАМИ, ДАТА РОЖДЕНИЯ

</div>


<div class="linkbox" style="margin-left: 15px; margin-top: 7px;">

ВНЕШНОСТЬ ЗНАМЕНИТОСТИ НА АНГЛИЙСКОМ

</div>

<div class="linkbox" style="margin-left: 15px; margin-top: 7px;">

ПРОФЕССИЯ

</div>


<div class="linkbox" style="margin-left: 15px; margin-top: 7px;">

ОРИЕНТАЦИЯ

</div>

</div></center>
</td><td>
<div style="width: 180px; background-color: transparent;"></div>
</td></table>
</div>

<div class="headtext">

Полное имя персонажа на английском

</div>
<div class="contentboxdown">
<div style="margin-top: 10px;"></div>
<table><tr style="width: 100%">
<div class="textbox">

<div class="textbox1"><br>

Подробное описание персонажа. Характер и биография в любой удобной форме объемом не менее 10 строк.

<br><br>
</div></div></tr>
</table>
</div>
<div style="margin-top: 20px;"></div></div>
</center>

0

6

Код:
<!--HTML-->
<center><div class="universalbackgroundbox">
<div style="margin-top: 0px;"></div>
<div class="relimage" style="background-image: url(http://liubavyshka.ru/_ph/151/2/625260345.jpg)"></div>
<div style="margin-top: -140px;">
<div class="contentboxdown">
<div style="margin-top: 10px;"></div>
<div class="relbox"><div class="relboxinside">
<div class="topictitle">

имя фамилия

</div><div class="topictext">

дополнительная информация

</div><br>

Краткое описание отношений

</div></div>
<div style="margin-top: 10px;"></div></div>
<div style="margin-top: 20px;"></div></div>
</center>

0

7

проверка

0

8

--

ИМЯ И ФАМИЛИЯ ВНЕШНОСТИ НА АНГЛ.

ИМЯ И ФАМИЛИЯ НА АНГЛ.

ДОПОЛНИТЕЛЬНО

✖ Имя и фамилия на русс.
✖ Прозвища персонажа, если таковы имеются.

✖ Дата рождения и возраст.
✖ Указываем сферу деятельности.
✖ Ориентация персонажа.

ОСНОВНАЯ ИНФОРМАЦИЯ

Здесь пишем биографию и характер персонажа (не менее 10 развернутых предложений).

СВЯЗЬ

ICQ, SKYPE, VK etc.

0

9

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lora|Rochester' rel='stylesheet' type='text/css'>

<style type="text/css">

.header-font {
font: normal normal normal 50px/100% 'Rochester';
width: 500px;
color: #B38184;
text-shadow: 1px 1px 0px #F7E4BE, 2px 2px 0px #73626E, 3px 3px #413E4A;
letter-spacing: 1px;
}

.header-text {
width: 435px;
padding: 20px 20px 10px 20px;
font: normal normal normal 10px/90% 'Lora';
background-color: #F7E4BE;
text-align: justify;
margin-top: 10px;
color: #73626E;
}

.canon-title {
margin-top: 10px;
background-color: #73626E;
font: normal normal normal 30px/100% 'Rochester';
color: #F7E4BE;
text-align: center;
padding: 10px 10px 15px 10px;
width: 455px;
text-shadow: 1px 1px 0px #413E4A, 2px 2px 0px #413E4A;
}

#canon-container {
width: 475px;
background-color: transparent;
}

.canon-hov {
width: 150px;
height: 250px;
background-color: #B38184;
opacity: 0;
transition-duration: 2s;  
-moz-transition-duration: 2s;  
-webkit-transition-duration: 2s;  
-o-transition-duration: 2s;
}
.canon-hov:hover { opacity: 0.9 }

.canon-hov2 {
width: 150px;
height: 250px;
background-color: #B38184;
}

.canon-boxtext {
width: 100px;
height: 148px;
background-color: #F7E4BE;
outline: 3px #F7E4BE double;
padding: 10px;
font: normal normal normal 10px/90% 'Lora';
text-align: justify;
margin-top: 17px;
margin-left: 15px;
overflow: auto;
color: #413E4A;
}
.canon-hov2 h1 {
font: normal normal normal 25px/100% 'Rochester';
text-align: center;
color: #413E4A;
text-shadow: 1px 1px 0px #F7E4BE;
}
.canon-hov2 h2 {
font: normal normal normal 10px/100% 'Lora';
background-color: #F7E4BE;
padding: 5px;
color: #413E4A;
text-align: center;
margin-top: -12px;
}

#canon-container table {
width: 455px;
padding: 10px 10px 10px 5px;
}
#canon-container tr td {
width: 150px;
height: 250px;
}

.canon-credz {
width: 475px;
text-align: right;
}

.canon-credz a:link,
.canon-credz a:active,
.canon-credz a:visited,
.canon-credz a:hover {
font: normal normal normal 10px/100% 'Lora';
color: #B38184;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 3px;
</style>

<center>
<div class="header-font">Canon List</div>

<div class="header-text"> here go all the rules and stuff! yay you
  <p>
    
  <b>RESERVATIONS</b>
  <br>blah blah - for this and that person until <b>19/03</b>
</div>

<div class="canon-title">group one</div>

<div id="canon-container">
  <table class="canon-container">
    <tr><td><div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
      
text goes here, will scroll!
    </div>
    
  </div></div></div>
    </div>
  </td>
  
  <td>
  <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
      
text goes here, will scroll!
    </div>
    
  </div></div></div>
    </div>
  </td>
  
  <td>
   <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
      
text goes here, will scroll!
    </div>
    
  </div></div></div>
    </div>
  </td></tr>
  
  <tr><td>
    <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
      
text goes here, will scroll!
    </div>
    
  </div></div></div>
    </div>
  </td>
  
  <td>
    <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
      
text goes here, will scroll!
    </div>
    
  </div></div></div>
    </div>
  </td>
  
  <td>
    <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!);">
      <div class="canon-hov">
  <div class="canon-hov2">
    
    <h1>first last</h1>
    <h2>##. playby. open.</h2>
    <div class="canon-boxtext">
       text about char goes here, it will scroll
    </div>
    
  </div></div></div>
    </div>
  </td></tr></table>
  
  </div>
  
  <div class="canon-credz"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=24756">dino&hearts;</a></div>
</center>

0

10

Код:
<!--HTML--><center> <link href='http://fonts.googleapis.com/css?family=Nova+Mono|Life+Savers|Source+Code+Pro:300' rel='stylesheet' type='text/css'> <style type="text/css">

.sara-boxes { width: 96px; height: 16px; background-color: #f1f1f1; text-align: center; font-family: times; font-size: 10px; text-transform: lowercase; font-weight: none; font-style: italic; color: #000; letter-spacing: 1px; line-height: 100%; margin-left: 5px; padding: 5px 0px 0px 0px;}

.name-box { width: 220px; height: 20px; background-color: #fff; border: 3px double #CCC; padding: 18px 10px 10px 10px; font-family: 'cambria'; font-size: 20px; letter-spacing: 1px; color: #000; font-style: italic; position: relative; top: 180px; opacity: .88;  }

.alias-box { width: 220px; height: 5px; padding: 5px 10px 10px 10px; text-align: center; font-family: cambria; font-size: 13px; font-style: italic; color: #000; background-color: #f1f1f1; border: 3px double #CCC; margin: 8px 0px 0px 0px; }

</style>
<div style="width: 450px;">
<div style="width: 450px; height: 250px; background-image: url(450 X 250 IMAGE GOES HERE!!!!!!!!!!!);"> <div class="name-box"> annalise hughes </div> </div>
<div style="width: 450px; height: 60px; background-color: #333; position: relative;">
<table cellspacing="0" cellpadding="0" style="position: relative; top: 20px; left: -3px;">
<td><div class="sara-boxes">

age

</div>  </td><td><div class="sara-boxes">

occupation

</div> </td><td><div class="sara-boxes">

member group

</div>  </td>
<td><div class="sara-boxes">

playby name

</div>  </td> </table></div>
<div style="width: 450px; background-color: #333; padding: 0px 0px 10px 0px;">
<div style="width: 380px; height: 230px; background-color: #4E4E4E; padding: 10px; font-family: cambria; font-size: 10px; color: #f1f1f1; line-height: 100%; text-align: justify; overflow: auto; ">

app goes here. it will scroll.

</div>
<div style="height: 7px;"></div>
<div class="alias-box"> player info goes here.  </div> 

</div></div>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=11304"><div style="width: 450px;text-align: right; font-family: cambria; font-size: 8px; text-transform: uppercae; font-style: italic; color: #000; line-height: 100%; letter-spacing: 1px;"> ♥ SARA! </div></a>
</center>

0

11

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<style type='text/css'>
.melissa-credit {text-align:center; margin-top:3px;}
.melissa-credit a {font-family:roboto condensed !important; font-size:7px !important; text-transform:uppercase !important; color:#7f7f7f !important; letter-spacing:1px !important;}
.mmm {background-image:url(http://subtlepatterns.com/patterns/nasty_fabric.png); width:400px; padding:15px; border:#f3f3f3 5px solid;}
.whatcha {padding:30px; width:330px; background-color:#3e3e3e; font-family:fugaz one; font-size:22px; text-align:center;text-transform:lowercase; letter-spacing:-1px; color:#fff; border: #f3f3f3 5px solid; text-shadow:1px 1px 0px #3e3e3e, 2px 2px 0px #a8caed;}
.say {width:330px; margin-top:8px; height:1px; background-color:#fff;}
.mm {background-color:#fff; padding:20px; width:350px; border:#f3f3f3 5px solid; margin-top:5px;}
.that {width:106px; margin-bottom:3px; height:106px; padding:10px; background-image:url(http://subtlepatterns.com/patterns/nasty_fabric.png); border:#f3f3f3 5px solid;}
.that img {with:100px; height:100px; border:#f3f3f3 3px solid;}
.you {width:190px; padding:5px; margin-bottom:3px; height:124px; border:#f3f3f3 1px solid; overflow:auto; text-align:justify; font-family:calibri; font-size:11px; color:#7f7f7f; line-height:100%;;}
.you::-webkit-scrollbar { background: #fff; width: 4px; }
.you::-webkit-scrollbar-thumb { background: #a8caed; width: 4x }
.you::-webkit-scrollbar-corner { background: #fff; }
.you b {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#a8caed; letter-spacing:1px;}
.you i {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#a8caed; letter-spacing:1px;}
.you s {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#a8caed; letter-spacing:1px;}
#only { width: 106px; height: 106px; position: relative; overflow: hidden; } 
#only .meant { width: 106px; height: 106px; top: 126px; position: absolute; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
#only:hover .meant {top:0px;}
.well {width:66px; height:66px; padding:20px; background-color: rgba(0,0,0,0.5);}
.its {margin-top:10px; font-family:roboto condensed; color:#fff; font-size:7px; text-transform:uppercase; letter-spacing:1px; text-align:center; line-height:100%;}
.all {width:66px; margin-top:5px; margin-bottom:5px; height:1px; background-color:#fff;}



</style>

<center><div class='mmm'><div class='whatcha'>Тайнам незачем скрываться<div class='say'></div></div><div class='mm'>
<table>
<td>
<div class='that'><div id='only'><img src='http://i11.pixs.ru/storage/3/1/2/tumblrncxo_8223591_17751312.gif'><div class='meant'><div class='well'><div class='its'>11 апреля 2015, 20:00<div class='all'></div>квартира Эмбер</div></div></div></div></div>
</td><td>
<div class='you'>
<b>А насколько хорошо ты знаешь свою лучшую подругу?</b> <br>
Мисти, в попытках сбежать от прошлого, собирает вещи и неожиданного появляется на пороге квартиры Эмбер.

<p>



</div>
</td></table>
</div></div></center>
<center><div class='mmm'><div class='whatcha'><div class='say'></div></div><div class='mm'>
<table>
<td>
<div class='that'><div id='only'><img src='http://placehold.it/100'><div class='meant'><div class='well'><div class='its'>face claim<div class='all'></div>##. group.</div></div></div></div></div>
</td><td>
<div class='you'>
текст текст текст

<p>



</div>
</td></table>
</div></div></center>
<div class='melissa-credit'> </div>

0

12

Код:
<!--HTML--><center><div style="background-color: ecf6f7; width:500px; padding:10px; line-height:120%; border:2px powderblue solid; -moz-border-radius:30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; margin:0;"><div style="font-family: georgia; color: powderblue; text-align: center; font-size: 30px; width: 500px; padding: 10px 10px 0px 10px; text-transform: lowercase;">lyrics lyrics lyrics</div>

<div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 455px; padding: 1px; text-transform: uppercase; padding: 10px 20px 10px 20px;">a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you. a couple lines of lyrics here or an explaination of the plot all up to you.</div>

<div style="margin-top: 10px; margin-right: 350px">
<style /> #hovernav span{ display: none;} #hovernav:hover span{ display: block; position: relative; margin-top: -154px;} </style /> <div id="hovernav"> <img src="FIRST IMG"> <span><img src="SECOND IMG"></span> 

</div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7; font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>first last<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC.</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH</div></div>

<div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: 30px; margin-right: -195px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>first last<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC.</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH</div></div>

<div style="margin-top: -150px; margin-left: 350px"><style /> #hovernav span{ display: none;} #hovernav:hover span{ display: block; position: right;} </style /> <div id="hovernav"> <img src="FIRST IMG"> <span><img src="SECOND IMG"></span> 
</div></div>
<br><br>
<style /> #hovernav span{ display: none;} #hovernav:hover span{ display: block; position: relative; margin-top: -154px;} </style /> <div id="hovernav"> <img src="FIRST IMG"> <span><img src="SECOND IMG"></span> 

</div><div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: -148px; margin-left: 165px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>first last<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC.</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH</div></div>

<div style="background-color: snow; width:320px; height:130px; font-size:9px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:20px 50px 0px 30px; margin-top: 30px; margin-right: -195px; overflow:auto; padding:5px; opacity: .7;font-family: calibri; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; text-align: center;"><br>first last<div style="font-family: arial; color: #000; text-align: center; font-size: 6px; text-transform: uppercase; width: 300px;">CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC. CHARACTERISTIC.</div><div style="font-family: times new roman; color: #000; text-align: justify; font-size: 9px; width: 305px; padding: 1px;">BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH</div></div>

<div style="margin-top: -150px; margin-left: 350px"><style /> #hovernav span{ display: none;} #hovernav:hover span{ display: block; position: right;} </style /> <div id="hovernav"> <img src="FIRST IMG"> <span><img src="SECOND IMG"></span> 
</div></div><br><div style="width:500px; height:20px; background-color:powderblue; -moz-border-radius:0px 0px 30px 30px; -webkit-border-radius:0px 0px 30px 30px; padding:3px;">BLUEGREENPEARLS OF ATF & SDS MADE THIS TEMPLATE. <br>THANKS TO ANALEIGH AND THE REVOLUTION FROM SDS FOR THE HOVERNAV CODES.</div></div></center>

0

13

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'><div style="background-color: #F0F0F0; padding: 10px; width: 300px; border-left: 8px solid #b5cdcd;">
<div style="width: 280px; padding: 10px; background-color: #ffffff; font-family: tahoma; color: #000000; font-size: 9px; line-height: 95%; text-align: justify;">

<div style="width: 280px; font-family: 'Mrs Saint Delafield', cursive; font-size: 20px; color: #000000; line-height: 90%; letter-spacing: 1px;">William,</div>

<p>
put your note here! it'll expand as you type, not scroll.

<div style="width: 280px; font-family: 'Mrs Saint Delafield', cursive; font-size: 20px; color: #000000; line-height: 90%; letter-spacing: 1px; text-align:right;">- Lettie</div>
</div>

<div style="with: 300px; font-family: courier new, serif; font-size: 4px; line-height: 70%; text-align: right;">[url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=10737]x[/url]</div></center>

0

14

Код:
<!--HTML--><center><style type="text/css">
.iwisendwor {padding: 20px; background-color: #b698ce; border-bottom: 3px solid #fff; width: 300px; border-radius: 5px 5px 0px 0px;  -webkit-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; box-shadow: 2px 2px 2px #000; }


.sitholdhe {padding: 15px; background-color: #fff; width: 270px; border-top: 20px solid #59185f; border-radius: 5px 5px 0px 0px;  -webkit-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-bottom: 5px double #495168; }

.hekiforave { font-family: trebuchet ms; font-size: 9px; text-align: justify; line-height: 90%; color: #000; text-transform: lowercase; width: 270px;   }
.thisbaleno {width: 340px; height: 50px; background-color: #D8CCB2; border-top: 1px dotted #000; box-shadow: 2px 2px 2px #000; } 
.hekiforave:first-letter { float: left; margin: 10px 8px 20px 0px;  font-family: Old Standard TT; font-style: italic; font-size: 50px; text-transform: lowercase;  color: #bfa7d9; font-weight: bold; text-shadow: 1px 1px 1px #eaeaea, 2px 2px 2px #000, 2px 2px 2px #000;}
.imsurout {font-family: Old Standard TT; font-size: 45px; text-align: center; padding-bottom: 15px; padding-top: 15px; color: #bfa7d9; font-style: italic; width: 270px; text-transform: lowercase; letter-spacing: -1px; text-shadow: 1px 1px 1px #eaeaea, 2px 2px 2px #000, 2px 2px 2px #000; font-weight: bold;}
</style>

<div class="iwisendwor"><div class="sitholdhe">
<div class="imsurout">Заголовок</div><hr><br>
<div class="hekiforave">Текст текст текст</div>
<br>
<br>
<br>


</div></div>
</center>

0

15

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position:relative; top:1px;">name name</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:5px; font-size:10px; line-height:100%; color:#55396c;">что-то еще</div>
<br>

<div style="overflow-x: auto; width: 195px; height: 55px; border-top: solid 3px #55396c; border-bottom: solid 2px #55396c; background-color: #dfdbfe; box-shadow: 0 0 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 8px; text-transform: uppercase; text-align: center; font-family: Verdana; border-radius: 30px 5px; padding-top: 5px;"><img src='http://savepic.ru/7618415.png'><img src='http://savepic.ru/7618415.png'><img src='http://savepic.ru/7618415.png'><img src='http://savepic.ru/7618415.png'><img src='http://savepic.ru/7618415.png'>

</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">about</label>
<div class="orionc">
<center><div class="text2"><center><table border="0">
<tbody><tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
</tbody></table></center></div></center>
</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">friends</label>
<div class="orionc">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</div>
</div>



</div></div>


</center>

<style type="text/css">
.corion {
  width: 400px;
  padding: 15px;
  height: 400px;
  background-color: #d9d5ef;
  border: 1px solid #eee
  }

.corion2 {
  width: 400px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: "Kaushan Script";
  font-size: 32px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #55396c
  }

.orionhead2 {
  width: 150px;
  height: 115px;
  position: relative;
  float: right;
  border: 10px solid #eee;
  background-image: url(http://www.hdwallpaperscool.com/wp-content/uploads/2014/03/blake-lively-gorgeous-smile-wallpapers-free-download-best-desktop-background-wallpapers-150x120.jpg)
  }

.orions {
  position: relative;
  width: 400px;
  height: 250px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #eee;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 100px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 348px;
  height: 178px;
  background: white;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 9.5px;
  line-height: 95%;

  border: 1px solid #eee;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: white;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>

0

16

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum|Milonga' rel='stylesheet' type='text/css'>

<center><div class="shipback"><div class="letabz">
<div class="letab"><input type="radio" id="letab-1" name="letab-group-1" checked><label for="letab-1">I</label>
<div class="shipinfo">

<div id="oneg"><div style="width: 435px; height: 435px; background-image: url(http://savepic.ru/7627399.jpg);"><div class="oneh">


<table cellspacing="0" cellpadding="0"><tr><td><img src="http://33.media.tumblr.com/74abedff81a968372fd679b4c91d0307/tumblr_inline_nl6foyVJym1t8bm8b.gif" style="height:150px; width:150px; position: relative; top: 30px; right:7px; border-radius:100%; border: 5px solid #b498cb;"><div style="height: 50px;"></td>


<td><div style="font-family: 'Lobster 1.4', cursive; font-size: 40px; text-align: center; line-height: 100%;"><span style='color:#b498cb'>Lydia Scott</span></div><div style="font-size: 8px; font-family: 'Century'; text-align: center;  text-transform: uppercase;"><i>Помнишь, я сказала, чего хотят девушки? Девушки хотят, чтобы кто-то хотел снова обрести их, по крайней мере я.</i></div>
</td></tr></table>

<table cellspacing="0" cellpadding="0"><div style="overflow-x: auto; width: 390px; height: 60px; border-top: solid 3px #b498cb; border-bottom: solid 2px #b498cb; background-color: #dfdbfe; box-shadow: 3px 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 8px; text-transform: uppercase; text-align: center; font-family: Verdana; border-radius: 30px 5px; padding-top: 5px;"><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'><img src='http://savepic.ru/7658114.png'>
</div></table>


</div></div>
</div></div></div>

<div class="letab"><input type="radio" id="letab-2" name="letab-group-1">
<label for="letab-2">II</label>
<div class="shipinfo"><div class="shipinfoz">
<center><div class="text2"><center><table border="0">
<tbody><tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
<tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
<tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
</tbody></table></center></div></center>

</div></div></div>

<div class="letab"><input type="radio" id="letab-3" name="letab-group-1">
<label for="letab-3">III</label>
<div class="shipinfo"><div class="shipinfoz">
<center><div class="text2"><center><table border="0">
<tbody><tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
<tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
<tr>
<td width="50px"><center> <a title="за начало игры"><img src='http://sh.uploads.ru/ge1QF.png'></a>
<div class="tbl">играем</div></center></td>
<td width="50px"><center> <a title="за пост недели"><img src='http://sh.uploads.ru/BGVTD.png'></a>
<div class="tbl">ты крут</div></center></td>
<td width="50px"><center> <a title="за пару недели"><img src='http://sg.uploads.ru/D6G4r.png'></a>
<div class="tbl">любим</div></center></td>
<td width="50px"><center> <a title="за эпизод недели"><img src='http://sg.uploads.ru/MRImn.png'></a>
<div class="tbl">эпизодец</div></center></td>
</tr>
<tr>
<td width="50px"><center> <a title="за заполненную соц.сеть"><img src='http://sh.uploads.ru/ipGeA.png'></a>
<div class="tbl">заполняем</div></center></td>
<td width="50px"><center> <a title="за активное ведение соц. сети "><img src='http://sg.uploads.ru/hg7Tj.png'></a>
<div class="tbl">задротик</div></center></td>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center>
<td width="50px"><center> <a title="за отзыв в топе"><img src='http://sg.uploads.ru/u28Q3.png'></a>
<div class="tbl">монстрикуем</div></center></td>
 </td></tr>
</tbody></table></center></div></center>

</div></div></div>

<div class="letab"><input type="radio" id="letab-4" name="letab-group-1">
<label for="letab-4">IV</label>
<div class="shipinfo"><div class="shipinfoz">

[b]Character Name:[/b] relationship with them(family, friend, lover, etc)
<br>or you can use this as a tracker if you’d like!

<p>If you don’t want a fourth tab, there is a code to have it so this one is gone.


</div></div></div>

</div></div> <a href="http://shine.b1.jcink.com/index.php?showuser=4589"><div style="width: 489px; height: 27px; background-color: #fff;"></div> </a></center>

<style type="text/css">
.shipinfoz::-webkit-scrollbar { background: transparent; width: 0px; }
.shipinfoz::-webkit-scrollbar-thumb { background: transparent; width: 0px; }
.shipinfoz::-webkit-scrollbar-corner { background: transparent; } 
.shipback { width: 489px; height: 459px; background-color: #d6c0e9; }
#oneg { width: 435px; height: 435px; overflow: hidden; }
#oneg:hover .oneh { top: 0px; }
.oneh { width: 435px; height:  435px;; position: relative; top: 380px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
.oneinfo { padding: 10px; width: 235px; height: 135px; background-color: #fff; font-family: ariel; color: #000; font-size: 14px; text-align: center; line-height: 100%; text-transform: lowercase; overflow: hidden; }
.oneinfo b { font-family: 'Oranienbaum', serif; letter-spacing: 3px;  font-size: 20px; color: #D1A700; }
.letabz { position: relative; width: 435px; height: 435px; padding-left: 140px;}
.shipinfo { position: absolute; top: 28px; left: 27px; width: 435px; height: 435px; background: white; }
.shipinfoz { padding: 10px; width: 415px; height: 415px; font-family: ariel; color: #000; font-size: 14px; overflow: auto; text-align: justify; line-height: 100%; text-transform: lowercase; }
.shipinfoz b { font-family: 'Oranienbaum', serif; color: #D1A700; }
.shipinfoz i { font-family: 'Oranienbaum', serif; color: #D1A700; }
.letab {float: left;}
.letab label {display: block; width: 50px; height: 15px; text-align: center; font-family: 'Milonga', cursive; color: #d6c0e9; font-size: 15px; letter-spacing: -1px; text-transform: uppercase; background: #fff; position: relative; top: 10px; }
.letab [type=radio] { display: none; }
[type=radio]:checked ~ label {color: #8b9b42; background-color: #fff; border-bottom: 0px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .shipinfo { z-index: 1; }
</style></div>
</div>

0


Вы здесь » Forever Young » Испытательный полигон » вмя


Рейтинг форумов | Создать форум бесплатно