malina

Объявление




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

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

Вы здесь » malina » Новый форум » профиль

профиль

Страница: 1

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

1

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML-->


<table>
  <tr>
    <td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #952929;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/22Pdh.gif);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #952929; line-height: 21px; font-size: 20px;">Lee Taemin</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">администратор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">В общем, я не из тех админов, которые желают выделиться из общей массы, поэтому, воспользовавшись случаем, скажу только одно - сонбэ Тэмин всегда готов оказать помощь любой сложности, вразумить шалунишек, а также разнообразить ролевую жизнь жителей форума. Скажу по-секрету, достаточно всего лишь назвать меня оппой или хёном, чтобы я начал действовать в ваших интересах.
<br>А если серьезно, то... Ребят, обращайтесь 24/7. Решим все форумные проблемы вне зависимости от их сложности и направленности ❤
</div></div></div></div></div></div>    </td>

    <td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #222; line-height: 21px; font-size: 20px;">имя</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">администратор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">текст
</div></div></div></div></div></div>    </td>

    <td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #222; line-height: 21px; font-size: 20px;">имя</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">модератор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">текст
</div></div></div></div></div></div>    </td>

 </tr>

 <tr>
<td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #222; line-height: 21px; font-size: 20px;">имя</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">модератор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">текст
</div></div></div></div></div></div>    </td>

<td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #222; line-height: 21px; font-size: 20px;">имя</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">модератор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">текст
</div></div></div></div></div></div>    </td>

<td><style type="text/css">

#bradley { position: relative; width: 200px; height: 200px; overflow: hidden; }

#bradley .cooper { width: 200px; height: 200px; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#bradley:hover .cooper { left: -200px; background-color: #fff; -moz-transition-duration: 1.3s;  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }

</style>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

<div style="width: 200px; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color: #a9b2d1;"><div id="bradley"><div class="cooper"><div style="width: 200px; height: 200px; background-image: url(http://placehold.it/200x200);"></div></div><div style="width: 200px; height: 200px; background-color: #fff;"><div style="height: 10px;"></div><table><td><div style="width: 50px; height: 50px; background-image: url(http://funkyimg.com/i/22F6U.gif);"></div></td><td><div style="width: 125px; padding-top: 3px; text-align: left; font-family: Lobster; text-transform: ; color: #222; line-height: 21px; font-size: 20px;">имя</div><div style="width: 125px; height: 30px; font-family: cuprum; font-style: ; font-size: 9px; line-height: 12px; text-transform: lowercase; color: #222; text-align: left;">модератор</div></td></table><div style="width: 160px; height: 95px; padding: 10px; background-color: #fcfcfc; color: #222; text-align: justify; font-family: cuprum; line-height: 120%; font-size: 12px; border-bottom: 1px dotted #222;"><div style="width: 155px; padding-right: 5px; height: 95px; overflow: auto;">текст
</div></div></div></div></div></div>    </td>

</tr>
</table>


</center>

0

2

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--><center><div style="font-size: 20px; margin-left: -150px; margin-top:-13px; color: #0688ba; text-align: ; line-height: 100%;">▴</div> <div style="background: #fff; margin-top: -6px;width: 160px; height: auto; border-radius: 0 10px; box-shadow: inset 0 0 36px #0688ba; padding: 5px; text-align: center; line-height: 80%; text-transform: lowercase; font-family: cuprum; font-size: 12px; color: #0688ba;"> <div style="height: auto; padding-right: 5px;"><br>Я <b>Ли Тэмин</b>. Ты можешь не знать, но в свои <b>22 года</b> я нигде <b>не работаю</b>, потому что мой отец - мэр города, и я всегда при деньгах. Меня интересуют как <b>мужчины, так и женщины</b>, но все мои мысли заняты лишь <b>одним человеком</b>.<br><br></div> </div></center>

<center><div style="background: radial-gradient(#55ddff, #0081b5);width: 160px; padding: 5px; margin-top: 3px; background-color: transperent; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #fff; line-height: 100%; text-transform: ; letter-spacing:3px; border-radius: 10px 0px 10px 0px; box-shadow: inset 0 0 6px #1687bb;">100 000 ₩</div>  <div style=" width: 140px; padding: 5px; margin-left: 10px; background-color:#fff; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #0688ba; line-height: 80%; text-transform: ; letter-spacing:2px; box-shadow: inset 0 0 15px; border-radius: 0px 0px 10px 10px;">fame & self-perfection</div>  </center>
Код:
<!--HTML--><center><div style="font-size: 20px; margin-left: -150px; margin-top:-13px; color: #4f8921; text-align: ; line-height: 100%;">▴</div> <div style="background: #fff; margin-top: -6px;width: 160px; height: auto; border-radius: 0 10px; box-shadow: inset 0 0 36px #4f8921; padding: 5px; text-align: center; line-height: 80%; text-transform: lowercase; font-family: cuprum; font-size: 12px; color: #4f8921;"> <div style="height: auto; padding-right: 5px;"><br>Я <b>Ли Тэмин</b>. Ты можешь не знать, но в свои <b>22 года</b> я нигде <b>не работаю</b>, потому что мой отец - мэр города, и я всегда при деньгах. Меня интересуют как <b>мужчины, так и женщины</b>, но все мои мысли заняты лишь <b>одним человеком</b>.<br><br></div> </div></center>

<center><div style="background: radial-gradient(#85dc62, #4f8921);width: 160px; padding: 5px; margin-top: 3px; background-color: transperent; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #fff; line-height: 100%; text-transform: ; letter-spacing:3px; border-radius: 10px 0px 10px 0px; box-shadow: inset 0 0 6px #4f8921;">100 000 ₩</div>  <div style=" width: 140px; padding: 5px; margin-left: 10px; background-color:#fff; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #4f8921; line-height: 80%; text-transform: ; letter-spacing:2px; box-shadow: inset 0 0 15px; border-radius: 0px 0px 10px 10px;">fame & self-perfection</div>  </center>
Код:
<!--HTML--><center><div style="font-size: 20px; margin-left: -150px; margin-top:-13px; color: #892121; text-align: ; line-height: 100%;">▴</div> <div style="background: #fff; margin-top: -6px;width: 160px; height: auto; border-radius: 0 10px; box-shadow: inset 0 0 36px #892121; padding: 5px; text-align: center; line-height: 80%; text-transform: lowercase; font-family: cuprum; font-size: 12px; color: #892121;"> <div style="height: auto; padding-right: 5px;"><br>Я <b>Ли Тэмин</b>. Ты можешь не знать, но в свои <b>22 года</b> я нигде <b>не работаю</b>, потому что мой отец - мэр города, и я всегда при деньгах. Меня интересуют как <b>мужчины, так и женщины</b>, но все мои мысли заняты лишь <b>одним человеком</b>.<br><br></div> </div></center>

<center><div style="background: radial-gradient(#ff5c5c, #892121);width: 160px; padding: 5px; margin-top: 3px; background-color: transperent; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #fff; line-height: 100%; text-transform: ; letter-spacing:3px; border-radius: 10px 0px 10px 0px; box-shadow: inset 0 0 6px #892121;">100 000 ₩</div>  <div style=" width: 140px; padding: 5px; margin-left: 10px; background-color:#fff; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #892121; line-height: 80%; text-transform: ; letter-spacing:2px; box-shadow: inset 0 0 15px; border-radius: 0px 0px 10px 10px;">fame & self-perfection</div>  </center>
Код:
<!--HTML--><center><div style="font-size: 20px; margin-left: -150px; margin-top:-13px; color: #772189; text-align: ; line-height: 100%;">▴</div> <div style="background: #fff; margin-top: -6px;width: 160px; height: auto; border-radius: 0 10px; box-shadow: inset 0 0 36px #772189; padding: 5px; text-align: center; line-height: 80%; text-transform: lowercase; font-family: cuprum; font-size: 12px; color: #772189;"> <div style="height: auto; padding-right: 5px;"><br>Я <b>Ли Тэмин</b>. Ты можешь не знать, но в свои <b>22 года</b> я нигде <b>не работаю</b>, потому что мой отец - мэр города, и я всегда при деньгах. Меня интересуют как <b>мужчины, так и женщины</b>, но все мои мысли заняты лишь <b>одним человеком</b>.<br><br></div> </div></center>

<center><div style="background: radial-gradient(#ba71fe, #772189);width: 160px; padding: 5px; margin-top: 3px; background-color: transperent; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #fff; line-height: 100%; text-transform: ; letter-spacing:3px; border-radius: 10px 0px 10px 0px; box-shadow: inset 0 0 6px #772189;">100 000 ₩</div>  <div style=" width: 140px; padding: 5px; margin-left: 10px; background-color:#fff; text-align: center; font-family: lobster; font-size: 11px; font-style: ; color: #772189; line-height: 80%; text-transform: ; letter-spacing:2px; box-shadow: inset 0 0 15px; border-radius: 0px 0px 10px 10px;">fame & self-perfection</div>  </center>

0

3

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--> <style type="text/css"> /* MINI PROFILE BY DARREN CRISS AKA BECKY */
.minipoop { width: 200px; height: 300px; position: relative; overflow: hidden; margin: auto;}
.minipoop img { width: 200px; height: 300px; position: absolute; top: 0px; left: 0px; }
.minipoop .miniscreen { width: 200px; height: 300px; background-color: rgba(250,250,250,0.9); position: absolute; top: 0px; left: 0px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minipoop  .animatedii { position: absolute; top: 95px; left: 45px; width: 100px; height: 100px; padding: 5px; border-radius: 100%; border: 3px double #8bc1e4; -webkit-animation-duration: 3s; animation-duration: 3s; -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; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; } 
@-webkit-keyframes pulseii { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } 
@keyframes pulseii { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.pulseii { -webkit-animation-name: pulseii; animation-name: pulseii; }
.minipoop .minigif { position: absolute; top: 103px; left: 53px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minigif img { width: 100px; height: 100px; border-radius: 100%; }
.minipoop:hover .miniscreen { opacity: 0;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop:hover .minigif, .minipoop:hover .animatedii { top: -200px;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop .minitop { width: 120px; height: 220px; padding: 20px; background-color: #fff; position: absolute; top: -300px; left: 20px;   box-shadow: 3px 3px 3px #f0f0f0; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;  }
.minipoop:hover .minitop { transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; top: 20px; }
.minign { padding: 10px; width: 100px; background-color: #8bc1e4; font-family: cuprum, sans-serif; font-size: 13px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin-bottom: 10px; }
.mininame { width: 180px; padding: 10px; background-color: #8bc1e4; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin: auto; }
.mininame a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; }
.miniage { font-size: 60px; font-weight: 700; text-transform: uppercase; color: #8bc1e4; text-align: center; line-height: 100%; font-family: 'Roboto Condensed', sans-serif; }
.miniage2 { letter-spacing: 2px; padding: 5px; width: 110px; background-color: #8bc1e4; font-family: 'cuprum'; font-size: 9px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 400; margin-bottom: 10px;}


</style>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><div class="minipoop"><img src="http://funkyimg.com/i/22Peh.png"><div class="miniscreen"></div> <div id="animatedii-example" class="animatedii pulseii"></div><div class="minigif"><img src="http://funkyimg.com/i/22Pee.gif"/></div><div class="minitop"><div class="minign"> Fame & Self-perfection </div><div class="miniage"> 1 </div><div class="miniage2"> баллы </div></div></div><div class="mininame"> <!-- |name| --> </div>

0

4

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--> <style type="text/css"> /* MINI PROFILE BY DARREN CRISS AKA BECKY */
.minipoop2 { width: 200px; height: 300px; position: relative; overflow: hidden; margin: auto;}
.minipoop2 img { width: 200px; height: 300px; position: absolute; top: 0px; left: 0px; }
.minipoop2 .miniscreen { width: 200px; height: 300px; background-color: rgba(250,250,250,0.9); position: absolute; top: 0px; left: 0px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minipoop2  .animatedii { position: absolute; top: 95px; left: 45px; width: 100px; height: 100px; padding: 5px; border-radius: 100%; border: 3px double #a32727; -webkit-animation-duration: 3s; animation-duration: 3s; -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; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; } 
@-webkit-keyframes pulseii { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } 
@keyframes pulseii { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.pulseii { -webkit-animation-name: pulseii; animation-name: pulseii; }
.minipoop2 .minigif { position: absolute; top: 103px; left: 53px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minigif img { width: 100px; height: 100px; border-radius: 100%; }
.minipoop2:hover .miniscreen { opacity: 0;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop2:hover .minigif, .minipoop2:hover .animatedii { top: -200px;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop2 .minitop { width: 120px; height: 220px; padding: 20px; background-color: #fff; position: absolute; top: -300px; left: 20px;   box-shadow: 3px 3px 3px #f0f0f0; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;  }
.minipoop2:hover .minitop { transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; top: 20px; }
.minign2 { padding: 10px; width: 100px; background-color: #a32727; font-family: cuprum, sans-serif; font-size: 13px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin-bottom: 10px; }
.mininame2 { width: 180px; padding: 10px; background-color: #a32727; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin: auto; }
.mininame a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; }
.miniage02 { font-size: 60px; font-weight: 700; text-transform: uppercase; color: #a32727; text-align: center; line-height: 100%; font-family: 'Roboto Condensed', sans-serif; }
.miniage20 { letter-spacing: 2px; padding: 5px; width: 110px; background-color: #a32727; font-family: 'cuprum'; font-size: 9px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 400; margin-bottom: 10px;}


</style>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><div class="minipoop2"><img src="http://funkyimg.com/i/22Ngj.png"><div class="miniscreen"></div> <div id="animatedii-example" class="animatedii pulseii"></div><div class="minigif"><img src="http://funkyimg.com/i/22NgA.gif"/></div><div class="minitop"><div class="minign2"> Love & Family</div><div class="miniage02"> 1 </div><div class="miniage20"> баллы </div></div></div><div class="mininame2"> <!-- |name| --> </div>

0

5

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style type='text/css'>

.baddream {
   width: 350px;
   height: 400px;
   background-color: #ea3535;
   margin: 0 auto;
   padding: 5px 5px 12px 5px;
}

.openroad {
   width: 340px;
   height: 50px;
   font-family: 'arial' sans-serif; 
   font-weight: bold;
   font-size: 55px;
   text-transform: lowercase; 
   color: #ffffff; 
   letter-spacing: -5px; 
   line-height: 100%;
   padding: 1px 3px 2px 4px;
}

.topdown {
   width: 340px;
   height: 15px;
   font-family: 'arial' sans-serif;
   font-weight: 400;
   font-size: 9px;
   text-align: justify;
   text-transform: uppercase; 
   color: #ffffff; 
   letter-spacing: 1px; 
   line-height: 100%;
   padding: 0px 3px 0px 20px;
}


.loveiknow {
   margin: 0 auto;
   font-size: 14px;
   position: relative;
   top: 170px;
}

a.wow:link {
  color:#ea3535;
  text-decoration: none;
}

a.wow:visited {
  color:#ea3535;
}
a.wow:hover {
  color:#b84041;
}

.stabs { 
   position: relative;   
   width: 250px; 
   height: 240px; 
   clear: both;
   top: 23px;
}

.stab { 
   float: left; 
} 








.stab label { 
   display: block; 
   background-color: #ffffff;
   width: 18px;
   height: 18px;
   padding: 6px 5px 5px 6px;
   margin-top: 5px;
   margin-left: 13px; 
   text-align: center; 
   line-height: 100%; 
   letter-spacing: 0px; 
   color: #000000; 
   background-color: #ffffff;
   position: relative;
   left: 60px;
   top: -5px; 
   font-size: 15px;
}
.stabs .stab [type=radio] { 
   display: none; 
} 
.stabs .stab [type=radio]:checked ~ label { 
   background: #ffffff;
   color: #ea3535;
   z-index: 1; 
}
.stabs .stab [type=radio]:checked ~ label ~ .content {
   z-index: 4; 
   -webkit-transform: scale(1);
   -o-transform: scale(1); 
   -moz-transform: scale(1);
}
.content {
   position: absolute;
   bottom: 0px;
   top: 105px;
   left: 6px;
   right: 0px;
   background: #ffffff;
   padding: 20px 12px 20px 12px;
   width: 315px;
   height: 230px;
  font-family: 'arial' sans-serif;
   font-weight: 400;
   font-size: 11px;
   text-align: justify;
   letter-spacing: 0px;
   overflow-y: auto; 
   -webkit-transform: scale(0); 
   -o-transform: scale(0); 
   -moz-transform: scale(0); 
   -webkit-transition-duration: .8s; 
   -moz-transition-duration: .8s; 
   -o-transition-duration: .8s;
}
</style>





<body>
<div class="baddream">
<div class="stabs">
<div class="openroad">LOVE & FAMILY</div>
<div class="topdown">lee taemin - 21.09.2015</div> 
<div class="stab"><input type="radio" id="stab-1" name="stab-group-1" checked>
<label for="stab-1"><i class="fa fa-pencil-square-o"></i></label>
<div class="content">
<img src="http://funkyimg.com/i/22NyX.gif">
</div> 
</div>



<div class="stab">
<input type="radio" id="stab-3" name="stab-group-1">
<label for="stab-3"><i class="fa fa-phone"></i></label>
<div class="content">
<center><div style="width: 250px; height: 30px; background: #ea3535; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">важная информация</div>

<div class="althekiller">

<a href="URL"><div class="faceclaim"><div class="maleceleb">правила</div><div class="malechar">правила</div></a>
</div>


<a href="URL"><div class="faceclaim"><div class="maleceleb">сюжет</div><div class="malechar">сюжет</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">город любви</div><div class="malechar">город любви</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">объявления</div><div class="malechar">объявления</div></a>
</div>

<a href="URL"><div class="faceclaim"><div class="maleceleb">что-то</div><div class="malechar">что-то</div></a>
</div></center>
<P>
<P>
</div>
</div>

<div class="stab">
<input type="radio" id="stab-4" name="stab-group-1">
<label for="stab-4"><i class="fa fa-male"></i></label>
<div class="content">
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'><style type="text/css">.foofighters {background-color: #ffffff;color: #000000;width: 450px;border-top: 10px solid #000000;padding: 10px;text-align: center;}.whenilearnto {text-align: center;font-family: pathway gothic one;margin: 10px 0px;font-size: 30px;text-transform: uppercase; color: #634933;}.althekiller {width: 200px;float: left; padding-left: 60px; padding-top: 30px;}.althekiller .boys {font-family: pathway gothic one;font-size: 25px;color: #b1ce99;text-align: center;text-transform: uppercase; margin-bottom: 10px;}.althekiller .girls {font-family: pathway gothic one;font-size: 25px;color: #897393;text-align: center;text-transform: uppercase;margin-bottom: 10px;}.althekiller .faceclaim {width: 175px;height: 20px;display: block;overflow: hidden;margin-bottom: 5px; }.althekiller .maleceleb{background-color: #ea3535;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;}.althekiller .malechar{background-color: #000000;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;margin-top: -20px;opacity: 0;transition: .8s all;-moz-transition: .8s all;-webkit-transition: .8s all;-o-transition: .8s all;}.althekiller .malechar:hover {opacity: .99; }.althekiller .girlceleb{background-color: #897393;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;}.althekiller .girlchar{background-color: #000000;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;margin-top: -20px;opacity: 0;transition: .8s all;-moz-transition: .8s all;-webkit-transition: .8s all;-o-transition: .8s all;}.althekiller .girlchar:hover {opacity: .99; }</style><center>

<center><div style="width: 250px; height: 30px; background: #ea3535; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">оформление профиля</div>

<div class="althekiller">

<a href="URL"><div class="faceclaim"><div class="maleceleb">личное звание</div><div class="malechar">личное звание</div></a>
</div>


<a href="URL"><div class="faceclaim"><div class="maleceleb">отношения</div><div class="malechar">отношения</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">инстаграм</div><div class="malechar">инстаграм</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">внешности</div><div class="malechar">внешности</div></a>
</div>

<a href="URL"><div class="faceclaim"><div class="maleceleb">личная страница</div><div class="malechar">личная страница</div></a>
</div></center>
<P>
<P>
</div>
</div>
</div>




</body>

0

6

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--> <style type="text/css"> /* MINI PROFILE BY DARREN CRISS AKA BECKY */
.minipoop3 { width: 200px; height: 300px; position: relative; overflow: hidden; margin: auto;}
.minipoop3 img { width: 200px; height: 300px; position: absolute; top: 0px; left: 0px; }
.minipoop3 .miniscreen { width: 200px; height: 300px; background-color: rgba(250,250,250,0.9); position: absolute; top: 0px; left: 0px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minipoop3  .animatedii { position: absolute; top: 95px; left: 45px; width: 100px; height: 100px; padding: 5px; border-radius: 100%; border: 3px double #853db8; -webkit-animation-duration: 3s; animation-duration: 3s; -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; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; } 
@-webkit-keyframes pulseii { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } 
@keyframes pulseii { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.pulseii { -webkit-animation-name: pulseii; animation-name: pulseii; }
.minipoop3 .minigif { position: absolute; top: 103px; left: 53px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minigif img { width: 100px; height: 100px; border-radius: 100%; }
.minipoop3:hover .miniscreen { opacity: 0;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop3:hover .minigif, .minipoop2:hover .animatedii { top: -200px;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop3 .minitop { width: 120px; height: 220px; padding: 20px; background-color: #fff; position: absolute; top: -300px; left: 20px;   box-shadow: 3px 3px 3px #f0f0f0; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;  }
.minipoop3:hover .minitop { transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; top: 20px; }
.minign3 { padding: 10px; width: 100px; background-color: #853db8; font-family: cuprum, sans-serif; font-size: 13px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin-bottom: 10px; }
.mininame3 { width: 180px; padding: 10px; background-color: #853db8; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin: auto; }
.mininame a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; }
.miniage03 { font-size: 60px; font-weight: 700; text-transform: uppercase; color: #853db8; text-align: center; line-height: 100%; font-family: 'Roboto Condensed', sans-serif; }
.miniage30 { letter-spacing: 2px; padding: 5px; width: 110px; background-color: #853db8; font-family: 'cuprum'; font-size: 9px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 400; margin-bottom: 10px;}


</style>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><div class="minipoop3"><img src="http://funkyimg.com/i/22Ngj.png"><div class="miniscreen"></div> <div id="animatedii-example" class="animatedii pulseii"></div><div class="minigif"><img src="http://funkyimg.com/i/22NgA.gif"/></div><div class="minitop"><div class="minign3"> Activities & Entertainment</div><div class="miniage03"> 1 </div><div class="miniage30"> баллы </div></div></div><div class="mininame3"> <!-- |name| --> </div>

0

7

  • Автор: malina
  • Администратор
  • malina
  • Зарегистрирован: 2015-09-12
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2016-02-05 00:03:57
Код:
<!--HTML--> <style type="text/css"> /* MINI PROFILE BY DARREN CRISS AKA BECKY */
.minipoop4 { width: 200px; height: 300px; position: relative; overflow: hidden; margin: auto;}
.minipoop4 img { width: 200px; height: 300px; position: absolute; top: 0px; left: 0px; }
.minipoop4 .miniscreen { width: 200px; height: 300px; background-color: rgba(250,250,250,0.9); position: absolute; top: 0px; left: 0px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minipoop4  .animatedii { position: absolute; top: 95px; left: 45px; width: 100px; height: 100px; padding: 5px; border-radius: 100%; border: 3px double #5db83d; -webkit-animation-duration: 3s; animation-duration: 3s; -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; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; } 
@-webkit-keyframes pulseii { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } 
@keyframes pulseii { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.pulseii { -webkit-animation-name: pulseii; animation-name: pulseii; }
.minipoop4 .minigif { position: absolute; top: 103px; left: 53px; transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; }
.minigif img { width: 100px; height: 100px; border-radius: 100%; }
.minipoop4:hover .miniscreen { opacity: 0;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop4:hover .minigif, .minipoop2:hover .animatedii { top: -200px;  transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; }
.minipoop4 .minitop { width: 120px; height: 220px; padding: 20px; background-color: #fff; position: absolute; top: -300px; left: 20px;   box-shadow: 3px 3px 3px #f0f0f0; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;  }
.minipoop4:hover .minitop { transition: all .6s ease-in-out 1s; -webkit-transition: all .6s ease-in-out 1s; -moz-transition: all .6s ease-in-out 1s; -ms-transition: all .6s ease-in-out 1s; -o-transition: all .6s ease-in-out 1s; top: 20px; }
.minign4 { padding: 10px; width: 100px; background-color: #5db83d; font-family: cuprum, sans-serif; font-size: 13px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin-bottom: 10px; }
.mininame4 { width: 180px; padding: 10px; background-color: #5db83d; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; margin: auto; }
.mininame a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 700; }
.miniage04 { font-size: 60px; font-weight: 700; text-transform: uppercase; color: #5db83d; text-align: center; line-height: 100%; font-family: 'Roboto Condensed', sans-serif; }
.miniage40 { letter-spacing: 2px; padding: 5px; width: 110px; background-color: #5db83d; font-family: 'cuprum'; font-size: 9px; text-align: center; color: #fff; text-transform: uppercase; line-height: 100%; font-weight: 400; margin-bottom: 10px;}


</style>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><div class="minipoop4"><img src="http://funkyimg.com/i/22Ngj.png"><div class="miniscreen"></div> <div id="animatedii-example" class="animatedii pulseii"></div><div class="minigif"><img src="http://funkyimg.com/i/22NgA.gif"/></div><div class="minitop"><div class="minign4"> Career & Luxury</div><div class="miniage04"> 1 </div><div class="miniage40"> баллы </div></div></div><div class="mininame4"> <!-- |name| --> </div>

0

Страница: 1

Вы здесь » malina » Новый форум » профиль

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