кто не с нами, тот под нами

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

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

Вы здесь » кто не с нами, тот под нами » я спросил у ясени » Тестовое сообщение

Тестовое сообщение

Страница: 1

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

1

  • Автор: последняя осень
  • ты не один. мандарин
  • последняя осень
  • Зарегистрирован: 2015-01-02
  • Приглашений: 0
  • Сообщений: 34
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 5 минут
  • Последний визит:
    2016-02-06 23:09:29
Код:
<!--HTML--><link rel="stylesheet" href="animate.min.css"><link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900,800,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>


<center>

<div class="tracker-one">

<div class="tracker-two">

<div class="tracker-title">

Orlando, USA

</div>


<center><div class="tracker-subtitle">

Life is a game - play it. Life is love - enjoy it.

</div></center>

<center><div class="tracker-intro">

Life is a dream - realize it. Life is...


</div></center>


<div class="animated tada"><div class="tracker-animation">

♥ ♣ ♦ ♠

</div></div>


</div>

<div class="tracker-links">

<a href=""><div class="tracker-link">

REAL LIFE   •

</div></a>

<a href=""><div class="tracker-link">

EPISODES   •

</div></a>

<a href=""><div class="tracker-link">

NC-21 •

</div></a>

</div>

<div class="tracker-content">

<div class="tracker-icon">

<img src="http://www.thankgodimnatural.com/wp-content/uploads/2015/03/Destinations_Header_Orlando.jpg" style="width: 100px; height: 100px; border-radius: 70px">

</div>

<div class="tabs">

<div class="spinner">
 <div class="rect1"></div>
 <div class="rect2"></div>
 <div class="rect3"></div>
 <div class="rect4"></div>
 <div class="rect5"></div>
</div>

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">ABOUT US</label>
<div class="content">

<div class="tracker-character">Добро пожаловать!</div> <p>

<div class="tracker-inside">

Вся наша жизнь – это игра. И только нам выбирать кем быть в этой жизни, королем или пешкой. Для одних жизнь– это любовь, забота о близких, возможность найти вторую половинку(♥). Для других – это шанс подняться по карьерной лестнице, заработать много денег(♣). Для третьих – это власть. Но и тут могут сопутствовать неудачи, слезы, горе(♠). Хотя может сложиться и так, что со стороны Ваша жизнь напомнит сделку. Вот только с кем(♦)? И коль уж розданы карты да начата жизнь, так давайте играть. Никто не мешает это сделать в городе Орландо, который расположен во Флориде, США. Здесь для каждого найдется место. И уже неважно, играете Вы по правилам или идете ва-банк в надежде сорвать куш…
</br>Мы рады приветствовать Вас на пробнике по реальной жизни, который в последствии перерастет в настоящий форум. Будущие игроки и помощники, присоединяйтесь к нам! 

</div>

</div>

<div class="spinner">
 <div class="rect1"></div>
 <div class="rect2"></div>
 <div class="rect3"></div>
 <div class="rect4"></div>
 <div class="rect5"></div>
</div>


</div>
 
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">FEMALE</label>
<div class="content">


<div class="tracker-character"><b>наши девушки</b></div> <p>

<div class="tracker-inside">

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

</div>


</div>
<div class="spinner">
 <div class="rect1"></div>
 <div class="rect2"></div>
 <div class="rect3"></div>
 <div class="rect4"></div>
 <div class="rect5"></div>
</div>
</div>
 
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">MALE</label>
<div class="content">


<div class="tracker-character"><b>наши парни</b></div> <p>

<div class="tracker-inside">

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - Себастиан Стэн</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>

связь с вами  <p>

</div>




</div>

<div class="spinner">
 <div class="rect1"></div>
 <div class="rect2"></div>
 <div class="rect3"></div>
 <div class="rect4"></div>
 <div class="rect5"></div>
</div>

</div>



</div>


</div>

</div>


</center>




<style>

.tracker-one { background-color: #5a2f1b; padding: 10px; border: 1px solid #c9b7a3; width: 450px }

.tracker-two { background-color: #7a4329; height: 150px; border-bottom: 5px solid #7e3610 }

.tracker-links { background-color: #5a2f1b; padding: 20px; border-bottom: 1px solid #c9b7a3 }

.tracker-link { position: relative; left: 70px; display: inline-block; font-family: raleway; font-weight: 800; font-size: 12px; letter-spacing: -1px; text-transform: uppercase;  transform: skew(-10deg); padding: 3px; color: #c9b7a3; transition: 1.5s }

.tracker-link:hover { color: #7e340c }

.tracker-link a { text-decoration: none }

.tracker-title { padding: 30px; text-align: center; font-weight: 900; font-family: raleway; color: #c9b7a3; text-shadow: 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: -2px; font-size: 30px }

.tracker-title b { font-weight: 900; color: #c9b7a3 }

.tracker-subtitle { margin-top: -33px; font-size: 9px; color: #c9b7a3; letter-spacing: 1px; font-family: roboto condensed; text-transform: uppercase; text-align: center }

.tracker-intro { font-size: 9px; letter-spacing: 1px; color: #c9b7a3; font-family: helvetica; text-transform: uppercase; text-align: justify; width: 290px; height: 50px; overflow: hidden; line-height: 100% }

.tracker-intro b { color: #984416 }

.tracker-intro a { text-decoration: none; font-weight: bold; color: #7e340c }

.tracker-animation { margin-top: -20px; font-size: 12px; text-align: center; font-family: helvetica; color: #c9b7a3 }

.animated {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   animation-iteration-count:infinite;
   -webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes tada {
   0% {-webkit-transform: scale(1);}
   10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
   30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
   40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
   100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
   0% {transform: scale(1);}
   10%, 20% {transform: scale(0.9) rotate(-3deg);}
   30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
   40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
   100% {transform: scale(1) rotate(0);}
}
.tada {
   -webkit-animation-name: tada;
   animation-name: tada;
}

.tracker-content { background-image:url(http://i10.pixs.ru/storage/1/7/4/6qok55rhpn_1619639_20558174.png); padding: 20px; height: 300px; border-bottom: 20px solid #7a4329}

.tracker-icon { position: relative; left: -135px; top: -130px; background-color: #c9b7a3; padding: 20px; border-radius: 100px; width: 100px; height: 100px; border-bottom: 1px solid #c9b7a3; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent }

.tabs {
position: relative;  
width: 100px;
height:  238px;
padding: 10px;
clear: both;
background-color: #c9b7a3;
border: 1px solid #c9b7a3;
left: -135px;
top: -110px

}

.tab {
margin-top: 10px;

}

.tab label {
position: relative;
font-family: raleway;
font-size: 20px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: -1px;
color: #3e3306;
width: 100px;


}

.tab [type=radio] {
display: none;  
baseline-tab-shift: true, retrieve;

}

.content {
position: absolute;
z-index: 0;
bottom: 0px;
top: -21px;
left: 130px;
right: 0px;
background-color: #c9b7a3;
padding: 20px;
border: 1px solid #eee;
width: 220px;
height: 238px;
-webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s;
}

[type=radio]:checked ~ label {
color: #7c3004;
transition: 1.5s;
z-index: 0;

}

[type=radio]:checked ~ label ~ .content {
z-index: 0; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);

}

.tracker-inside { height: 208px; padding-right: 5px; font-size: 14px; color: #361204; font-family: helvetica; letter-spacing: 1px; line-height: 100%; text-align: justify; overflow: auto }

.tracker-inside b { font-size: 14px; color: #7c3004; font-style: italic }

.tracker-inside::-webkit-scrollbar { width: 7px; background-color: #5a2f1b}
.tracker-inside::-webkit-scrollbar-track { background:#fafafa; border: 1px solid #5a2f1b; }
.tracker-inside::-webkit-scrollbar-thumb { background:#fff; border:1px solid #5a2f1b;}

.tracker-character { font-family: raleway; font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; color: #361204; text-align: center }

.tracker-character b { font-weight: 900; color: #7c3004 }

.tracker-thread { font-family: roboto condensed; font-size: 14px; letter-spacing; 1px; font-weight: 700; text-transform: uppercase; color: #361204 }

.tracker-thread a { color: #7c3004; text-decoration: none }

.spinner {
 width: 80px;
 height: 30px;
 text-align: center;
 font-size: 14px;
 margin: 5px
}

.spinner > div {
 background-color: #fafafa;
 border: 1px solid #eee;
 height: 100%;
 width: 3px;
 display: inline-block;
 
 -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
 animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
 -webkit-animation-delay: -1.1s;
 animation-delay: -1.1s;
}

.spinner .rect3 {
 -webkit-animation-delay: -1.0s;
 animation-delay: -1.0s;
}

.spinner .rect4 {
 -webkit-animation-delay: -0.9s;
 animation-delay: -0.9s;
}

.spinner .rect5 {
 -webkit-animation-delay: -0.8s;
 animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
 20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
 0%, 40%, 100% {
   transform: scaleY(0.4);
   -webkit-transform: scaleY(0.4);
 }  20% {
   transform: scaleY(1.0);
   -webkit-transform: scaleY(1.0);
 }
}

</style>
 </html>

Чтобы занять внешность, заполните форму и оставьте свою связь чтобы мы могли связаться с Вами.

Код:
<div class="tracker-thread"><a href="ссылка на профиль">ваш ник</a> - внешность</div> <p>
связь с вами  <p>
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
<style>
.bcontent { width: 460px; height: 340px; padding: 25px; border: solid 1px #444; box-shadow: 2px 2px 5px #999; text-align: justify; }
.better { height: 350px; font-family: times; font-size: 15px; padding-left: 10px; overflow: auto; }
.bname { font-family: roboto condensed; font-size: 22px; margin-right: 25px; text-align: right; letter-spacing: 1px; color: #390d2d; text-shadow: 1px 1px #edad9e; }
.bstat { font-family: georgia; font-style: italic; font-size: 9px; letter-spacing: 1px; text-align: right; margin-right: 20px; }
.jcred { padding-top: 12px; }
.jcred a { font-size: 9px; color: #e3dac9; }</style>
<center><div class="bcontent">
<div class="better">
Мы ищем помощников! Нам нужны ответственные, заинтересованные люди в создании и развитии форума по реальной жизни. У Вас должно быть время на форум, не уходите по-английски. Прежде чем записываться в помощники, подумайте, а хватит ли у Вас сил, времени, возможностей развивать форум продолжительное время! Итак, нам нужны:
</br><b>1. Текстовики.</b> В их обязанности входит работа с текстом (написание сюжета, квестов и т.п.) Будет чудесно, если помимо написания текстов, Вы сможете пиарить/заниматься организацией. 
</br><b>2. Графисты.</b> Нам очень нужен дизайнер, который сможет радовать нас чудесными дизайнами, ведь ни для кого не секрет, что дизайн – лицо форума. Также будем рады ребятам, которые занимаются мелкой графикой (реклама, баннеры, оформление таблицы и прочее). Скидывайте примеры своих работ. Можно под скрытым текстом, как Вам будет удобнее. 
</br>А вообще, будет чудесно увидеть <b>универсалов</b>, которые умеют делать всё. Также открыт набор <b>модераторов</b>. Ждем Вас!

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

0

2

  • Автор: последняя осень
  • ты не один. мандарин
  • последняя осень
  • Зарегистрирован: 2015-01-02
  • Приглашений: 0
  • Сообщений: 34
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 5 минут
  • Последний визит:
    2016-02-06 23:09:29

http://funkyimg.com/i/27Ayk.gif

Код:
[align=center][url=ссылка на форум][img]http://funkyimg.com/i/27Ayk.gif[/img][/url] [/align]

0

3

  • Автор: последняя осень
  • ты не один. мандарин
  • последняя осень
  • Зарегистрирован: 2015-01-02
  • Приглашений: 0
  • Сообщений: 34
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 5 минут
  • Последний визит:
    2016-02-06 23:09:29
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.plumm::-webkit-scrollbar {background-color:#b3a290; height:5px; width:5px}
.plumm::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:10px;border:1px solid #fff;}
.plumm::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:5px!important}
.plumm::-webkit-scrollbar-track-piece{background-color:#000;border:2px solid #fff;}
</style><center>

<div style="width: 425px; height: 10px; background-color: #7d2d08; border-right: 75px solid #cccccc;"></div>
<div style="width:500px; height: 375px; background-color: #b3a290;">
<table><tr><td><div style="width: 250px; height: 350px; background-image: url(http://funkyimg.com/i/27AMa.png); position: relative; top: 10px;"></div></td><td>
<div style="width: 200px; height: 350px; color: black; font: 10px cambria; line-height: 105%; text-align: justify; overflow: auto; position: relative; top: 10px;" class="plumm"><div style="padding: 20px; ">

Ваш текст. 

</div></div></td></tr></table></div>
<div style="width:500px; background-color: #7d2d08; color: white; font-family: 'Playfair Display', serif; font-size: 14px; color: #fff; font-style: italic;  letter-spacing: 2px; line-height: 95%; padding: 40px 0px; text-transform: auto; text-align: center;">

ВНЕШНОСТЬ ♦ ВОЗРАСТ ♦ ПРОФЕССИЯ ♦ ОРИЕНТАЦИЯ

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

0

4

  • Автор: последняя осень
  • ты не один. мандарин
  • последняя осень
  • Зарегистрирован: 2015-01-02
  • Приглашений: 0
  • Сообщений: 34
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 5 минут
  • Последний визит:
    2016-02-06 23:09:29

--
Я ИЩУ...
ФИО НА РУССКОМ | ФИО НА АНГЛ.

ВНЕШНОСТЬ ♦ ВОЗРАСТ ♦ ПРОФЕССИЯ ♦ ОРИЕНТАЦИЯ

Я сейчас расскажу, что ты значишь для меня...

Текст Вашей заявки.

Немного обо мне...

Пример поста

Здесь будет Ваш пост

Со мной можно связаться при помощи #скайпа/аськи/вк

Код:
[table][tr][td bgcolor=#571301][align=center][img]ваша картинка или гиф[/img]
[font=lobster][size=25][color=#cbbcaa]Я ИЩУ...[/color][/size][/font]
[font=Arial][size=12][b][color=#cbbcaa]ФИО НА РУССКОМ | ФИО НА АНГЛ. [/color][/b][/size][/font][/align][/td][/tr]
[tr][td bgcolor=#b3a697]
[align=center]ВНЕШНОСТЬ ♦ ВОЗРАСТ ♦ ПРОФЕССИЯ ♦ ОРИЕНТАЦИЯ [/align]
[/td][/tr] 
[tr][td bgcolor=#571301][align=center][font=lobster][size=22][color=#cbbcaa]Я сейчас расскажу, что ты значишь для меня...[/color][/size][/font][/align][/td][/tr]
[tr][td bgcolor=#b3a697]
Текст Вашей заявки. 
[/td][/tr]
[tr][td bgcolor=#571301][align=center][font=lobster][size=22][color=#cbbcaa]Немного обо мне...[/color][/size][/font][/align][/td][/tr]
[tr][td bgcolor=#b3a697]
[spoiler="Пример поста"]Здесь будет Ваш пост[/spoiler]
Со мной можно связаться при помощи #скайпа/аськи/вк
[/td][/tr]
[tr][td bgcolor=#571301][align=center][/align][/td][/tr]
[/table]

0

5

  • Автор: последняя осень
  • ты не один. мандарин
  • последняя осень
  • Зарегистрирован: 2015-01-02
  • Приглашений: 0
  • Сообщений: 34
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 5 минут
  • Последний визит:
    2016-02-06 23:09:29

# СВЯЗАТЬСЯ СО МНОЙ МОЖНО ПРИ ПОМОЩИ: аськи, скайпа, вк

  Я приду на форум в качестве <ВАШ ОТВЕТ>

►ВОЗРАСТ

►ПРОФЕССИЯ

►ОРИЕНТАЦИЯ

....

...

...

►ПРЕДПОЛАГАЕМАЯ ВНЕШНОСТЬ

►ХАРАКТЕР

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

....

...

...

0

Страница: 1

Вы здесь » кто не с нами, тот под нами » я спросил у ясени » Тестовое сообщение

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