тестер

Код:

<!--HTML-->
                 

<div class="indigo-container">

<div class="indigo-tabs">
<div id="indigo-app-header">
  <div id="indigo-app-head1">
    <div id="indigo-app-gif1" style="background-image: url(http://25.media.tumblr.com/tumblr_m8bc0vivTi1qfb5cjo2_250.gif)"></div>
  </div>
  <div id="indigo-app-name1">first m. last</div>
</div>
<div id="indigo-app-basics">
  <div class="indigo-app-basic-info">membergroup</div>
  <div class="indigo-app-basic-info">age</div>
  <div class="indigo-app-basic-info">occupation</div>
  <div class="indigo-app-basic-info">sexuality</div>
  <div class="indigo-app-basic-info">positive trait</div>
  <div class="indigo-app-basic-info">negative trait</div>
</div>

<div id="indigo-app-tab-bar"></div>

<div class="indigo-tab">
<input type="radio" id="indigo-tab-1" name="indigo-tab-group-1" checked="">
<label for="indigo-tab-1">001.</label>
<div class="indigo-content">
<div id="indigo-app-one">
  <h1>basic information</h1>
  <div id="indigo-app-two">
  <b>full name</b>: first middle last
  <br><b>age</b>: age
  <br><b>birthday</b>: month date
  <br><b>occupation</b>: occupation
  <br><b>hometown</b>: hometown here
  <br><b>gender</b>: here
  <br><b>pronouns</b>: here
  <p><b>parents</b>: </p><blockquote>first last, ##<br>first last, ##</blockquote>
  <br><b>siblings</b>: <blockquote>first last, ##<br>first last, ##</blockquote>
  <br><b>children</b>: <blockquote>remove if not applicable</blockquote>
    <br><b>pets</b>: <blockquote>remove if not applicable</blockquote>
    <br><b>sexual orientation</b>: here
    <br><b>romantic orientation</b>: here
    <br><b>relationship status</b>: here
  <p><b>mbti type</b>: infp, estj etc.
  <br><b>hogwarts house</b>: here
  <br><b>alignment</b>: here
  <br><b>positive traits</b>:</p><blockquote>at least five here</blockquote>
  <br><b>negative traits</b>:<blockquote>at least five here</blockquote>
    <br><b>likes</b>:<blockquote>at least five here</blockquote>
  <br><b>dislikes</b>:<blockquote>at least five here</blockquote>


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


<div class="indigo-tab">
<input type="radio" id="indigo-tab-2" name="indigo-tab-group-1">
<label for="indigo-tab-2">002.</label>
<div class="indigo-content">
<div id="indigo-app-one">
  <h1>about</h1>
  <div id="indigo-app-two">write about your character here! it doesn't need to be an essay, just give us enough information to get to know your character!
    <p><b>Candy canes bear claw tart cake icing sweet.</b> Sweet roll tootsie roll icing. Sugar plum wafer dessert sugar plum sugar plum dessert ice cream candy canes. Candy fruitcake candy cake. Sweet cookie pudding cupcake bear claw sugar plum croissant pie. Soufflé cake bear claw tart chocolate cake chocolate cake gummi bears liquorice topping. Chupa chups chocolate bar muffin chocolate bar danish candy. Pastry cookie toffee cake dessert. Cookie gummies caramels. Dragée cake soufflé cotton candy gummi bears chocolate oat cake powder. Jelly-o pie caramels tart sweet donut sweet bonbon. Carrot cake liquorice cookie cupcake bear claw wafer croissant danish sweet roll. Ice cream cotton candy caramels. Macaroon powder croissant soufflé sugar plum gingerbread ice cream marzipan.
Pudding tart tart topping tootsie roll topping tiramisu apple pie. Jelly pie pudding marzipan lemon drops oat cake ice cream bear claw. Chupa chups jujubes caramels bonbon brownie sugar plum. Wafer cupcake chocolate cake marshmallow tart. Tiramisu marshmallow candy oat cake cake. Marzipan tart donut dessert lemon drops icing tiramisu cheesecake fruitcake. Bear claw pastry dessert icing pastry chupa chups halvah brownie cheesecake. Muffin pastry bear claw cake wafer pudding tiramisu gummi bears sweet roll. Sesame snaps ice cream marzipan cake donut bonbon lemon drops pie. Croissant wafer marzipan powder tiramisu fruitcake. Tart candy brownie muffin sweet roll candy canes brownie tart. Muffin chocolate pudding cotton candy pastry tiramisu candy canes. Biscuit jelly beans dragée bonbon pie.
</p>
  </div>
</div>

</div>
</div>


<div class="indigo-tab">
<input type="radio" id="indigo-tab-3" name="indigo-tab-group-1">
<label for="indigo-tab-3">003.</label>
<div class="indigo-content">
<div id="indigo-app-one">
  <h1>relationships</h1>
  <div id="indigo-app-two">
    <h2>platonic</h2>
    <p>words go here. this is a mandatory section</p>
        <h2>antagonistic</h2>
    <p>words go here. this is a mandatory section</p>
    <h2>romantic</h2>
    <p>words go here. this is a mandatory section</p>
    <h2>other</h2>
    <p>words go here. this section is optional</p>

  </div>
</div>

</div>
</div>

<div class="indigo-tab">
<input type="radio" id="indigo-tab-4" name="indigo-tab-group-1">
<label for="indigo-tab-4">004.</label>
<div class="indigo-content">
<div id="indigo-app-one">
  <h1>the player</h1>
  <div id="indigo-app-two">
    <b>alias</b>: alias here
    <br><b>age</b>: age here
    <br><b>pronouns</b>: pronouns here
    <br><b>timezone</b>: timezone here
    <br><b>mature threads?</b>: yes/no
    <br><b>triggers</b>: here
    <br><b>contact details</b>: aim, discord, skype etc
    <br><b>other characters</b>:<blockquote>
      <membergroup>first last</membergroup> - ##
      <br><membergroup>first last</membergroup> - ##
    </blockquote>
  </div>
</div>

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

<a href="http://shine.jcink.net/index.php?showuser=25346"><div style="width: 550px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>

<style>
    .indigo-container {
        margin: 10px auto;
        height: auto;
        width: auto;
    }
    .indigo-tabs {
        margin: 0px auto;
        position: relative;
        width: 550px;
        height: 450px;
        border: 1px solid #ccc;
    }
    .indigo-tab {
        float: left;
    }
    .indigo-tab label {
        display: block;
        width: 84px;
        height: 20px;
        background: #fefefe;
        border: 1px solid #B1A3C3;
        margin: 0px 8px 0px 0px;
        position: relative;
        left: 130px;
        top: 422px;
        z-index: 1;
        text-align: left;
        padding-left: 10px;
        font-family: poppins;
        color: #B1A3C3;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 10px;
        line-height: 21px
    }
    .indigo-tab input[type=radio]:checked ~ label {
        background: #B1A3C3;
        z-index: 2;
        color: #fefefe
    }
    .indigo-tab input[type=radio] {
        display: none;
    }
    .indigo-content {
        position: absolute;
        top: 121px;
        left: 121px;
        background: #e0e0e0;
        height: 293px;
        width: 429px;
        opacity: 0;
        -webkit-transition: 0.6s ease;
        -moz-transition: 0.6s ease;
        -ms-transition: 0.6s ease;
        -o-transition: 0.6s ease;
    }
    .indigo-tab input[type=radio]:checked ~ label ~ .indigo-content {
        z-index: 1;
        opacity: 1;
    }
    #indigo-app-header {
        height: 120px;
        width: 550px;
        position: absolute;
        top: 0;
        left: 0;
        background: url(http://badhabitsrp.b1.jcink.com/uploads/badhabitsrp/confectionary.png);
        border-bottom: 1px solid #ccc
    }
    #indigo-app-head1 {
        height: 120px;
        width: 120px;
        border-right: 1px solid #ccc;
        background: #f0f0f0;
        position: absolute
    }
    #indigo-app-gif1 {
        height: 95px;
        width: 95px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        position: absolute;
        border: 1px solid #ccc;
        background-size: cover;
        background-position: center;
        left: 11.5px;
        top: 11.5px;
    }
    #indigo-app-name1 {
        height: 120px;
        width: 405px;
        position: absolute;
        right: 0;
        line-height: 115px;
        font-family: playfair display;
        text-transform: lowercase;
        color: #B1A3C3;
        font-size: 40px;
        font-style: italic
    }
    #indigo-app-basics {
        height: 309px;
        position: absolute;
        width: 100px;
        background: url(http://badhabitsrp.b1.jcink.com/uploads/badhabitsrp/confectionary.png);
        bottom: 0;
        border-style: solid;
        border-color: #ccc;
        border-width: 0 1px 0 0;
        padding: 10px
    }
    .indigo-app-basic-info {
        width: 98px;
        display: block;
        background-color: #fefefe;
        color: #B1A3C3;
        border: 1px solid #ccc;
        font-family: poppins;
        text-align: center;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 25px;
        margin-bottom: 7px
    }
    #indigo-app-tab-bar {
        height: 35px;
        width: 429px;
        background: #f0f0f0;
        position: absolute;
        bottom: 0;
        right: 0;
        border-top: 1px solid #ccc
    }
    #indigo-app-one {
        height: 213px;
        width: 349px;
        position: absolute;
        background: #fefefe;
        top: 20px;
        left: 20px;
        border: 20px solid #fefefe
    }
    #indigo-app-one h1 {
        height: 25px;
        border-bottom: 1px solid #ccc;
        font-family: playfair display;
        font-style: italic;
        text-align: left;
        line-height: 0px;
        font-weight: 400;
        color: #B1A3C3;
        font-size: 30px
    }
    #indigo-app-two {
        height: 155px;
        width: 342px;
        font-family: poppins;
        position: absolute;
        bottom: 0;
        background: none;
        overflow: auto;
        text-align: justify;
        padding-right: 7px;
        color: #888;
        font-size: 10px;
        line-height: 14px
    }
    #indigo-app-two::-webkit-scrollbar {
        width: 5px
    }
    #indigo-app-two::-webkit-scrollbar-thumb {
        background-color: #fefefe;
        border: 1px solid #B1A3C3
    }
    #indigo-app-two::-webkit-scrollbar-track {
        background-color: #B1A3C3;
        border-style: solid;
        border-width: 0 2px;
        border-color: #fefefe
    }
    #indigo-app-two b {
        color: #B1A3C3;
        text-transform: uppercase;
    }
    #indigo-app-two blockquote {
        background: #e0e0e0;
        padding: 10px;
        border: 1px solid #ccc;
        margin-left: 20px
    }
    #indigo-app-two h2 {
        font-family: playfair display;
        color: #B1A3C3;
        font-style: italic;
        font-size: 20px;
        font-weight: 400;
        line-height: 0px;
        margin-left: 1px;
        border-bottom: 4px solid #fefefe;
        margin-top: 10px;
        text-align: left
    }
    #indigo-app-two p {
        margin-bottom: 15px
    }
</style>

<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
 

                <p>
                    <br></p><div class="sigsep"></div>

Код:

<!--HTML-->

<div id="erer1"><div id="erer2">
<img src="http://78.media.tumblr.com/60ed2b4bb7d9c8829d6f6951aa580313/tumblr_inline_n065382wmQ1s73t47.gif">
<img src="http://78.media.tumblr.com/970361aaa9c6b79ea457b90f930482f1/tumblr_inline_n0653fNU9h1s73t47.gif">
<h1>жрун fm вещает</h1>
</div><span>

Буэнос ночес, дорогие наши ньюйоркцы, сегодня вечер проведу с вами я. Давайте же пожрем по этому поводу. <br>
Пока русфф падал и поднимался, мы плясали с бубном у костра, в надежде на скорейшее возвращение нашего родного форума. русфф не болей, держи конфетку! <img src="http://s8.uploads.ru/KqBDc.png"> Тем временем, нас уже 100 человек, и это очень и очень радует! 
<br>
Не буду вас долго мучать россказнями о том как прошел мой день, и что я хавал сегодня на обед (не забирать же работу у инстаграмма).  Так что, слушайте внимательно животворящие новости, и запоминайте полезную информацию которая ой как сыграет вам на руку. Погнали. <br>
На что хочу обратить ваше внимание: <b>не забывайте следить за актуальностью своей заявки.</b> Люди ходят, читают, изводятся слюнями в мечтах отыграть сюжет во всех позах, а потом слышат о том, что вишенку с торта уже кто-то сожрал и тебе остается только слизать сливки разочарования. Не надо так. <br>
Хочу вас немного пнуть в сторону нашего конкурса с предсказаниями, тыкайте по <b><a href="http://bignyc.rusff.me/viewtopic.php?id=13">этой ссылке</a></b>. Испытайте удачу и поставьте все на черное. А на самом деле, ищите ответы на вопросы на наших тестовиках, уж более прозрачного намека я дать вам увы не могу (или не хочу хдд). <br>
В скором времени мы выложим на всеобщее обозрение хтмл-шаблон анкеты, так что готовьте свои пальчики к тому, что бы еще активнее строчить свои анкеты. Поверьте, открытие не за горами и анкеты вам ой как будут нужны. Так же хочу напомнить о том,
 что вы можете выкупать имена и фамилии прямо на тестовике, с расценками можно ознакомится в <b><a href="http://bignyc.rusff.me/viewtopic.php?id=8#p8">банке</a></b>, мой вам совет, выкупайте сейчас, потом будет сложнее <img src="http://sg.uploads.ru/jqugl.png"><br> <br>
В завершении, хочу поздравить новых активистов, ребята: <a href="http://bignyc.rusff.me/profile.php?id=11"> овца-мизантроп</a>,
<a href="http://bignyc.rusff.me/profile.php?id=26"> леонардо дай винчик</a>,
<a href="http://bignyc.rusff.me/profile.php?id=16"> булка</a>,
<a href="http://bignyc.rusff.me/profile.php?id=56"> боль </a>,
<a href="http://bignyc.rusff.me/profile.php?id=31"> бельчонок</a>, вы большие молодцы и теперь можете с гордо поднятой головой бежать за своими плюшками в банк. <br> 
Не забываем участвовать в конкурсах, зарабатывать баблишко и просто быть лапушками. А еще горячие пирожки в виде мафии подоспели, успей записаться воооот тут - <a href="http://bignyc.rusff.me/viewtopic.php?id=39#p7788">набор в мафию</a> Любви вам! И как говорит Дмитрий Нагиев: все, пака! 
<br>
<br>
<center><img src="https://i.imgur.com/a4X61Jd.gif"> <img src="https://i.imgur.com/QW3VL6L.gif"> <img src="https://i.imgur.com/6mXSL0F.gif"> <img src="https://i.imgur.com/8hsnT0U.gif"> <img src="https://i.imgur.com/jwehnNp.gif"></center>
</span></div></div>

<style>
#erer1 {
    width: 400px;
    padding: 20px 20px 10px 20px;
    background: #e8e8ed;
    margin: 10px auto;
    font: 10px/120% roboto;
    text-align: justify;
    color: #555;
    outline: 1px solid #ececef;
    box-shadow: inset 0px 0px 28px rgba(200, 199, 211, 0.44);
}
#erer1 span { padding: 20px;
    display: block;
    font-size: 11PX;
    font-family: arial; }
#erer1 b { 
    color: #b89ac8;
    font-size: 12px; }
#erer2 {position: relative;
    width: 380px;
    height: 58px;
    background: #cfb7d9;
    padding: 10px; }
#erer2 img { width: 40px; position: relative; top: 5px; left: 40px; border-radius: 50%; margin-right: 4px; border: 4px solid rgba(255,255,255,.4); }
#erer2 h1 {margin: 0;
    text-align: right;
    font: bold 19px/100% courier;
    color: white;
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: -22px;
    font-family: bebas neue;
    text-shadow: 1px 1px 1px #bda0cc;}
</style> 

            </div>

декабрь

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

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

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

тестер

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

Поделиться12017-10-06 12:00:52

Поделиться22017-10-06 12:01:58