выдача билетов ‡шаблон анкеты

Код:

<!--HTML--><center>

<style type="text/css" > 

.wolves11 { position: relative; top: 150px; width: 250px; background-color: #000; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 5px; color: #fff; line-height: 20px; }
.wolves22 { width: 300px; background-color: #fff; padding: 50px;  background: url(http://i.imgur.com/MTKcc0d.png) repeat;}
.wolves33 { background-color: #fff; padding: 10px; }
.wolves44 { width: 270px;  }
.wolves55 { font-family: arial; font-size: 9px; text-align: justify; text-transform: lowercase; letter-spacing: 0px; padding: 10px; background-color: #fff; line-height: 9px; }
.wolves55 b { font-style: italic; line-height: 12px; font-size: 12px; color: #000; }
.wolves44::-webkit-scrollbar {width: 1px;}
.wolves44::-webkit-scrollbar-track { background: #fff; }
.wolves44::-webkit-scrollbar-thumb { background: #000;}
.streetcred {  text-align: center; font-size: 10px; }

</style>

<div class="wolves11">come to me</div><div class="wolves22"><img src="http://savepic.net/6940782.png"><div class="wolves33"><div class="wolves44"><div class="wolves55">

отправься с нами в долгое плаванье по теплым водам к родным берегам. для этого тебе нужно всего лишь заполнить анкету по шаблону, представленному ниже, и оставить в теме, созданной в этом подфоруме. назвать тему ты волен так, как пожелаешь сам.

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


</center>

Чтобы начать с новой строки, обязательно пропишите в конце предыдущего предложения элемент  ; чтобы выделить текст жирным, используйте , курсивом - , для нижнего подчеркивания используйте - , а для зачеркнутого текста - ~~<s></s>~~.
Не забывайте убирать звездочки (*) в коде перед отправкой!

Код:

[code*]<!--*HTML-->

<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} 
::-webkit-scrollbar-thumb { background: #030303; } 
::-webkit-scrollbar-corner { background: #030303; }
::-webkit-scrollbar-track { background: transparent; }
#thtabcontainer { width: 500px; height: 500px; background-color: #030303; position: relative; }
.thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; }
.thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; }


.tabs { position: relative; height: 500px; width: 500px; clear: both; }
.tab label { display: block; width: 50px; background: #FFF; color: #030303; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; }
.tab [type=radio] { display: none; }

[type=radio]:checked ~ label { background: #96826d; color: #FFF; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); }
[type=radio]:checked ~ label { background: #96826d; color: #030303; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

.thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: rgba(0,0,0,0.8); padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; }

.thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; }

.thabout { position: absolute; top: 180px; left: -15px; width: 300px; }
.thabout ul { list-style: none; }
.thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #030303; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; }

</style>
<center>

<div id="thtabcontainer">
<div class="thcontimage">

<img src="картинка с вашей внешностью 325х500">

</div>

<div class="tabs">
  
 <div class="tab">
     <input type="radio" id="tab-1" name="tab-group-1" checked>
     <label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab">

NAME SURNAME

</div></div> </div>
<div class="tab">
     <input type="radio" id="tab-2" name="tab-group-1">
     <label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout">

<ul>
 <li>возраст</li>
<li>дата рождения</li>
<li>знак зодиака</li>
</ul>
<ul>
<li style="width: 250px;">родной город</li>
</ul>
<ul>
<li style="width: 250px;">ориентация</li>
</ul>
<ul>
<li style="width: 250px;">занятость</li>
</ul>

     </div></div>
 <div class="tab">
     <input type="radio" id="tab-3" name="tab-group-1">
     <label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent">

общее описание твоей истории и характера.

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

  
</div>
</div>
</center>[/*code]

Код:

<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} 
::-webkit-scrollbar-thumb { background: #030303; } 
::-webkit-scrollbar-corner { background: #030303; }
::-webkit-scrollbar-track { background: transparent; }
#thtabcontainer { width: 500px; height: 500px; background-color: #030303; position: relative; }
.thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; }
.thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; }


.tabs { position: relative; height: 500px; width: 500px; clear: both; }
.tab label { display: block; width: 50px; background: #FFF; color: #030303; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; }
.tab [type=radio] { display: none; }

[type=radio]:checked ~ label { background: #96826d; color: #FFF; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); }
.thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); }
[type=radio]:checked ~ label { background: #96826d; color: #030303; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }

.thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: rgba(0,0,0,0.8); padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; }

.thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; }

.thabout { position: absolute; top: 180px; left: -15px; width: 300px; }
.thabout ul { list-style: none; }
.thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #030303; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; }

</style>
<center>

<div id="thtabcontainer">
<div class="thcontimage">

<img src="http://savepic.net/6888546.png">

</div>

<div class="tabs">
  
 <div class="tab">
     <input type="radio" id="tab-1" name="tab-group-1" checked>
     <label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab">

NAME SURNAME

</div></div> </div>
<div class="tab">
     <input type="radio" id="tab-2" name="tab-group-1">
     <label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout">

<ul>
 <li>возраст</li>
<li>дата рождения</li>
<li>знак зодиака</li>
</ul>
<ul>
<li style="width: 250px;">родной город</li>
</ul>
<ul>
<li style="width: 250px;">ориентация</li>
</ul>
<ul>
<li style="width: 250px;">занятость</li>
</ul>

     </div></div>
 <div class="tab">
     <input type="radio" id="tab-3" name="tab-group-1">
     <label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent">

общее описание твоей истории и характера.

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

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

▼ s e a s h o r e

Меню навигации

Пользовательские ссылки

Объявление

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

выдача билетов ‡шаблон анкеты

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

Поделиться12015-05-27 19:53:53