blablabla

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

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

Вы здесь » blablabla » Тестовый форум » коды

коды

Страница: 1
Ответить

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

1

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03

<!--HTML-->

0

2

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<center>
 <div id="poot">
   <div class="poott">
     <div class="pootp" style="background-image:url(400 X 200 IMG HERE)">
       <div class="pooti" style="top: 90px">
         <marquee>the first and last of your kind --- tag // words // notes </marquee>
       </div>
     </div>
     <div class="pootbg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis iaculis feugiat. Sed metus magna, lacinia ac pellentesque a, consectetur in neque. In id leo sodales, rhoncus lectus sed, auctor nibh. Ut pulvinar ipsum sed elit lacinia, sit amet
       tempus nulla aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst. In fermentum urna mauris, accumsan vehicula elit efficitur in. Nullam vel libero sit amet nisl eleifend faucibus vel in turpis.
       Aenean tempor erat eu ipsum vehicula, tincidunt euismod velit fermentum. Morbi tempor ante et fermentum hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus egestas leo luctus turpis fringilla
       consectetur. Donec sed feugiat urna. Curabitur pharetra, lorem eu tincidunt dictum, tortor arcu pretium arcu, sit amet malesuada leo sem sagittis nisl. Donec dictum egestas eros ut sollicitudin. Vivamus vestibulum tortor at purus condimentum lobortis.
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis quam leo. Integer nec odio dolor. In ornare sem sed arcu facilisis pellentesque. Suspendisse sed velit aliquam, commodo nisl eu, pulvinar diam. Vestibulum condimentum velit non tellus
       pretium vestibulum. Cras scelerisque ipsum fermentum, porttitor lorem eu, tristique erat. Pellentesque ut varius felis, vitae cursus nunc. Integer sagittis ligula at aliquet condimentum. Donec ultricies pellentesque condimentum. Maecenas porttitor
       gravida lacus, suscipit convallis ante eleifend non. Proin commodo lobortis feugiat. Cras ut lobortis nisl. Aliquam bibendum mauris et sem tempor lacinia. Aliquam pulvinar accumsan libero nec rhoncus. Pellentesque quis ex massa. Pellentesque sollicitudin
       vitae velit sit amet hendrerit. Nunc semper odio vitae urna consectetur fermentum. Praesent at justo ac purus consectetur tincidunt a a ex. Vivamus auctor dui in tellus imperdiet, at lacinia risus elementum. Mauris sagittis in arcu a vehicula.
       Vestibulum mauris lectus, vulputate id scelerisque sit amet, placerat sed dolor. Phasellus sit amet tellus sed urna pellentesque scelerisque. Pellentesque posuere ex lorem, ac luctus mauris volutpat vel. Cum sociis natoque penatibus et magnis
       dis parturient montes, nascetur ridiculus mus. Phasellus id nunc commodo, varius nulla nec, euismod tortor. Curabitur sit amet facilisis enim, eu tincidunt purus. Donec quis felis ipsum. Ut pretium, libero nec vestibulum mollis, sapien quam elementum
       nunc, at pretium orci leo a enim. Sed eu odio mattis, luctus felis quis, malesuada arcu. Aliquam erat volutpat. Etiam vitae velit ullamcorper, vulputate mauris non, porta dui. Morbi at quam dui. Integer gravida iaculis venenatis. Vestibulum dignissim
       ut nisi sit amet aliquet. Morbi sapien libero, tincidunt nec auctor eu, tincidunt sit amet ligula. Pellentesque sed dignissim justo. Fusce nec nibh vel orci interdum sagittis.

     </div>

   </div>
 </div>
 <div style="text-align: right; font-family: roboto; text-transform: uppercase; font-size: 9px; width: 500px"><a href="http://shine.b1.jcink.com/index.php?showuser=6723" style="color: #000; text-decoration: none">holly at shine</a></div>
</center>
<style>

#poot {
 height: 300px;
 width: 500px;
 position: relative;
 background-image: url(http://i.imgur.com/ecrXdjc.png)
}

.poott {
 height: 200px;
 width: 400px;
 position: absolute;
 top: 50px;
 left: 50px;
 overflow: hidden;
}

.pootp {
 height: 200px;
 width: 400px;
 position: absolute;
 z-index: 2;
 background-color: #FFEB00;
 background-blend-mode: multiply
}

.pooti {
 height: 25px;
 line-height: 25px;
 background-color: #212121;
 color: #fff;
 width: 340px;
 position: absolute;
 left: 30px;
 text-align: center;
 letter-spacing: 3px;
 text-transform: uppercase;
 font-family: calibri;
 font-size: 9px
}

.pootbg {
 height: 160px;
 width: 360px;
 background-color: #fff;
 padding: 10px;
 border: 10px solid #fff;
 font-family: roboto;
 line-height: 12px;
 font-size: 9px;
 text-align: justify;
 column-count: 2;
 -moz-column-count: 2;
 -webkit-column-count: 2;
 column-gap: 10px;
 -moz-column-gap: 10px;
 -webkit-column-gap: 10px;
 overflow: auto;
}

.pootbg::-webkit-scrollbar {
 height: 3px
}

.pootbg::-webkit-scrollbar-thumb {
 background-color: #FFEB00
}

#poot .pootp {
 left: -0px;
 -webkit-transition: 1s ease-in-out;
}

#poot:hover .pootp {
 left: -400px;
 -webkit-transition: 1s ease-in-out;
}
</style>

0

3

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>
.louisblackbg { width:300px; height:566px; background-image:url(http://i.imgur.com/v21mg1y.png); position:relative; overflow:hidden; }
.louisblacklockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }
.louisblackbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackdarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#222; opacity:.2; }
.louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblacktime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#fff; font-family:lato; font-weight:100; }
.louisblackdate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#fff; font-family:lato; font-weight:100; text-transform:none; }
.louisblackcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }
.louisblackslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackdarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }
.louisblackbg:hover .louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackbg:hover .louisblackmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }
.louisblackmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }
.louisblackblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }
.louisblackmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:none; }
.louisblackname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }
.louisblackpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }
.louisblackfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }
.louisblackyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }
.louisblackbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }
.louisblackarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }
</style><center>
<div class='louisblackbg'><div class='louisblacklockscreen'><div class='louisblackbgimg' style='background-image:url(http://placehold.it/225x400);'></div><div class='louisblackdarken'></div><div class='louisblackstats'></div><div class='louisblackslide'></div><div class='louisblackcamera'></div><div class='louisblackslideright'><div class='louisblacktime'>

4:21

</div><div class='louisblackdate'>

Wednesday 29 January

</div><div class='louisblackunlock'></div></div><div class='louisblackmessages'><div class='louisblackmenu'><div class='louisblackblue'></div><div class='louisblackname'> 

Recipient Name

</div></div><div class='louisblackmtime'>

4:21 PM

</div><div class='louisblackpic' style=' background-image:url(http://placehold.it/75);'></div><div class='louisblackfiller'>

<b>Wed, 29 Jan,</b> 4:21 PM

</div><div class='louisblackyay'><div class='louisblackarrow'></div><div class='louisblackbubble'>

message here

</div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://shine.b1.jcink.com/index.php?showuser=599]THANKS TO LOUIS AT SHINE![/url]</div></center>

0

4

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Raleway:700,300' rel='stylesheet' type='text/css'>
<style type = "text/css">

.lucithreadwrap { width: 370px; padding: 20px; background-color: #fafafa; border: 1px solid #f5f5f5; }
.lucithreadheader { background-color: #f3f3f3; padding: 40px; }
.lucithreadtitle { font-family: raleway; font-size: 30px; font-weight: 700; color: #c84664; padding: 3px; line-height: 100%;}
.lucithreadsub { border-top: 1px solid #fff; font-size: 6px; color: #adadad; font-family: raleway; font-weight: 700; padding: 8px; text-align: right; letter-spacing: 1px; }
.lucithreadpost { background-color: #fff; padding: 40px 50px 40px 50px; color: #9a9a9a; font-family: raleway; font-weight: 300; font-size: 10px; text-align: justify; line-height: 110%; text-transform: lowercase; }
.lucithreadpost b{  font-family: raleway; font-size: 12px; font-weight: 700; color: #c84664; }

.threadimage { border-radius: 100%; border: 1px solid #fff; padding: 5px; width: 45px; height: 45px; margin-left: 5px;"}
.threadimage img{ border-radius: 100%; width: 45px; height: 45px; }


#CHARACTERNAMEHERE .lucithreadtitle { color: #PRETTYCOLOR }
#CHARACTERNAMEHERE .lucithreadpost b{ color: #PRETTYCOLOR  }


</style>

<div id="CHARACTERNAMEHERE">
<div class="lucithreadwrap">
<div class="lucithreadheader"><table><tr><td><div class="threadimage">

<img src="SQUARE IMAGE!! IT RESIZES ITSELF">

</div></td>

<td><div class="lucithreadtitle">SHORT TITLE</div>

<div class="lucithreadsub">LINE OF LYRICS HERE</div></td></tr></table>
</div>
<div class="lucithreadpost">

POST GOES HERE!!!! QUOTES GO UNDER <B>"HERE"</B>

</div>


</div>

<a href="http://shine.b1.jcink.com/index.php?showuser=14953"><div style="width: 390px; text-align: right; padding-top: 5px; font-size: 5px; letter-spacing: 2px; font-family: raleway; font-weight: 700px; opacity: 0.5;">THNX LUCI!</DIV></a>
</div>
</center>

0

5

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600' rel='stylesheet' type='text/css'>
<style>
.circthread2 {width: 350px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: center; text-transform: uppercase;}
.circthread2a {height: 80px; background-color:#000; text-align: center; }
.circthread2c {position: relative; left: 107px; top: -68px; width: 110px; background-color:#000; color:#fff; padding: 5px; padding-left: 20px; z-index: 1;}
.circthread2d {color:#000; text-align: justify; padding: 10px; text-transform: none; font: 10px calibri; margin-top: -35px;}
.circcred {width: 350px;  text-align: right;}
.circcred a{font: 5pt source code pro; text-transform: uppercase;}
</style>
<center>
<div class="circthread2">
<div class="circthread2a"></div><center><div style="background-image: url('http://placehold.it/120'); width: 120px; height: 120px; margin-top: -60px; border: 5px solid #fff; border-radius: 50%; background-position: center; background-size: cover; position: relative; z-index: 2;"> </div>
<div class="circthread2c"> ### words for tag</div>
<div class="circthread2d"> 
Salvia blog lomo, organic flexitarian Truffaut master cleanse tote bag bicycle rights mlkshk 3 wolf moon. Pour-over Cosby sweater ethical, Austin scenester flannel Tonx vegan trust fund Pitchfork cray tofu readymade McSweeney's. Organic hashtag tattooed, PBR fanny pack slow-carb pickled Neutra tousled Banksy. Fixie Thundercats VHS fashion axe semiotics Marfa. Irony cred art party, letterpress Intelligentsia jean shorts crucifix XOXO lomo salvia mixtape mustache. Freegan photo booth direct trade Godard banjo. Fap next level bicycle rights, roof party sustainable lomo Helvetica meh quinoa 90's selfies semiotics.
<p>
Wayfarers Vice heirloom Blue Bottle Echo Park lomo, bitters cornhole flannel brunch fanny pack. Artisan aesthetic beard, trust fund PBR disrupt gluten-free selvage single-origin coffee Echo Park pickled wayfarers. Bitters Carles mustache, XOXO biodiesel sartorial bespoke lomo viral artisan sustainable gastropub. IPhone locavore Intelligentsia synth, pickled 8-bit food truck cliche meggings raw denim cardigan paleo. Truffaut bespoke pickled, +1 paleo mixtape church-key jean shorts. Semiotics deep v wayfarers, kale chips 90's scenester tofu. Retro sartorial leggings, American Apparel High Life cardigan actually four loko literally Kickstarter hashtag pork belly cred.
<p>
Single-origin coffee direct trade dreamcatcher, butcher trust fund keytar tattooed. McSweeney's Carles Blue Bottle, fashion axe bicycle rights keytar actually street art iPhone butcher vinyl locavore you probably haven't heard of them chia. Schlitz sustainable Odd Future, hella selfies distillery Williamsburg drinking vinegar Wes Anderson actually. Tofu paleo cliche, dreamcatcher meggings fanny pack sustainable semiotics jean shorts heirloom actually bicycle rights freegan VHS mustache. Chia butcher retro, seitan lomo tattooed Cosby sweater flannel Austin tofu YOLO raw denim forage. YOLO messenger bag irony, narwhal farm-to-table pug Tonx photo booth pork belly +1 Portland. Freegan High Life direct trade, messenger bag asymmetrical Kickstarter Vice Tumblr hella.
<p>
Slow-carb semiotics scenester swag, stumptown Vice chillwave Brooklyn bicycle rights wolf mlkshk Shoreditch umami cardigan. Williamsburg Odd Future trust fund cray, semiotics organic cardigan ugh dreamcatcher synth mlkshk aesthetic locavore YOLO. Mustache paleo Pinterest typewriter tote bag selvage Marfa banjo, chillwave narwhal artisan scenester freegan Bushwick brunch. Bitters tofu pork belly occupy organic readymade. Banjo hashtag ugh, scenester Kickstarter wayfarers vegan. Occupy Cosby sweater retro distillery, XOXO semiotics crucifix Vice cliche Truffaut craft beer lo-fi. Readymade small batch scenester shabby.

</div></div><div class="circcred"> <a href="http://shine.b1.jcink.com/index.php?showuser=3826">circe</a></div>
</center>

0

6

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<center>
 <div id="swim">
   <div class="swimtitle">
     <div class="swimtitlef">All hell is breaking loose
</div></div>
         <a href="http://shine.b1.jcink.com/index.php?showuser=6723"><div class="swimp2" style="background-image:url(240 X 165 IMG HERE)"></div></a>
   <div class="swimtag">
     <div class="swimtagg" style="top: 37px">tags</div>
     <div class="swimtagg" style="top: 70px">0000</div>
     <div class="swimtagg" style="top: 103px">note</div>
   </div>

   <div class="swimp1" style="background-image: url(480 X 165 IMG HERE)">
   </div>
   <div class="swimpost">POST HERE. IT WILL SCROLL

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

<style>
@keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-webkit-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-moz-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

#swim {
 height: 330px;
 width: 480px;
 position: relative;
 border: 10px solid #fff;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
 overflow: hidden
}

.swimtitle {
 height: 165px;
 width: 480px;
 position: absolute;
 background-color: #050f36;
}

.swimtitlef {
 height: 165px;
 width: 480px;
 line-height: 165px;
 position: absolute;
 color: #fff;
 font-family: 'montserrat';
 text-transform: uppercase;
 font-size: 13px;
 letter-spacing: 2px;
 -moz-animation: hell 3s infinite ease-in-out;
 -webkit-animation: hell 3s infinite ease-in-out;
 animation: hell 3s infinite ease-in-out;
}

.swimp1 {
 height: 165px;
 width: 480px;
 position: absolute;
 top: 165px;
 background-color: #fa971e;
 background-blend-mode: multiply;
 z-index: 2
}

.swimp2 {
 height: 165px;
 width: 240px;
 background-color: #f75b08;
 background-blend-mode: multiply;
 position: absolute
}

.swimtag {
 height: 165px;
 width: 240px;
 position: absolute;
 left: 240px;
 background-color: transparent
}

.swimtagg {
 height: 20px;
 width: 186px;
 line-height: 20px;
 font-family: montserrat;
 text-transform: uppercase;
 position: absolute;
 left: 25px;
 color: #fff;
 letter-spacing: 2px;
 border: 2px solid #fff;
 font-size: 9px
}

.swimtagg::first-letter {
 color: #fa971e
}

.swimpost {
 height: 145px;
 width: 460px;
 padding: 5px;
 border: 5px solid #fff;
 position: absolute;
 top: 165px;
 background-color: #fff;
 text-align: justify;
 font-family: montserrat;
 font-size: 9px;
 column-count: 3;
 -moz-column-count: 3;
 -webkit-column-count: 3;
 column-gap: 15px;
 -moz-column-gap: 15px;
 -webkit-column-gap: 15px;
 overflow: auto;
 line-height: 12px
}

.swimpost b {
 font-size: 12px;
 font-weight: 700;
 font-style: italic;
 color: #805c73;
 letter-spacing: -1px
}

.swimpost::-webkit-scrollbar {
 height: 2px
}

.swimpost::-webkit-scrollbar-thumb {
 background-color: #805c73
}

#swim .swimtitlef {
 transform: scale(1);
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
 -webkit-transition-delay: 0.7s
}

#swim:hover .swimtitlef {
 transform: scale(0);
 opacity: 0;
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
}

#swim .swimtitle {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimtitle {
 left: 240px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimp2 {
 left: -240px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimp2 {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimtag {
 top: -240px;
 -webkit-transition: linear 0.6s;
 -moz-transition: linear 0.6s;
 transition: linear 0.6s;
}

#swim:hover .swimtag {
 top: 0px;
 -webkit-transition-delay: 1.2s
}

#swim .swimp1 {
 left: 0px;
 -webkit-transition: 1s linear
}

#swim:hover .swimp1 {
 left: -480px;
 -webkit-transition: 1s linear
}
</style>

0

7

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Poppins:500,700' rel='stylesheet' type='text/css'>
<style>#triangle-topleft { width: 0; height: 0; border-top: 150px solid #80a6bf; border-right: 150px solid transparent; position: relative; left: -80px; top: 0px;}#triangle-bottomright { width: 0; height: 0; border-bottom: 150px solid #80a6bf; border-left: 150px solid transparent; position: relative; top: -225px; right: -80px; margin-bottom: 150px;}.infocin {text-align: right; font-family: calibri; font-size: 8px; overflow: hidden; line-height: 100%; letter-spacing: 1px; text-transform: uppercase; color: #000;}.infocin b {color: #80a6bf; font-weight: bold;}.cinderella {width: 215px; height: 191px; padding-right: 5px; overflow: auto; text-align: justify; font-family: calibri; font-size: 11px; line-height: 100%; letter-spacing: 0px; color: #000; }.cinderella b {color: #80a6bf; font-family: poppins; font-weight: 500; font-size: 11px;}.cinderella::-webkit-scrollbar {width: 4px;}.cinderella::-webkit-scrollbar-track {background-color: #ebebeb;}.cinderella::-webkit-scrollbar-thumb {background-color: #80a6bf; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .cinderella p:first-letter {font-family: poppins; font-weight: 700; color: #80a6bf; margin: 10px; float: left; font-size: 40px; text-transform: uppercase;}.cinderella:first-letter {font-family: poppins; font-weight: 700; color: #80a6bf; margin: 10px; float: left; font-size: 40px; text-transform: uppercase;}</style><div style="width: 310px; height: 400px; background: url(http://subtlepatterns.com/patterns/cross_scratches.png);"><div id="triangle-topleft"></div><div style="width: 250px; height: 90px; position: relative; top: -120px; right: 0px;">

<div style="width: 70px; height: 70px; border: 10px solid #fff; background: url(SQUARE IMAGE GOES HERE); background-size: cover; float: left;"></div>

<div style="width: 150px; height: 85px; padding-top: 5px; text-align: right; font-family: poppins; font-size: 30px; text-transform: uppercase; font-weight: 700; color: #80a6bf; line-height: 90%; float: right;">hold fast to kindness</div></div><div style="width: 225px; height: 191px; background: #fff; position: relative; top: -110px; right: 0px; z-index: 3; padding: 12px;"><div class="cinderella">

POST GOES HERE

</div></div><div style="width: 240px; height: 9px; padding: 5px; background: #fff; position: relative; top: -100px; right: 0px; z-index: 3;"><div class="infocin">FOR <b>WHO'S IT FOR?</b> // SHORT NOTES</div></div>

<div id="triangle-bottomright"></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 295px; color: #000; font-family: calibri; font-size: 7px; letter-spacing: 3px; margin-top: 3px; text-align: center;">WHAT KATY DID</div></a></center>

0

8

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Abril+Fatface|Aguafina+Script|Anaheim' rel='stylesheet' type='text/css'>

<style type="text/css">.mayapbg { width: 400px; background-image: url(http://media.tumblr.com/tumblr_mcmugbNN1s1qh9yw5.png); padding: 30px; }
.mayawbg { width: 340px; background-color: #FFF; box-shadow: 0px 0px 7px rgba(70, 70, 70, 0.3); padding: 30px; }
.mayalyr1 { width: 340px; font-family: aguafina script; font-size: 35px; color: #AEC6B9; text-transform: lowercase; text-shadow: 1px 1px 0px #FFF1DE, 2px 2px 0px #E2E2D6; line-height: 90%; }
.mayalyr2 { width: 320px; font-family: calibri; font-size: 7px; color: #000; text-transform: uppercase; text-align: justify; line-height: 90%; padding-bottom: 10px; position: relative; margin-top: -5px; }
.mayapostpbg { width: 280px; background-image: url(http://media.tumblr.com/56d56e55fb8c0adce9a58d0a0d61b803/tumblr_inline_mkjq62Wxje1qz4rgp.png); border-top: 100px solid #FFAD9F; border-bottom: 10px solid #FFAD9F; padding: 30px; }
.mayapostwbg { width: 230px; background-color: #FFF; box-shadow: 0px 0px 7px rgba(70, 70, 70, 0.3); border-top: 5px solid #E2E2D6; padding: 60px 25px 20px 25px; }
.mayapostbbg { width: 230px; height: 295px; border-bottom: 1px dotted #E2E2D6; padding-bottom: 5px; }
.mayapostt::-webkit-scrollbar { width: 7px; background-color: #EFEFEF; }
.mayapostt::-webkit-scrollbar-thumb { background-color: #FFAD9F; }
.mayapostt { width: 227px; height: 295px; font-family: calibri; font-size: 10px; color: #000; text-align: justify; line-height: 90%; overflow: auto; padding-right: 3px; }
.mayaimg { width: 150px; height: 150px; background-image: url(150X150 IMAGE HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!); position: absolute; margin-top: -480px; margin-left: 30px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border: 10px solid #FCE3CD; }
#mayatag { width: 310px; height: 30px; background-color: #FFF; padding: 15px 15px 0px 15px;}
#mayatag tagnotes { width: 310px; font-family: anaheim; font-size: 9px; text-transform: uppercase; color: #000; text-align: justify; letter-spacing: 2px; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; line-height: 90%; position: absolute; margin-left: -300px; margin-top: -5px; }
#mayatag tagtext { font-family: abril fatface; font-size: 35px; text-transform: lowercase; color: #AEC6B9; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; opacity: 1.0;}
#mayatag:hover tagtext {opacity: 0; }
#mayatag:hover tagnotes {opacity: 1.0;}
#mayatag b { color: #FFAD9F; }
.mayapostt b { color: #AEC6B9; font-family: georgia; font-size: 9px; font-style: italic; } </style>

<div class="mayapbg"><div class="mayawbg"><div class="mayalyr1">


line of lyrics here


</div><div class="mayalyr2">


more lyrics here. as many or as little as you please!


</div><div class="mayapostpbg"><div class="mayapostwbg"><div class="mayapostbbg"><div class="mayapostt">



post goes here



</div></div><div class="mayaimg"></div></div></div><div id="mayatag"><tagtext>tag, words & notes</tagtext> <tagnotes>


<b>### words</b> for <b>name</b> | notes here


</tagnotes></div></div></div><div style="width: 400px; padding-right: 60px; font-family: calibri; font-size: 9px; text-align: right; text-transform: uppercase;">[url=http://shine.b1.jcink.com/index.php?showuser=67]♥ maya[/url]</div></center>

0

9

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><style type>

.floratainer {
 position: relative;
 height: 450px;
 width: 300px;
}

.floratabs {
 position: absolute;
 background-image: url(http://i.imgur.com/A6708Db.png);
 width: 300px;
 height: 450px;
}

.floratab {
 float: left;
}

.floratab label {
 display: block;
 width: 50px;
 height: 25px;
 background: #fff;
 border: 1px solid #c480a4;
 color: #c480a4;
 position: relative;
 left: 20px;
 top: 20px;
 z-index: 1;
 margin-left: 11px;
 line-height: 25px;
 font-family: calibri;
 text-transform: uppercase;
 font-size: 10px;
 letter-spacing: 3px;
}

.floratab input[type=radio]:checked ~ label {
 background: white;
 z-index: 2;
}

.floratab input[type=radio] {
 display: none;
}

.floracontent {
 position: absolute;
 top: 60px;
 bottom: 0px;
 left: 30px;
 right: 0px;
 background: white;
 padding: 20px;
 height: 320px;
 width: 200px;
 border: 1px solid #ccc;
 transform: scale(0.5);
 -webkit-transition: 0.5s ease-in-out;
 overflow: hidden
}

.floratab input[type=radio]:checked ~ label ~ .floracontent {
 z-index: 1;
 transform: scale(1)
}

.flora1 {
 height: 320px;
 width: 200px;
 position: absolute
}

.floraimg1 {
 height: 120px;
 width: 120px;
 border: 10px solid #fff;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
 position: absolute;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 top: 30px;
 left: 30px;
 background-blend-mode: multiply
}

.floraname1 {
 width: 200px;
 text-align: center;
 font-family: 'slabo 27px';
 font-size: 40px;
 position: absolute;
 top: 190px;
 border-top: 3px solid #ccbea7;
 padding-top: 12px;
 font-weight: 700;
 letter-spacing: -1px;
 color: #888888;
 line-height: 33px;
 text-transform: lowercase
}

.floraname1::first-letter {
 color: #b0aad1
}

.florainfo11 {
 width: 200px;
 position: absolute;
 font-size: 15px;
 font-family: 'slabo 27px';
 color: #b0aad1;
 text-align: center;
 line-height: 13px;
 text-transform: lowercase;
 top: 275px;
}

.floraname2 {
 width: 200px;
 text-align: center;
 font-family: 'slabo 27px';
 font-size: 40px;
 position: absolute;
 top: 190px;
 border-top: 3px solid #ccbea7;
 padding-top: 12px;
 font-weight: 700;
 letter-spacing: -1px;
 color: #888888;
 line-height: 33px;
 text-transform: lowercase
}

.floraname2::first-letter {
 color: #c480a4
}

.florainfo12 {
 width: 200px;
 position: absolute;
 font-size: 15px;
 font-family: 'slabo 27px';
 color: #c480a4;
 text-align: center;
 line-height: 13px;
 text-transform: lowercase;
 top: 275px;
}

.flora2 {
 height: 300px;
 width: 180px;
 padding: 15px;
 border: 15px solid #fff;
 position: absolute;
 top: 0px;
 background-color: transparent;
 overflow: auto
}

.flora2text {
 font-family: arial;
 font-size: 10px;
 line-height: 10px;
 color: #3A3A3A;
 text-align: justify;
}

.flora2::-webkit-scrollbar {width: 0px}

.flora2 h1 {
 font-family: 'slabo 27px';
 font-size: 30px;
 text-transform: lowercase;
 color: #888888
}

.flora2 h1::first-letter {
 color: #b0aad1
}

.flora2 h2 {
 font-family: 'slabo 27px';
 font-size: 30px;
 text-transform: lowercase;
 color: #888888
}

.flora2 h2::first-letter {
 color: #c480a4
}

.floracontent .flora1 {
 top: 0px;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
 -webkit-transition-delay: 1s;
 -moz-transition-delay: 1s;
 transition-delay: 1s
}

.floracontent:hover .flora1 {
 top: 340px;
 -webkit-transition: 1s ease-in-out
}

.floracontent .flora2 {
 left: -320px;
 webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
}

.floracontent:hover .flora2 {
 left: 0px;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 transition: 1s ease-in-out;
 -webkit-transition-delay: 1s;
 -moz-transition-delay: 1s;
 transition-delay: 1s
}
</style>

<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<center>
<div class="floratainer">

<div class="floratabs">


<div class="floratab">
<input type="radio" id="floratab-1" name="floratab-group-1" checked>
<label for="floratab-1">one</label>
<div class="floracontent">
 <div class="flora1">
  <div class="floraimg1" style="background-image:url(http://i.imgur.com/c6lRc5B.gif); background-color: #b0aad1"></div>
   <div class="floraname1">FIRST LAST</div>
   <div class="florainfo11">FACT // FACT // FACT // FACT // etc. </div>
 </div>
 <div class="flora2">
 <div class="flora2text">
   <h1>about</h1>
CHARACTER INFO HERE. YOU CAN CHANGE THE HEADER TO W/E

   <h2>friends</h2>
  FRIENDS HERE. YOU CAN CHANGE THE HEADER TO W/E
   <h1>enemies</h1>
ENEMIES HERE. YOU CAN CHANGE THE HEADER TO W/E
   <h2>lovers</h2>
     LOVERS HERE. YOU CNAGE THE HEADER TO W/E




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


<div class="floratab">
<input type="radio" id="floratab-2" name="floratab-group-1">
<label for="floratab-2" style="color: #b0aad1; border: 1px solid #b0aad1">two</label>
<div class="floracontent">
<div class="flora1">
 <div class="floraimg1" style="background-image:url(120 X 120 GIF/IMG HERE); background-color: #c480a4"></div>
   <div class="floraname2">FIRST LAST/div>
   <div class="florainfo12">FACT // FACT // FACT // FACT // etc. </div>
 </div>
 <div class="flora2">
 <div class="flora2text">
   <h2>about</h2>
 TALK ABOUT YOUR CHARACTER HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH

   <h1>friends</h1>
   FRIENDS INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH
   <h2>enemies</h2>
ENEMIES INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH
   
   <h1>lovers</h1>
       PUT LOVERS INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH

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


<div class="floratab">
<input type="radio" id="floratab-3" name="floratab-group-1">
<label for="floratab-3">three</label>
<div class="floracontent">
<div class="flora1">
 <div class="floraimg1" style="background-image:url(http://i.imgur.com/c6lRc5B.gif); background-color: #b0aad1"></div>
   <div class="floraname1">FIRST LAST</div>
   <div class="florainfo11">FACT // FACT // FACT // FACT // etc. </div>
 </div>
 <div class="flora2">
 <div class="flora2text">
   <h1>about</h1>
CHARACTER INFO HERE. YOU CAN CHANGE THE HEADER TO W/E

   <h2>friends</h2>
  FRIENDS HERE. YOU CAN CHANGE THE HEADER TO W/E
   <h1>enemies</h1>
ENEMIES HERE. YOU CAN CHANGE THE HEADER TO W/E
   <h2>lovers</h2>
     LOVERS HERE. YOU CNAGE THE HEADER TO W/E


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

<div class="floratab">
<input type="radio" id="floratab-4" name="floratab-group-1">
<label for="floratab-4" style="color: #b0aad1; border: 1px solid #b0aad1">four</label>
<div class="floracontent">
<div class="flora1">
 <div class="floraimg1" style="background-image:url(120 X 120 GIF/IMG HERE); background-color: #c480a4"></div>
   <div class="floraname2">FIRST LAST/div>
   <div class="florainfo12">FACT // FACT // FACT // FACT // etc. </div>
 </div>
 <div class="flora2">
 <div class="flora2text">
   <h2>about</h2>
 TALK ABOUT YOUR CHARACTER HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH

   <h1>friends</h1>
   FRIENDS INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH
   <h2>enemies</h2>
ENEMIES INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH
   
   <h1>lovers</h1>
       PUT LOVERS INFO HERE. YOU CAN CHANGE THE HEADERS TO W/E THOUGH


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

 </div>
</div>
 <div style="text-align: right; width: 300px; font-family: calibri; text-transform: uppercase; font-size: 9px; line-height: 12px"><a href="http://shine.b1.jcink.com/index.php?showuser=6723" style="color: #888888; text-decoration: none">holly at shine</a></div>
</center>

0

10

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(SECOND IMAGE URL HERE. 500 X 300!!!!!!!!); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
.bh:hover {width: 500px; height: 300px; background-image: url(SECOND IMAGE URL HERE AGAIN. 500 X 300!!!!!); opacity: 1.0;}</style>

<center><div style="background-image: url(http://placehold.it/500x300); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 8px; opacity: 0.95; text-align: justify; line-height: 95%;">

### &bull; tagged &bull; your notes go here you can write quite a bit your notes go here you can write quite a bit your notes go here you can write quite a bit 

&bull; <a href="http://shine.b1.jcink.com/index.php?showuser=145">&hearts; lauz</a></div></div></div><div style="width: 500px; background-color: white; border-bottom: 40px solid #12A18D;">

<div style="width: 400px; font-family: petit formal script; color: 12A18D; font-size: 30px; padding-top: 30px; position: relative; z-index: 2;">

name surname, age

</div><div style="width: 400px; font-family: marvel; color: 121212; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;">

профессия

</div><BR><div style="width: 250px; padding-left: 10px; padding-right: 10px; font-family: calibri, sans-serif; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; height: 200px; overflow: auto;">

post goes here.

</div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 10px; letter-spacing: 6px; text-transform: uppercase; background-color: 12A18D;">

i'll be sober but you'll still be beautiful

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

0

11

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=oswald|Francois+One|Righteous' rel='stylesheet' type='text/css'>
<style>
#vixxglide {width: 400px; height: 518px; overflow: hidden;}
.vixxhov {width: 400px; height: 518px;  position: relative; top: 518px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;}
#vixxglide:hover .vixxhov {top: 0px;}
.vixxbgcol {position: absolute; height: 518px; width: 400px; background: #f5f5f5; top: 0px; left: 0px; background-color: rgb(246, 246, 246); background-color: rgba(246, 246, 246, 0.8);}

.vixxname {width: 400px; height: 50px; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%); font-family: 'Righteous', cursive; line-height: 100%;}
.vixxage {position: absolute; top: 0px; left: 0px; height: 50px; width: 75px; background-color: #64ccde;  font-family: 'Righteous', cursive; color: #fff; font-size: 40px; line-height: 100%;}

.vixxbar {width: 400px; height: 15px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: lowercase; font-size: 10px; letter-spacing: 5px; color: #45a9ba; padding-top: 5px;} .vixxbar a:link{color: #45a9ba;} .vixxbar a:visited{color: #45a9ba;} .vixxbar a:active{color: #45a9ba;} .vixxbar a:hover{color: #ADD8C7;} .vixxmid {position: relative; width: 400px; height: 140px;} 

.vixxbarinfo {width: 400px; height: 20px; font-family: 'Righteous', cursive; font-size: 20px; color: #fff; line-height: 100%; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%);}

.vixxbasics {width: 380px; height: 100px; font-family: calibri; color: #000; font-size: 10px; line-height: 80%; padding: 10px; background-color: #f0efed;} .vixxbasics1 {width: 370px; height: 80px; overflow: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;} .vixxbasics1::-webkit-scrollbar {width: 8px;} .vixxbasics1::-webkit-scrollbar-track {background: #F5F5F5;} .vixxbasics1::-webkit-scrollbar-thumb {background: #add8c7;} .vixxbots {position: relative; width: 400px; height: 159px;}

.vixxfriend {position: absolute; top: 15px; left: 0px; width: 114px; height: 124px; font-family: calibri; color: #45a9ba; font-size: 10px; line-height: 80%; padding: 10px; overflow: auto;}
.vixxfriendt {position: absolute; top: 0px; left: 0px; width: 133px; height: 15px; font-family: 'Righteous', cursive; line-height: 100%; font-size: 15px; color: #fff; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%);}
.vixxenemy {position: absolute; bottom: 15px; left: 133px; width: 114px; height: 124px; font-family: calibri; color: #45a9ba; font-size: 10px; line-height: 80%; padding: 10px; overflow: auto;}
.vixxenemyb {position: absolute; bottom: 0px; left: 133px; width: 133px; height: 15px; font-family: 'Righteous', cursive; line-height: 100%; font-size: 15px; color: #fff; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%);}
.vixxlove {position: absolute; top: 15px; left: 267px; width: 112px; height: 124px; font-family: calibri; color: #45a9ba; font-size: 10px; line-height: 80%; padding: 10px; overflow: auto;}
.vixxlovet {position: absolute; top: 0px; left: 267px; width: 133px; height: 15px; font-family: 'Righteous', cursive; line-height: 100%; font-size: 15px; color: #fff; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%);}

.vixxcreds {
font-family: 'open sans', sans-serif; text-transform: uppercase; text-align: right; font-size: 8px; letter-spacing: 2px; width: 350px;} .vixxcreds a:link{color: #45a9ba;} .vixxcreds a:visited{color: #45a9ba;} .vixxcreds a:active{color: #45a9ba;} .vixxcreds a:hover{color: #ADD8C7;}</style>

<center>
<div id="vixxglide">
<div style="width: 400px; height: 518px; background-image: url(400px by 518px IMAGE URL HERE);">
<div class="vixxhov">
<div class="vixxbgcol">
<div class="vixxname"><div class="vixxage">AGE IN #</div><div style="color: #fff; font-size: 40px; text-align: right; line-height: 100%; padding-right: 10px;">NAME HERE</div></div>
<div style="width:400px; height: 150px; background-size: cover; background-image: url(400px by 150px GIF URL HERE)"></div><div class="vixxbar"><a href="">APPLICATION</a> ▪ <a href="">DEVELOPMENT</a> ▪ <a href="">TRACKER</a></div>
<div class="vixxmid"><div class="vixxbarinfo">the basics</div><div class="vixxbasics"><div class="vixxbasics1">this is where you put all of the stuff you want people to know about your character and their relationships yes
<p>
if you'd like to change the gradients into solid colors, simply remove this section of coding where it is present: 
<p>
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.23, #ADD8C7), color-stop(0.81, #64CCDE); background-image: -o-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%)); background-image: -moz-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -webkit-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: -ms-linear-gradient(right, #ADD8C7 23%, #64CCDE 81%); background-image: linear-gradient(to right, #ADD8C7 23%, #64CCDE 81%);
<p>
and replace it with this: background-color: #hex-number-here;

</div></div></div>
<div class="vixxbots">
<div class="vixxfriendt">friends</div>
<div class="vixxfriend"><li>name here</li><li>name here</li></div>

<div class="vixxenemyb">enemies</div>
<div class="vixxenemy"><li>name here</li><li>name here</li></div>

<div class="vixxlovet">lovers</div>
<div class="vixxlove"><li>name here</li><li>name here</li><li>name here</li></div></div></div></div></div></div>
<div class="vixxcreds"><a href="http://shine.b1.jcink.com/index.php?showuser=13022">© reina</a></div>
</center>

0

12

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03

jjffj

0

13

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03

https://vk.com/images/emoji/D83DDE03.png

0

14

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03

gggr

0

15

  • Автор: nansy
  • Администратор
  • nansy
  • Зарегистрирован: 2014-08-22
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    2016-05-01 20:24:03
Код:
<!--HTML-->
<center><div class="bgtopic"><div class="topicname">Название темы</div>

<div class="qtopic">цитата, цитата, цитата</div>

<div style="padding: 50px 10px 80px 0px; width: 550px; text-align: justify; font-size: 11px; margin-left: 5px;">
Не проходи мимо, ведь нас ждет увлекательное путешествие в Сан-Франциско. Мы рады каждому, кто хочет обжиться в этом местечке, а также просто тем, кто проходит мимо. Не стесняйся, задавай, интересующие тебя вопросы, мы с удовольствием на них ответим. Скорее бронируй любимую внешность, пакуй чемоданы, и вперед, навстречу приключениям. Мы обещаем, что в Сан-Франциско твоя история оживет, а твой персонаж станет еще более реалистичным, ведь мы предлагаем много интересного для его развития.<br><br>
 <br><br>
<table><tr><td>
<div style="overflow-x: auto;  width: 250px; height: 160px; border-top: solid 3px #A581CD; border-bottom: solid 4px #F2D283; background-color: #f7f7f7; box-shadow: 0 0 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 9px; text-transform: uppercase; text-align: center; font-family: Verdana; border-radius: 30px 30px; padding-top: 5px;">
<b>дата открытия:</b> 1.05.2016<br>
<b>система игры:</b> эпизоды<br>
<b>рейтинг:</b> 21+<br>
<b>место действия:</b> Сан-Франциско, США<br>
<b>тематика:</b>реальная жизнь<br><br>
× Внешность придерживается на 3 дня, вы также можете продлить придержание на сутки, если не успеваете.<br>
× Флуд в гостевой запрещен.<br>
× Имена и фамилии не придерживаются.

</div></td>
<td>

<div style="overflow-x: auto;  width: 250px; height: 160px; border-top: solid 3px #A581CD; border-bottom: solid 4px #F2D283; background-color:  #f7f7f7; box-shadow: 0 0 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 9px; text-transform: uppercase; text-align: center; font-family: Verdana;border-radius: 30px 30px; padding-top: 5px;">
<img src="http://funkyimg.com/i/2bm2A.gif" border="0">

</div></td></tr></table>
<table><tr><td><center><b>Придержанные внешности:</b></center>
<div style="overflow-x: auto;  width: 250px; height: 160px; border-top: solid 3px #A581CD; border-bottom: solid 4px #F2D283; background-color: #f7f7f7; box-shadow: 0 0 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 9px; text-transform: uppercase; text-align: center; font-family: Verdana; border-radius: 30px 30px; padding-top: 5px;">


</div></td>
<td><center><b>Выкупленные внешности:</b>
</center>
<div style="overflow-x: auto;  width: 250px; height: 160px; border-top: solid 3px #A581CD; border-bottom: solid 4px #F2D283; background-color:  #f7f7f7; box-shadow: 0 0 10px #e7e7e7 inset; letter-spacing: 0px; font-size: 9px; text-transform: uppercase; text-align: center; font-family: Verdana;border-radius: 30px 30px; padding-top: 5px;">
<BR>
<BR>

</div></td></tr></table></div>
</div>
</div></center>

0

Ответить
Страница: 1

Вы здесь » blablabla » Тестовый форум » коды

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