усы, лапы и хвост - вот мои документы ‡шаблоны анкеты

[внимание!] данный шаблон содержит в себе хтмл, следовательно, вы должны вставить его в теги code, не забывайте, что абзацы выделяются не нажатием клавиши enter, а кодом <br>.
если возникнут осложнения, смело обращайтесь к администрации.
[!!!] уберите * в !--*HTML-->

Код:

<!--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: #DBDF8A; 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: #DBDF8A; 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.su/4530521.png">

</div>
<div class="thooc">

<size=11>НИК ИЛИ ИМЯ. СВЯЗЬ. GMT+СКОЛЬКО</size>

</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">

<size=14>ИМЯ ВНЕШНОСТИ</size>

</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 style="width: 250px;"><size=14>ИМЯ ФАМИЛИЯ НА РУССКОМ</size></li>
 <li><size=12>возраст</size></li>
<li><size=12>дата рождения</size></li>
<li><size=12>знак зодиака</size></li>
</ul>
<ul>
<li style="width: 165px;"><size=12>РОДНОЙ ГОРОД</size></li>
<li></li>
</ul>
<ul>
<li style="width: 250px;"><size=12>ЗАНЯТОСТЬ</size></li>
</ul>
<ul>
 <li><size=12>ориентация</size></li>
<li><size=12>статус (свободен, занят)</size></li>
<li><size=12>имя пары</size></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>
<div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"><a href="http://shine.b1.jcink.com/index.php?showtopic=3546">THEONS</a> @ SHINE</div>
</center>

Код:

<!*--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: #DBDF8A; 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: #DBDF8A; 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.su/4530521.png">

</div>
<div class="thooc">

<size=11>НИК ИЛИ ИМЯ. СВЯЗЬ. GMT+СКОЛЬКО</size>

</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">

<size=14>ИМЯ ВНЕШНОСТИ</size>

</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 style="width: 250px;"><size=14>ФИ НА РУССКОМ</size></li>
 <li><size=12>возраст</size></li>
<li><size=12>дата рождения</size></li>
<li><size=12>знак зодиака</size></li>
</ul>
<ul>
<li style="width: 165px;"><size=12>РОДНОЙ ГОРОД</size></li>
<li></li>
</ul>
<ul>
<li style="width: 250px;"><size=12>ЗАНЯТОСТЬ</size></li>
</ul>
<ul>
 <li><size=12>ориентация</size></li>
<li><size=12>статус (свободен, занят)</size></li>
<li><size=12>имя пары</size></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>
<div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"><a href="http://shine.b1.jcink.com/index.php?showtopic=3546">THEONS</a> @ SHINE</div>
</center>

ДАННЫЙ ШАБЛОН - ОБЫЧНЫЙ, БЕЗ ХТМЛ

Name Surname
имя знаменитости англ.

имя рус., сокращения

возраст, дата рождения, родной город

профессия

семейное положение, ориентация

Welcome to my life
(или любая ваша цитата)

био+характер

имя, связь с вами
где нас нашли

пробный пост

Код:

[table layout=fixed width=100%]

[tr]
[td width=100% bgcolor=#F0DFA2] [align=center][size=18][i][font=Georgia]Name Surname[/font][/i][/size]
[i][font=Georgia]имя знаменитости англ.[/font][/i]
[img]http://placehold.it/550x150[/img][/align]
[/td]
[/tr]
[/table]
[table layout=fixed width=100%]
[tr]
[td width=30%  bgcolor=#FBEFC4] [align=center][i][font=Georgia][size=13]имя рус., сокращения[/size][/font][/i][/align] [/td]
[td width=40% bgcolor=#F0DFA2] [align=center][i][font=Georgia][size=13]возраст, дата рождения, родной город[/size][/font][/i][/align] [/td]
[td width=30% bgcolor=#FBEFC4] [align=center][i][font=Georgia][size=13]профессия[/size][/font][/i][/align] [/td]
[td width=40% bgcolor=#F0DFA2] [align=center][size=13][i][font=Georgia]семейное положение, ориентация[/font][/i][/size][/align] [/td]
[/tr]

[/table]
[table layout=fixed width=100%]
[tr][td   bgcolor=#F0DFA2] [align=center][size=16][i][font=Georgia]Welcome to my life[/font][/i][/size][i][font=Georgia]
(или любая ваша цитата)[/font][/i][/align] [/td][/tr]
[td   bgcolor=#FCF4D9] био+характер[/td]
[/table]

[table layout=fixed width=100%]
[tr][td   bgcolor=#F0DFA2] [align=center][size=16][i][font=Georgia]имя, связь с вами[/font][/i][/size][i][font=Georgia]
где нас нашли[/font][/i][/align] [/td][/tr]
[td   bgcolor=#FCF4D9] [spoiler="пробный пост"][/spoiler][/td]
[/table]

extravaganza

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

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

Объявление

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

усы, лапы и хвост - вот мои документы ‡шаблоны анкеты

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

Поделиться12014-12-21 17:03:46

Поделиться22014-12-21 17:04:03

Поделиться32023-07-26 22:53:13