Crazy Cats

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

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


Вы здесь » Crazy Cats » Новый форум » PRRR


PRRR

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

1

1
[html]<style type="text/css">
    .stranitsa1{
        background: url(https://i.imgur.com/QKJRMxR.png);
        height: 450px;
        width: 602px;
    }
    .av1 img {
        border-radius: 100px!important;
        border: 5px #eaedf1 solid;
    }
    .av1{
        position: absolute;
        margin-top: 150px;
        margin-left: 50px;
    }
    .imia1{
        position: absolute;
        text-align: -webkit-center!important;
        width: 602px;
        height: 50px;
        margin-top: 200px;
        font-family: lobster;
        font-size: 33px;
    }
    .addinf {
        text-align: left!important;
        font-family: Bebas Neue;
        font-size: 13px;
        margin-top: 200px;
        margin-left: 400px;
    }
    div#age {
        position: absolute;
        padding-top: 10px;
    }
    div#prof {
         position: absolute;
         padding-top: 20px;
     }
    .balance {
        position: absolute;
        margin-top: 205px;
        margin-left: 520px;
    }
    .blog {
        position: absolute;
        text-align: left!important;
        width: 148px;
        height: 38px;
        font-family: lobster;
        font-size: 26px;
        text-transform: lowercase;
        padding-top: 5px;
        margin-top: 262px;
        margin-left: 32px;
        padding-left: 40px;
    }
    .diary {
        position: absolute;
        text-align: left;
        height: 38px;
        width: 148px;
        font-family: lobster;
        font-size: 26px;
        text-transform: lowercase;
        padding-top: 5px;
        margin-top: 318px;
        margin-left: 32px;
        padding-left: 39px;
    }
    .plashki img {
        padding-bottom: 5px;
    }
    .plashki {
        position: absolute;
        overflow-y: scroll;
        padding: 5px;
        width: 229px;
        height: 93px;
        margin-top: 262px;
        margin-left: 230px;
    }
    .caps img {
        padding-top: 5px;
    }
    .caps {
        position: absolute;
        width: 90px;
        height: 103px;
        margin-left: 479px;
        margin-top: 262px;
        overflow-y: scroll;
    }
</style>
<center>
    <div class="stranitsa1" id="1">
        <div class="av1">
            <a href="http://seoulsoul.rusff.me/profile.php?id=8"><img src="http://funkyimg.com/i/2BJk1.gif"></a>
        </div>
        <div class="imia1"> Bae Joo Hyun</div>
        <div class="addinf" id="age">25 y.o.</div>
        <div class="addinf" id="prof">Teacher</div>
        <div class="balance"><a href="http://seoulsoul.rusff.me/profile.php?id=257"><img src="https://i.imgur.com/TzSep6d.png" title="I found my soulmate"></a> </div>
        <a href="http://seoulsoul.rusff.me/viewtopic.php?id=273"><div class="blog"><img src="https://i.imgur.com/n7HXW7Y.png" style="padding-right: 10px;">Blog</div></a>
        <a href="http://seoulsoul.rusff.me/viewtopic.php?id=182"><div class="diary"><img src="https://i.imgur.com/flFjN43.png" style="padding-right: 10px;">diary</div></a>
    <div class="plashki"><img src="https://i.imgur.com/8n1E2JP.png"></div>
        <div class="caps"><img src="https://i.imgur.com/eNwIxO6.png"></div>

    </div>
</center>[/html]

0

2

2
[html]
<style type="text/css">
    .stranitsa2{
        background: url(https://i.imgur.com/9NurOaV.png);
        height: 450px;
        width: 602px;
    }
.nagradi {
    width: 539px;
    height: 164px;
    margin-top: 200px;
    margin-left: 30px;
    overflow-y: scroll;
    position: absolute;
    font-family: Bebas Neue;
}
.nagradi td {
    border: transparent;
    font-family: monospace;
    font-size: 10px;
    line-height: 9px;
}
</style>
<center>
    <div class="stranitsa2" id="n1">
<div class="nagradi">

    <table>
        <tr>
            <td><center><img src="http://se.uploads.ru/mowB6.png" style="opacity:1"></center></td>
            <td><center><img src="http://s8.uploads.ru/0hNci.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sa.uploads.ru/MxFyV.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s3.uploads.ru/dXuGz.png" style="opacity: 0.3"></center></td>
        </tr>
        <tr>
            <td><center>Добро пожаловать во вселенную</center></td>
            <td><center>С рождения с нами!</center></td>
            <td><center>Дождался!<br>(нужник пришел по заявке)</center></td>
            <td><center>Месяц с нами</center></td>
        </tr>
        <tr>
           <td><center><img src="http://sg.uploads.ru/4EWsf.png" style="opacity: 0.3"></center></td>
           <td><center><img src="http://s1.uploads.ru/klz5y.png" style="opacity: 0.3"></center></td>
           <td><center><img src="http://s2.uploads.ru/5rRA3.png" style="opacity: 0.3"></center></td>
           <td><center><img src="http://s1.uploads.ru/7zFEb.png" style="opacity: 0.3"></center></td>
        </tr>
        <tr>
            <td><center>Вот это да!<br>Первый пост</center></td>
            <td><center>10 постов</center></td>
            <td><center>30 постов,<br>тебя не остановить!</center></td>
            <td><center>Граммар-наци!<br>50 постов</center></td>
        </tr>
        <tr>
           <td><center><img src="http://sa.uploads.ru/nTBcR.png" style="opacity: 0.3"></center></td>
           <td><center><img src="http://s6.uploads.ru/1oDjZ.png" style="opacity: 0.3"></center></td>
          <td><center><img src="http://s9.uploads.ru/1MLrB.png" style="opacity: 0.3"></center></td>
           <td><center><img src="http://s4.uploads.ru/4M1fa.png" style="opacity: 0.3"></center></td>
        </tr>     
        <tr>
            <td><center>Так держать!<br>(первый завершенный эпизод)</center></td>
            <td><center>Невероятен!<br>(10 завершенных эпизодов)</center></td>
            <td><center>Я чувствую к тебе притяжение<br>(30 завершенных эпизодов)</center></td>
            <td><center>Супермэн!<br>(50 завершенных эпизодов)</center></td>
        </tr>
        <tr>
            <td><center><img src="http://s9.uploads.ru/s8o93.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sd.uploads.ru/wfWxg.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s4.uploads.ru/nIe1C.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sf.uploads.ru/tpFUf.png" style="opacity: 0.3"></center></td>
        </tr>
        <tr>
            <td><center>Шекспир<br>(взял лучший пост >2х раз)</center></td>
            <td><center>Неудержимый!<br>(лучший игрок >2х раз)</center></td>
            <td><center>Есть, что рассказать<br>(флудер)</center></td>
            <td><center>лакомый кусочек<br>(лучший игрок)</center></td>
        </tr>
        <tr>
            <td><center><img src="http://se.uploads.ru/q3GjM.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://se.uploads.ru/HVOBn.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s5.uploads.ru/g5I3h.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s8.uploads.ru/Wvkjr.png" style="opacity: 0.3"></center></td>
        </tr>
       
        <tr>
            <td><center>От земли и до неба<br>(лучший пост)</center></td>
            <td><center>Не могу оторваться<br>(лучший эпизод)</center></td>
            <td><center>Коллекционер</center></td>
            <td><center>Соулмейты<br>(тандем)</center></td>
        </tr>
         <tr>
            <td><center><img src="http://sg.uploads.ru/zSAgW.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sa.uploads.ru/9R0xb.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sf.uploads.ru/LSAHp.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sd.uploads.ru/fxMVU.png" style="opacity: 0.3"></center></td>
        </tr>
        <tr>
            <td><center>never sleep club<br>(для ночных душ. выдается амс)</center></td>
            <td><center>Поздравляю с меткой!<br>(соулмейт в профиле)</center></td>
            <td><center>Такой милый (ц.)<br>(за помощь амс)</center></td>
            <td><center>Невероятная анкета<br>(выдается амс)</center></td>
        </tr>
        <tr>
            <td><center><img src="http://s4.uploads.ru/VfOHZ.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s9.uploads.ru/nvc78.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://sf.uploads.ru/olmTC.png" style="opacity: 0.3"></center></td>
            <td><center><img src="http://s3.uploads.ru/QGXJq.png" style="opacity: 0.3"></center></td>
        </tr>
        <tr>
            <td><center>Не останавливайся!<br>1к сообщений</center></td>
            <td><center>Полегче! Продолжай<br>5к сообщений</center></td>
            <td><center>Не заблудись в паутине!<br>(активный блоггер)</center></td>
            <td><center>Мыслитель</center></td>
        </tr>
    </table>
</div>
    </div>
</center>
[/html]

0

3

3
[html]
<style type="text/css">
    .stranitsa2{
        background: url(https://i.imgur.com/9NurOaV.png);
        height: 450px;
        width: 602px;
    }
    .collection{
        width: 539px;
        height: 164px;
        margin-top: 200px;
        margin-left: 30px;
        overflow-y: scroll;
        position: absolute;  }
.collection1 {
        padding-top: 15px;
    padding-bottom: 14px;
}

.carte {
    display: -webkit-inline-box;
}
#playmymusic {
margin-left: 100px;
margin-top: -16px;
}
#one {
margin-left: 5px;
}
.carte img
{opacity:0;
-moz-transition: all 2s ease;
-webkit-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;}
.carte img:hover {opacity: 1;}

</style>
<center>
    <div class="stranitsa2" id="n2">
        <div class="collection">
<div class="collection1">
    <div class="carte" id="bigone" style="background: url(https://i.imgur.com/QAUEjAy.png);"><img src="https://i.imgur.com/7BegPNy.png"></div>
    <div class="carte" id="one" style="background: url(https://i.imgur.com/L9SYOwE.png);"><img src="https://i.imgur.com/Ig1WZhg.png"></div>
    <div class="carte" id="two" style="background: url(https://i.imgur.com/L9SYOwE.png);"><img src="https://i.imgur.com/P22FOHA.png"></div>
    <div class="carte" id="three" style="background: url(https://i.imgur.com/L9SYOwE.png);"><img src="https://i.imgur.com/NDpkKsv.png"></div>
    <div class="carte" id="four" style="background: url(https://i.imgur.com/L9SYOwE.png);"><img src="https://i.imgur.com/Y68Ynq8.png"></div>
    <div class="carte" id="five" style="background: url(https://i.imgur.com/L9SYOwE.png);"><img src="https://i.imgur.com/LRB3O82.png"></div>
    <div class="" id="playmymusic" style="background: url();"><img src="https://i.imgur.com/aUFyBIo.png"></div>
</div>

<div class="collection1">
    <div class="carte" id="bigone" style="background: url(https://i.imgur.com/aWghbXM.png);"><img src="https://i.imgur.com/aWghbXM.png"></div>
    <div class="carte" id="one" style="background: url(https://i.imgur.com/w0VLP25.png);"><img src="https://i.imgur.com/w0VLP25.png"></div>
    <div class="carte" id="two" style="background: url(https://i.imgur.com/w0VLP25.png);"><img src="https://i.imgur.com/w0VLP25.png"></div>
    <div class="carte" id="three" style="background: url(https://i.imgur.com/w0VLP25.png);"><img src="https://i.imgur.com/w0VLP25.png"></div>
    <div class="carte" id="four" style="background: url(https://i.imgur.com/w0VLP25.png);"><img src="https://i.imgur.com/w0VLP25.png"></div>
    <div class="carte" id="five" style="background: url(https://i.imgur.com/w0VLP25.png);"><img src="https://i.imgur.com/w0VLP25.png"></div>
    <div class="" id="playmymusic" style="background: url();"><img src="https://i.imgur.com/Ik10PHA.png"></div>
</div>
        </div>
    </div>
</center>
[/html]

0

4

4
[html]
<style type="text/css">
    .stranitsa3{
        background: url(https://i.imgur.com/dP6RBkL.png);
        height: 450px;
        width: 602px;
    }
    .pokecase {
        position: absolute;
    }
    #pokebol {
        width: 170px;
        height: 140px;
        margin-top: 225px;
        margin-left: 31px;
        overflow-y: scroll;
    }
    #poketrain {
        width: 180px;
        height: 140px;
        margin-top: 225px;
        margin-left: 212px;
        overflow-y: scroll;
    }
    #sweetab {
        width: 167px;
        height: 50px;
        margin-top: 225px;
        margin-left: 402px;
        overflow-y: scroll;
    }
    #pokinvet {
        width: 167px;
        height: 52px;
        margin-top: 312px;
        margin-left: 402px;
        overflow-y: scroll;
    }
</style>
<center>
    <div class="stranitsa3" id="n1">
        <div class="pokecase" id="pokebol"></div>
        <div class="pokecase" id="poketrain"></div>
        <div class="pokecase" id="sweetab"></div>
        <div class="pokecase" id="pokinvet"></div>

    </div>
</center>
[/html]

0

5

[html]
<center>
    <div class="lich_stran">
        <div class="lich_top">
            <div class="lich_lin" id="lich_lin1"><a href=""><img src="http://funkyimg.com/i/2yLeb.jpg" style="width:130px; height:50px;"></a></div>
            <div class="lich_lin" id="lich_lin2"><a href=""><img src="http://funkyimg.com/i/2yLed.jpg" style="width:130px; height:50px;"></a></div>
            <div class="lich_lin" id="lich_lin3"><a href=""><img src="http://funkyimg.com/i/2yLec.jpg" style="width:130px; height:50px;"></a></div>
        </div>
        <div class="lich_av"><img src="http://funkyimg.com/i/2yL3U.jpg" style="width:180px; height:180px;"></div>
        <div class="lich_tab">
    <ul class="perspageflags">
        <li><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active"><img src="http://funkyimg.com/i/2yLf4.jpg"></a></li>
        <li><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2"><img src="http://funkyimg.com/i/2yLf2.jpg"></a></li>
        <li><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3"><img src="http://funkyimg.com/i/2yLf3.jpg"></a></li>
    </ul>
    <div id="content_1" class="content">
<ul class="hoverbox"><li>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>
<a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2yLmv.png" border="0" width="60"> <img class="preview" src="http://funkyimg.com/i/2yLkY.jpg" border="0" width="200"></a>

</li>
</ul>
</div>
    <div id="content_2" class="content">Content for Tab 2</div>
    <div id="content_3" class="content">Content for Tab 3</div>
</div>
    </div></center>

<style type="text/css">
.lich_stran { background-color: white; width: 340px; height: 470px; padding: 5px;}
.lich_top { display: block; position: absolute; padding: 10px;}
.lich_lin { margin-top: 5px; margin-bottom: 10px;}
.lich_av { position: absolute; margin-left: 150px; margin-top: 10px;}

ul.perspageflags {position: absolute; display: block; margin-left: 255px; margin-top: 5px;}
ul.perspageflags li {margin-bottom: 5px;}
.content { background-image: url(http://funkyimg.com/i/2yLf8.jpg); height: 225px; width: 225px; overflow-y: auto; padding: 10px;  margin-left: -100px;}
.lich_tab {margin-top: 210px; width: 350px;}
#content_2, #content_3 { display:none; }

/* =Hoverbox Code= */
.hoverbox { margin-left: 0px; cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: transpanent; border-style: none; border-width: 0px; color: inherit; vertical-align: top; }
.hoverbox li { background: transparent; color: inherit; display: inline; float: center; margin: -5px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox li.text { background: transparent; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: transpanent; }
/* ----------------- */
</style>
<script>function tabSwitch(new_tab, new_content) {

    document.getElementById('content_1').style.display = 'none';
    document.getElementById('content_2').style.display = 'none';
    document.getElementById('content_3').style.display = 'none';
    document.getElementById(new_content).style.display = 'block';

    document.getElementById('tab_1').className = '';
    document.getElementById('tab_2').className = '';
    document.getElementById('tab_3').className = '';
    document.getElementById(new_tab).className = 'active';
}</script>

[/html]

0


Вы здесь » Crazy Cats » Новый форум » PRRR


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