и ест пиццу хд
Сэм тестирует
Сообщений 1 страница 30 из 35
Поделиться22016-08-13 16:38:23
Для знакомства с амс, а если оптимизировать код, то можно и для отношений сделать,
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'><center><div style="width:230px; margin-top:10px;"><center><div style="width:225px; margin-bottom:-30px; position:relative; z-index:99;"><img src="http://i47.tinypic.com/24qixlj.jpg" /></div></center><div style="width:225px;"><img src="http://i47.tinypic.com/xpzote.jpg"> <center><div style="width: 194px; height:194px; margin: -244px 0px 0px 0px; color: #444; position:relative; z-index:98; background-image:url(YOUR PHOTO HERE. 194x194 RECOMMENDED); "></div></center> <center><div style="width: 200px; height:25px; margin-top:5px; font-family: 'Waiting for the Sunrise', cursive; color: #888; font-size: 10px; letter-spacing: 1px; line-height:120%; text-align: center; padding:2px; "> photo notes here. you can write up to two lines of text. go crazy. </div></div></div><div style="width: 210px; font-weight: bold; font-family: Arial; font-size: 8px; color: #aaa; letter-spacing: 1px; text-align: center; margin-top: 5px; padding:2px;"><a href="http://shine.jcink.net/index.php?showuser=237">∴</a></div></center>
Поделиться32016-08-13 17:10:34
Хронология:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'> <style> .agator1 { border: 1px solid #fbf4f3;background-color: #ffffff; width: 400px; padding: 20px; } .agator2 { text-transform: uppercase; padding-top: 10px; text-align: center; font-family: 'Fjalla One', sans-serif; font-size: 30px; font-weight: 400; line-height: 30px; text-shadow: -1px -1px #fbf4f3, 1px 1px 1px #000; } .agator3 { width: 200px; padding-top: 10px; padding-bottom: 10px; text-align: center; font-family: 'Fjalla One', sans-serif; font-size: 20px; font-weight: 400; line-height: 20px; text-shadow: -1px -1px #fbf4f3, 1px 1px 1px #000; } .agator4 { font-family: 'Monda', sans-serif; width: 180px; height: 90px; padding-right: 20px; padding-bottom: 10px; overflow: auto; color: #9f9796; text-transform: uppercase; line-height: 8px; font-size: 8px; } .agator4 a { font-family: 'Monda', sans-serif; color: #504b4a; } .agator4 a:hover { font-family: 'Monda', sans-serif; color:#9c9694; } </style> <div class="agator1"> <div style="border: 1px solid #fbf4f3; background-color: #faf9f9;"><img src="http://i.imgur.com/IKNqnL4.gif" width="100%"></div> <div class="agator2">FIRST LAST</div> <div style="font-family: 'Monda', sans-serif; font-size: 8px; line-height: 8px; text-transform: uppercase; text-align: center; color: #c3bebb;">age // occupation // sexuality // relationship status // pb</div> <table> <tr> <td> <div class="agator3">DEVELOPMENT</div> <div style="padding: 10px; border: 1px solid #fbf4f3; background-color: #faf9f9; height: 100px; width: 170px; overflow: hidden;"><div class="agator4"> <a href="">application</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <a href="">title</a><bR> <bR> <bR> <bR> <bR> <bR> </div></div> </td> <td> <div class="agator3">REGULAR</div> <div style="padding: 10px; border: 1px solid #fbf4f3; background-color: #faf9f9; height: 100px; width: 170px; overflow: hidden;"><div class="agator4"> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> <a href="">thread title here</a><bR>name & name @ location<P> </div></div> </td></tr> <tr> <td> <div class="agator3">COMMUNICATIONS</div> <div style="padding: 10px; border: 1px solid #fbf4f3; background-color: #faf9f9; height: 100px; width: 170px; overflow: hidden;"><div class="agator4"> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name <P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> </div></div> </td><td> <div class="agator3">DEAD/COMPLETED.</div> <div style="padding: 10px; border: 1px solid #fbf4f3; background-color: #faf9f9; height: 100px; width: 170px; overflow: hidden;"><div class="agator4"> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name <P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> <a href="">thread title here</a><bR>name & name<P> </div></div> </td></tr> </table> </div><a href="http://shine.jcink.net/index.php?showuser=1400"><div style="width: 450px; text-align: right; line-height: 9px; font-size: 8px; text-transform: uppercase; color: #30567c; "><3</div></a>
Поделиться42016-08-13 17:17:13
Простая хронология:
<!--HTML--> <div id="tracker"> <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">about</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">on-going</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">messaging</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">completed</label> <div class="clear-shadow"></div> <div class="content"> <div class="content-1"> <h2>character name</h2> <p>a short blurb about your character. this is how <b>bold</b> looks like, and this is how <i>italics</i> looks like.</p> <br> <h2>links</h2> <p><a href="URL">application</a> <br> <a href="URL">plotter</a><br> <a href="URL">wanted ad</a> </p> </div> <div class="content-2"> <h2>character name</h2> <p> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description </p> <br> <h2>group</h2> <p> <a href="URL">thread title</a> / tag, tag, tag <br> <a href="URL">thread title</a> / tag, tag, tag <br> <a href="URL">thread title</a> / tag, tag, tag </p> </div> <div class="content-3"> <h2>on-going</h2> <p> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description </p> <h2>completed</h2> <p> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description </p> </div> <div class="content-4"> <h2>threads</h2> <p> <a href="URL">thread title</a> / with <b>character name</b> <br> <a href="URL">thread title</a> / with <b>character name</b> <br> <a href="URL">thread title</a> / with <b>character name</b> <br> </p> <h2>events</h2> <p> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description <br> <a href="URL">thread title</a> / short description </p> </div> </div> </section> </div> <div align="right" class="rain"><a href="http://shine.jcink.net/index.php?showuser=18484">© RAIN OF SHINE</a></div> <style> @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); #tracker { background-color: rgba(170,209,234, 0.15);; padding: 30px; width: 450px; margin: 40px auto 5px auto; } .tabs { position: relative; width: 450px; } .tabs input { position: absolute; z-index: 1000; width: 120px; height: 40px; left: 0px; top: 0px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .tabs input#tab-2{ top: 40px; } .tabs input#tab-3{ top: 80px; } .tabs input#tab-4{ top: 120px; } .tabs label { background: rgba(255,255,255,0.35); font-size: 10px; font-family: Montserrat; line-height: 40px; height: 40px; position: relative; padding: 0 20px; display: block; width: 80px; color: #9bb4c8; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: right; float: left; clear: both; } .tabs label:after { content: ''; background: #fff; position: absolute; right: -2px; top: 0; width: 2px; height: 100%; } .tabs input:hover + label { background: rgba(255,255,255,0.9); } .tabs label:first-of-type { z-index: 4; } .tab-label-2 { z-index: 3; } .tab-label-3 { z-index: 2; } .tab-label-4 { z-index: 1; } .tabs input:checked + label { background: #fff; z-index: 6; } .clear-shadow { clear: both; } .content { background: #fff; position: relative; width: auto; margin: -160px 0 0 120px; height: 160px; z-index: 5; overflow: auto; } .content::-webkit-scrollbar { width: 1px; } .content::-webkit-scrollbar-track { background-color: #fff; } .content::-webkit-scrollbar-thumb { background-color: #fff; } .content div { position: absolute; top: 0; left: 0; padding: 20px 30px; z-index: 1; opacity: 0; -webkit-transition: opacity linear 0.1s; -moz-transition: opacity linear 0.1s; -o-transition: opacity linear 0.1s; -ms-transition: opacity linear 0.1s; transition: opacity linear 0.1s; } .tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 { z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; -moz-transition: opacity ease-out 0.2s 0.1s; -o-transition: opacity ease-out 0.2s 0.1s; -ms-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; } .content div h2 { font-family: 'Montserrat'; font-size: 10px; text-transform: uppercase; color: #9bb4c8; letter-spacing: 1px; } .content div h2:before { content: "`"; margin-right: 5px; color: #fff; border-bottom: 2px solid #d5efff; position: relative; top: -7px; width: 40px; } .content a { color: #abbfcf; font-family: Montserrat; } .content b { color: #abbfcf; } .content i { color: #abbfcf; font-family: Georgia; } .content div p { font-size: 10px; line-height: 13px; text-align: left; margin: 0; color: #b3afb5; padding-left: 15px; font-family: Tahoma; border-left: 8px solid rgba(147,206,243,0.1); } .rain { width: 450px; margin: 0 auto; } .rain a:link { font-family: Times New Roman; font-size: 7px!important; letter-spacing: 1px; font-weight: bold; opacity: 0.5; transition: ease 0.4s } .rain a:hover { opacity: 1; transition: ease 0.4s } </style>
Поделиться52016-08-13 17:31:57
<!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100|Montserrat:400,700' rel='stylesheet' type='text/css'><style> #waffles {height: 510px; width: 450px; position: relative; background: red; border: 10px solid #eef0e6; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)} .wafflesh {height: 120px; background-color: #c9b89f; width: 450px; position: absolute; top: 0px;} .wafflesh1 {height: 80px; width: 80px; border: 8px solid #eef0e6; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); position: absolute; background-size: cover; background-repeat: no-repeat; top: 13px; left: 14px; background-blend-mode: multiply} .wafflesh2 {height: 20px; font-family: montserrat; text-transform: uppercase; color: #3d3639; letter-spacing: 3px; padding-bottom: 3px; font-size: 9px; position: absolute; width: 300px; border-bottom: 1px dotted #3d3639; right: 10px; top: 15px; line-height: 25px; text-align: right} .wafflesh3 {height: 50px; width: 300px; text-shadow: 2px 2px 10px rgba(0,0,0,0.1); color: #eef0e6; text-transform: lowercase; font-family: roboto slab; position: absolute; right: 10px; top: 50px; font-size: 45px; text-align: left; letter-spacing: -3px; line-height: 30px } .wafflesh3::first-letter {color: #7d3c52} .wafflesf {height: 40px; width: 450px; line-height: 40px; background-color: #c9b89f; position: absolute; bottom: 0px; color: #eef0e6; font-family: montserrat; letter-spacing: 3px; font-size: 9px; text-align: center; text-transform: uppercase} .wafflesm {width: 430px; height: 330px; background-image: url(http://i.imgur.com/RXxfq8F.png); position: absolute; top: 120px; background-color: rgba(61, 54, 57, 0.96);background-blend-mode: multiply; padding: 5px; border: 5px solid transparent; overflow: auto} .wafflesm td {padding-bottom: 10px; border-bottom: 1px solid #eef0e6; width: } .waffless {height: 120px; width: 120px; position: relative; overflow: hidden; margin: 3px 5px 3px 4px; background-size: cover; background-repeat: no-repeat} .waffless1 {background: rgba(61,54,57, 0.8); height:120px; width: 120px; position: absolute; top: 0px; z-index: 2;} .waffless .waffless1 {top: -120px; -webkit-transition: 0.4s ease} .waffless:hover .waffless1 {top: 0px} .waffless1a {height: 40px; width: 100px; background-color: #7d3c52; position: absolute; top: 10px; left: 10px; font-size: 14px; line-height: 40px; color: #eef0e6; text-align: center} .waffless1b {position: absolute; height: 15px; font-family: montserrat; text-transform: uppercase; text-align: center; line-height: 15px; width: 100px; left: 10px; color: #eef0e6; font-size: 7px; background: #451c33; text-transform: uppercase} .wafflesm::-webkit-scrollbar {width:0px} </style> <center> <div id="waffles"> <div class="wafflesh"> <div class="wafflesh1" style="background-image: url(80X80 GIF/IMG, WILL RESIZE)"></div> <div class="wafflesh2">a character playlist for</div> <div class="wafflesh3">FIRST LAST</div> </div> <div class="wafflesm"> <table cellspacing="8px"> <tr> <td> <div class="waffless" style="background-image:url(120X120 ALBUM COVER)"> <div class="waffless1"> <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a> <div class="waffless1b" style="top: 55px">SONG NAME</div> <div class="waffless1b" style="top: 75px">ARTIST NAME</div> <div class="waffless1b" style="top: 95px">ALBUM NAME</div> </div> </div> </td> <td> <div class="waffless" style="background-image:url(120X120 ALBUM COVER)"> <div class="waffless1"> <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a> <div class="waffless1b" style="top: 55px">SONG NAME</div> <div class="waffless1b" style="top: 75px">ARTIST NAME</div> <div class="waffless1b" style="top: 95px">ALBUM NAME</div> </div> </div> </td> <td> <div class="waffless" style="background-image:url(120X120 ALBUM COVER)"> <div class="waffless1"> <a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a> <div class="waffless1b" style="top: 55px">SONG NAME</div> <div class="waffless1b" style="top: 75px">ARTIST NAME</div> <div class="waffless1b" style="top: 95px">ALBUM NAME</div> </div> </div> </td> </tr> </table> </div> <a href="http://shine.b1.jcink.com/index.php?showuser=6723"><div class="wafflesf">playlist title</div></a> </div> </center>
Новая строка:
<tr>
<td>
<div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
<div class="waffless1">
<a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
<div class="waffless1b" style="top: 55px">SONG NAME</div>
<div class="waffless1b" style="top: 75px">ARTIST NAME</div>
<div class="waffless1b" style="top: 95px">ALBUM NAME</div>
</div>
</div>
</td>
<td>
<div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
<div class="waffless1">
<a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
<div class="waffless1b" style="top: 55px">SONG NAME</div>
<div class="waffless1b" style="top: 75px">ARTIST NAME</div>
<div class="waffless1b" style="top: 95px">ALBUM NAME</div>
</div>
</div>
</td>
<td>
<div class="waffless" style="background-image:url(120X120 ALBUM COVER)">
<div class="waffless1">
<a href="SONG LINK"><div class="waffless1a"><i class="fa fa-play" style="line-height: 40px"></i></div></a>
<div class="waffless1b" style="top: 55px">SONG NAME</div>
<div class="waffless1b" style="top: 75px">ARTIST NAME</div>
<div class="waffless1b" style="top: 95px">ALBUM NAME</div>
</div>
</div>
</td></tr>
Поделиться62016-08-13 17:44:41
Можно оптимизировать под анкеты:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <style type="text/css"> .NAME1-border {width: 270px; height: 395px; margin-top: 20px; padding: 10px; background-image: url(http://i.imgur.com/PN4lYmC.png); background-color: #ffffff;} .NAME1-border2 {width: auto; height: 320px; background-color: #fff; padding: 10px; border-top: 15px solid #bd4659; border-bottom: 40px solid #fff; } .NAME1-color { width: 270px; height: 150px; background-color: #bd4659; margin-top: -20px; margin-left: -5px; } .NAME1-gif { width: 200px; border-radius: 100%; border: 5px solid #fff; margin-top: -103px; margin-bottom: 20px;} .NAME1-gif img { width: 200px; border-radius: 100%;} .NAME1-threads::-webkit-scrollbar { background: #bd4659; width: 2px; } .NAME1-threads::-webkit-scrollbar-thumb { background: #d0d0d0; } .NAME1-threads::-webkit-scrollbar-corner { background: #bd4659; } .NAME1-title { width: 235px; padding-top: 20px; padding-bottom: 10px; font-family: 'Droid Serif'; font-size: 20px; text-align: right; color: #bd4659; margin: auto; letter-spacing: .5px; } .NAME1-name { font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; line-height: 95%; font-size: 25px; text-align: center; line-height: 100%; color: #bd4659; font-style: bold; background-color: #fff; } .NAME1-subname { font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; line-height: 95%; font-size: 20px; text-align: center; line-height: 100%; color: #d0d0d0; font-style: bold; padding-bottom: 10px; background-color: #fff; } .NAME1 a { width: 170px; font-family: 'Droid Serif'; font-size: 11px; text-align: justify; text-transform: lowercase; letter-spacing: .5px; font-style: bold; color: #222222; line-height: 17px; } .NAME1-details { background-color: #dea2ac; padding: 3px; font-family: calibri; font-size: 7px; text-align: left; color: #ffffff; text-transform: uppercase; font-style: italics; display: inline; } .NAME1-threads { width: 230px; height: 270px; text-align: justify; overflow:auto; } .NAME1-tabs { position: absolute; clear: both; background-color: #000;} .NAME1-tab { float: left; } .NAME1-tab label { background: #fff; padding: 0px 20px 0px 20px; border: none; margin-left: 0px; position: relative; top: 345px; left: 15px; font-family: 'oswald', sans-serif; font-weight: 700; font-size: 15px; color: #bd4659; text-transform: uppercase; } .NAME1-tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .content { width: 260px; height: 330px; padding: 5px; position: absolute; top: 0px; left: 0px; background: white; margin-left: -10px; margin-top: -10px; } [type=radio]:checked ~ label { background: none; color: #bcbcbc; border-bottom: none; z-index: 2; display: inline; } [type=radio]:checked ~ label ~ .content { z-index: 1; } </style><center> <div class="NAME1-border"><div class="NAME1-border2"> <div class="NAME1-tabs"> <div class="NAME1-tab"> <input type="radio" id="NAME1-tab-1" name="NAME1-tab-group-1" checked> <label for="NAME1-tab-1" style="margin-top: 320px;"> ❖</label> <div class="content"> <div class="NAME1-color"></div><div class="NAME1-gif"><img src="http://placehold.it/200x200"/></div><div class="NAME1-name"> FIRST M. LAST </div> <div class="NAME1-subname"> AGE IN ## - OCCUPATION <p> </div> </div> </div> <div class="NAME1-tab"> <input type="radio" id="NAME1-tab-2" name="NAME1-tab-group-1"> <label for="NAME1-tab-2" style="margin-top: 320px;">current</label> <div class="content"> <div class="NAME1-title"> current </div><p> <div class="NAME1-threads"> <div class="NAME1"><a href="linkhere">thread title</a></div> <div class="NAME1-details"><i>#place here</i></div> <div class="NAME1-details"><i>#other character</i></div> <p> </div></div></div> <div class="NAME1-tab"> <input type="radio" id="NAME1-tab-3" name="NAME1-tab-group-1"> <label for="NAME1-tab-3" style="margin-top: 320px;">past</label> <div class="content"> <div class="NAME1-title"> past </div><p> <div class="NAME1-threads"> <div class="NAME1"><a href="linkhere">thread title</a></div> <div class="NAME1-details"><i>#place here</i></div> <div class="NAME1-details"><i>#other character</i></div> <p> </div> </div> </div></div> </div></div> <a href="http://shine.jcink.net/index.php?showuser=6337"><div style="width: 270px; text-align: center; font-size: 6px; color: #999999; letter-spacing: 4px; margin-top: 3px;">NINE STORIES</div></a> </center>
Поделиться72016-08-13 17:50:16
Мб для принятия:
<!--HTML--><style type="text/css">.maybg { width:290px; background-color:#fff; padding-top:20px; padding-bottom:10px; } .maylyrics { width:250px; font-family:calibri; font-size:9px; color:#555; text-transform:uppercase; text-align:justify; font-style:italic; line-height:9px; padding: 10px;} .maycat { width:250px; background-color:#000; text-align:center; padding-top: 1px; padding-bottom: 2px; font-family: calibri; font-size:9px; color:#fff; text-transform:uppercase; letter-spacing: 1px; margin-top: 10px;} .maythread { width:250px; padding-top:2px; padding-bottom:2px; font-family:calibri; font-size:10px; color:#000; text-transform:lowercase; text-align:justify; line-height:10px; } .maythread a { font-family:calibri; font-size:9px; color: #FF5050; text-transform:uppercase; } .maythread a:hover { letter-spacing: 1px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;} #maydot{ width: 5px; height: 5px; background: #FF5050; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .mayquote { width: 20px; font-family: arial; font-size: 17px; text-transform: uppercase; color: #FF5050; text-align: justify; float: left; font-style: none;} .maybell2 { width: 250px; height: 140px; opacity: 0; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; } .maybell2:hover { width: 250px; height: 140px; opacity: 1; }</style><center><div class="maybg"> <div style="width: 250px; height: 140px; padding: 2px; border: 1px solid #ccc; "><div style="width: 250px; height: 140px; background-image: url(YOUR 250x140 IMAGE GOES HERE)"><div class="maybell2"><div style="width: 250px; height: 140px; background-image: url(YOUR 250x140 IMAGE GOES HERE)"><div style="height: 50px"></div><div style="width: 140px; height: 20px; background-color: #fff; padding: 10px"><div style="width: 140px; height: 20px; overflow: hidden; font-size: 10px; color: #000; font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; padding: 5px;"> name lastname </div></div></div></div></div></div><div class="maylyrics"><div class="mayquote">❝</div> when you're alone and life is making you lonely you can always go downtown when you've got worries all the noise and the hurry seems to hurt i know downtown </div><table><td><div id="maydot"></div></td><td><div id="maydot"></div></td><td><div id="maydot"></div></td></table> <div class="maycat">active threads</div><div class="maythread"> <a href="/">thread title</a> » thread description goes here.<br/> </div><div class="maycat">inactive threads</div><div class="maythread"> <a href="/">thread title</a> » thread description goes here.<br/> <a href="/">thread title</a> » thread description goes here.<br/> </div><div class="maycat">dead threads</div><div class="maythread"> <a href="/">thread title</a> » thread description goes here.<br/> </div></div><div style="margin-left:200px; font-family: calibri; font-size:8px;">[url=http://shine.b1.jcink.com/index.php?showuser=4135][color=#515151]✿[/color][/url]</div></center>
Поделиться82016-08-13 18:05:59
Вариант для отношений
<!--HTML--><center><style type="text/css"> .krelay { width: 300px; height: 460px; overflow-y:hidden; overflowx: scroll; border: 24px solid #5C6562; } .krelay::-webkit-scrollbar { height: 10px; } .krelay::-webkit-scrollbar-track { background: #fff; } .krelay::-webkit-scrollbar-thumb { background: #D7E1D7; } .kreb { width: 276px; height: 180px; border: #fff solid 10px; background: #fff; font-family: arial; font-size: 10px; line-height: 114%; text-align: justify; color: #000; padding-right: 4px; overflow: auto; } .kreb::-webkit-scrollbar { width: 4px; } .kreb::-webkit-scrollbar-track { background: #fff; } .kreb::-webkit-scrollbar-thumb { background: #D7E1D7; } .knam { font-family: norican; text-align: center; line-height: 90%; font-size: 40px; text-transform: lowercase; color: #72A7AB; text-shadow: 1px 1px #E0DEBA; } .kinfolet { font-family: roboto condensed; font-size: 12px; text-align: center; color: #5C6562; text-transform: uppercase; line-height: 90%; } .kppff { font-family: arial; font-size: 7px; text-align: center; letter-spacing: 2px; color: #000; text-transform: uppercase; line-height: 90%; } </style> <div class="krelay"><table cellspacing="0" cellpadding="0"><tr> <td><div style="width: 300px; height: 250px; background: url(http://placehold.it/300x250);"></div><div class="kreb"><div class="knam">first last name</div><div class="kinfolet"> info • info • info • info </div> <p><div class="kppff">tech</div> <p><div class="kppff">current</div> <p><div class="kppff">complete</div> <p><div class="kppff">dead</div> </div></td> </tr></table></div> <div style="line-height: 100%; width: 348px; font-family: calibri; font-size: 8px; text-align: center; text-transform: uppercase; padding-top: 2px;">[url=http://shine.b1.jcink.com/index.php?showuser=175]thanks![/url]</div></center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
Поделиться92016-08-13 18:32:29
Отношеньки:
<!--HTML--> <style type="text/css"> #stylinson {width: 150px; height: 150px; position: relative; overflow: hidden;} #stylinson .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 150px; height: 150px;} #stylinson:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; top: -150px;} .canunot { width: 465px; background-color: #1d1d1;padding-top: 40px; padding-bottom: 40px;line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; } .canunot:hover { width: 465px; padding-bottom: 40px; padding-top: 40px; line-height: 100%; color: #fff; background-color: #710000; } .flappybird { line-height: 100%; transition-duration: .6s; -moz-transition-duration: .6s; -webkit-transition-duration: .6s; -o-transition-duration: .6s; -ms-transition-duration: .6s; } .flappybird:hover { font-family:oswald;font-size:40px;color: #710000; text-align:center;text-shadow: 1px 2px #a4a4a4; } </style> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <center> <div style="width:465px;border-top: 25px solid #606060;border-right: 25px solid #4a4a4a; border-left: 25px solid #333333; border-bottom: 25px solid #1d1d1d;"> <div style="width:465px;background-color:#1d1d1d;font-family:Oswald;font-size:40px;text-transform:uppercase;color:#fff;line-height:110%;"><div class="canunot">love will remember</div> <div style="width:465px;background-color:#fff;"> <table><td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td> <td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td> <td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td><tr> <td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td> <td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td> <td> <div id="stylinson"><div class="page"> <img src="http://placehold.it/150"width="150"> </div> <div style="width:150px;height:150px;background-color:#fff;"><div style="width:150px;height:150px;overflow:auto;"> <div style="font-family:Oswald;color:#1d1d1d;font-size:40px;text-align:center;text-shadow: 1px 2px #a4a4a4;padding:2px;padding-top:35px;"><div class="flappybird">RELATIONSHIP</div></div> <div style="font-family:Oswald;color:#a4a4a4;font-size:12px;text-align:center;text-transform:uppercase;">FIRST LAST <br>FIRST LAST</div> </div><p> </td><tr> </table> </div></div></div> <div style="width:495px;font-family:oswald;font-size:10px;text-align:right"><a href="http://shine.b1.jcink.com/index.php?showuser=4120">FOXX</a></div> </center>
Поделиться102016-08-13 18:40:57
<!--HTML--><center><div style="padding-top: 8px; width: 300px;"><div style="font-family: arial; font-size: 24px; font-style: italic; letter-spacing: -2px; padding-right: 4px; text-align: right; text-transform: uppercase; padding-bottom: 4px; color: #829B86; border-bottom: #B4B969 8px solid;"> titlehere </div><div style="height: 2px;"></div><div style="height: 4px; background: #E05D6B;"></div><div style="height: 2px;"></div><div style="height: 6px; background: #829B86;"></div><div style="padding: 8px; text-align: justify; color: #A8C99E; font-family: arial; font-size: 8px; letter-spacing: 2px;"> writehere </div></div></center>
Поделиться112016-08-13 18:50:18
<!--HTML--><div id="badau01"> <div class="badau02" style="background-image: url(http://placehold.it/400x80)"> <input type="checkbox" id="toggle-1"><label for="toggle-1" class="bbjam02"></label><div class="bbjam01"> <h1> firstname </h1><h2> lastname </h2><div class="bbjam03"> <img src="http://placehold.it/100"> <div class="bbboo01"><b>active</b> <a href="/">thread name</a> <a href="/">another</a> <a href="/">how about a ridiculously long ass name</a> <a href="/">shorty short</a> <b>dead</b> <a href="/">keep on keeping on</a> <a href="/">fucking names</a> <a href="/">shorty short</a> </div></div></div></div> <div class="badau02" style="background-image: url(http://placehold.it/400x80);"> <input type="checkbox" id="toggle-2"><label for="toggle-2" class="bbjam02"></label><div class="bbjam01"><h1> firstname </h1><h2> lastname </h2><div class="bbjam03"><img src="http://i.imgur.com/x71FbsE.gif"><div class="bbboo01"><b>active</b> <a href="/">thread name</a> <a href="/">another</a> <b>dead</b> <a href="/">keep on keeping on</a> <a href="/">fucking names</a> <a href="/">shorty short</a> </div></div></div></div><div class="nahcred33"><a href="http://shine.b1.jcink.com/index.php?showuser=11414">▼</a></div></div> <link href="https://fonts.googleapis.com/css?family=Amiko:600|Arvo" rel="stylesheet"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> <style> #badau01 { position: relative; width: 400px; padding: 2px 6px; background: #fefefe; border: 1px solid #D8D8D8; margin: 10px auto; }.badau02 { margin: 4px 0; overflow: hidden; position: relative; width: 400px; height: 80px; background-image: url(http://placehold.it/400x80); background-color: #C4D5ED; background-blend-mode: multiply; }.badau02 i { color: red; font-size: 30px; }.bbjam01 { transition: 1s; width: 400px; height: 80px; position: absolute; top: 0; right: -240px; background: #C4D5ED; }.bbjam01 h1 { z-index: 2; color: #576F7C; padding-bottom: 0; margin: 14px 0 0 20px; display: block; width: 120px; height: 25px; text-align: center; font: 19px/1.5 arvo; text-transform: uppercase; }.bbjam01:after { width: 20px; height: 2px; display: block; background: white; content: ""; position: absolute; top: 42px; left: 70px; }.bbjam01 h2 { color: #576F7C; margin: 0 0 0 20px; display: block; width: 120px; height: 12px; font: 600 8px/100% amiko; padding-top: 12px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }.bbjam02 { border: 2px solid #C4D5ED; z-index: 3; transition: 1s; width: 36px; height: 40px; background: #C4D5ED; position: absolute; top: 19px; right: 138px; border-radius: 50%; cursor: crosshair; text-align: center; font: 30px/1.5 awesome; color: white; padding-right: 4px; }.bbjam03 { width: 200px; height: 80px; background: white; position: absolute; top: 0; right: -60px; transition: 1s; }.bbjam03:before, .bbjam03::before { width: 0; height: 0; border-right: 60px solid white; border-top: 80px solid transparent; content: ""; display: block; position: absolute; top: 0; left: -60px; }.bbjam03 img { width: 50px; border-radius: 50%; position: absolute; top: 10px; left: -50px; border: 3px solid white; }.bbboo01 { width: 170px; height: 50px; position: absolute; top: 10px; right: 10px; background: white; overflow: auto; border: 5px solid white; text-align: center; }.bbboo01 b { display: block; width: 80px; padding: 0 0 2px 6px; color: #576F7C; font: 400 10px/100% arvo; text-transform: uppercase; letter-spacing: 1px; margin: 4px; border-bottom: 1px solid #576F7C; text-align: left; }.bbboo01 b:first-letter { border-bottom: 2px solid #576F7C; padding: 2px 0; }.bbboo01 a { display: inline-block; background: #C4D5ED; font: 600 8px/1 amiko; min-height: 8px; text-transform: uppercase; padding: 4px; margin: 1px 0; color: white; text-decoration: none; }#badau01 input[type=checkbox] { display: none; }#badau01 input[type=checkbox]:checked ~ .bbjam01 { right: 0; transition: 1s; }#badau01 input[type=checkbox]:checked ~ .bbjam02 { transform: rotate(450deg) scale(.5); right: -10px; top: -10px; transition: 1s; background: white; color: #C4D5ED; border-color: white; }#badau01 input[type=checkbox]:checked ~ .bbjam01 .bbjam03 { right: 0; transition: 1.2s; }.nahcred33 { width: 400px; text-align: right; font: 10px/100% calibri; position: absolute; bottom: 5px; left: 5px; }.nahcred33 a { color: #576F7C; text-decoration: none; }@font-face { src: url('http://symmetry.b1.jcink.com/uploads/symmetry/fontawesome_webfont.ttf'); font-family: awesome; }.bbboo01::-webkit-scrollbar { width: 3px; }.bbboo01::-webkit-scrollbar-track { background: white; }.bbboo01::-webkit-scrollbar-thumb { background: #C4D5ED; }</style>
Поделиться122016-08-13 19:10:14
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> <center><style> #funtimes { width: 200px; height: 300px; overflow: hidden; position: relative; } #funtimes .funlives { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 300px; } #funtimes:hover .funlives { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; top: -250px; } .naivety {width: 170px; height: 190px; background-color: #eeeeee; border: 5px solid #eeeeee; overflow: auto; text-align: justify; font-family: arial; font-size: 10px; color: #252525; padding: 10px;} .naivety::-webkit-scrollbar {width: 5px; height: 5px;} .naivety::-webkit-scrollbar-thumb {background-color: #252525; } .naivety::-webkit-scrollbar-track {background-color: #dddddd; } .ballerina {width: 200px; height: 50px; background-color: #252525; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; font-family: indie flower; font-size: 16px; color: #eeeeee; text-align: center; line-height: 330%;} .ballerina:hover {width: 200px; height: 50px; background-color: #353535;}</style> <table cellpadding="0"cellspacing="0"><td> <div style="width: 200px; height: 300px; background: url(IMAGE HERE 200x250) no-repeat;"> <div id="funtimes"><div class="funlives"> <div style="width: 200px; height: 250px;"></div> <div class="ballerina">First Last</div> <div class="naivety"> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> </div> <div style="width: 190px; padding: 5px; height: 20px; background-color: #eeeeee; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; text-align: center;"> [url=http://link.here]profile[/url] • [url=http://link.here]app[/url] • [url=http://link.here]shipper[/url]<br><br></div> </div></div></div> </td><td><div style="width: 5px; height: 300px;"></div></td><td> <div style="width: 200px; height: 300px; background: url(IMAGE HERE 200x250) no-repeat;"> <div id="funtimes"><div class="funlives"> <div style="width: 200px; height: 250px;"></div> <div class="ballerina">First Last</div> <div class="naivety"> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> <a href="http://z13.invisionfree.com/xStupefy/index.php?showtopic=4382">[b]thread title[/b]</a> // with name here <br><br> </div> <div style="width: 190px; padding: 5px; height: 20px; background-color: #eeeeee; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; text-align: center;"> [url=http://link.here]profile[/url] • [url=http://link.here]app[/url] • [url=http://link.here]shipper[/url]<br><br></div></div></div></div></td></table> <div style="width:400px; font-family: arail; font-size: 10px; text-align: right; text-transform: uppercase; padding-top: 2px;"><a href="http://shine.b1.jcink.com/index.php?showuser=5438">made by emilie</a></div> </center>
Поделиться132016-08-14 08:55:58
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Roboto:100,300,700,100italic,300italic,700italic|Lato:100' rel='stylesheet' type='text/css'><link href="http://naestestforum.b1.jcink.com/uploads/naestestforum/iphonenae1.css" rel="stylesheet"><center><div id="iphonebase"><div id="homescreenimageblur" style=""> <//PUT YOUR LOCK vvv SCREEN IMAGE HERE! 226x372 pixels//> <img src="http://i.imgur.com/ajoPsBy.jpg" width="226px"> </div><div id="screenholder"><div id="screen"><table cellpadding="0px" cellspacing="0px"><tr><td><div id="lockscreen"><div class="textalert"><div class="messagealert"><img src="http://i.imgur.com/3j8PXqn.png" width="15px"></div> Contact Name </div></div></td><td><div class="messagescreennokey"><div class="contactname"> Long Contact Name </div><div id="textscreennokeyh"><table width="100%" cellpadding="0" cellspacing="0"> <tr><td><div class="message"> This is an iMessage. If you want it to repeat, copy paste from < tr > to < / tr >. </div></td></tr> <tr><td><div class="messageandroid"> This is an Android user message. Totally optional. All you do is add 'android' at the end of message right up there in the class name. </div></td></tr> <tr><td> <a href="PICTURE MESSAGE IMAGE URL"> <div class="picturemessage" style="background-image:url(PICTURE MESSAGE IMAGE URL); background-size: 140px;"> </div></a> </td></tr> </table></div></div></td></tr></table></div></div></div><div class="creditr"><a href="http://shine.jcink.net/index.php?&showuser=3537">nae</a></div></center>
Поделиться142016-08-14 08:58:47
<!--HTML--><link href='http://louiscodes.b1.jcink.com/uploads/louiscodes/whitegalaxy.css' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><style type='text/css'> #CHARACTERNAME { background-color:#ENTER A HEX COD HERE; } #CHARACTERNAME-t { color:#ENTER A HEX COD HERE; } </style><center><div id='white-galaxy'><div class='white-screen'><div class='white-bg'></div><div class='white-topbar' id='CHARACTERNAME'><div class='white-topbarw'></div><div class='white-topbart'> 0:00a/p </div></div><div class='white-underbar' id='CHARACTERNAME'><div class='white-name'> First Last </div><div class='white-box1'><i class="fa fa-phone"></i></div><div class='white-box2'><i class="fa fa-trash-o"></i></div></div><div class='white-picturebg'><div class='white-picture'> <img src='http://placehold.it/160/fff'> </div><a href='http://shine.b1.jcink.com/index.php?showuser=599'><div class='white-send' id='CHARACTERNAME'>send</div></a><div class='white-message' id='CHARACTERNAME-t'>type message</div></div><div class='white-messagea'> <p>words here</p> <p>words here</p> </div></div></div></center>
Поделиться152016-08-14 09:00:21
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900|Roboto:300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" href="http://nevermore.b1.jcink.com/uploads/nevermore/truelove.css"><style type="text/css"> #charname .truelove5b i, #charname .truelove6b, #charname .truelove6d i { color: #bbd9e0; } #charname .truelove2c { background: linear-gradient(to bottom, #BBD9E0 0%,#BAC6DE 100%); } #charname .tlbubble { background-color: #bbd9e0; } #charname .tlbubble:after { border-color: transparent #bbd9e0; } </style><div id="charname"> <div class="truelove1"><div class="truelove2"><div class="truelove2a"><i class="fa fa-wifi"></i><i class="fa fa-signal"></i> 12:00</div><div class="truelove3a"> <img src="http://placehold.it/160x160"> <div class="truelove3"></div></div><div class="truelove4"> <span>Your Character</span> <br>to <b>Their Character</b> </div><div class="truelove5"><table cellpadding="0" cellspacing="0"><tr valign="top"><td><div class="truelove5a"><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="truelove5b"><i class="fa fa-envelope"></i></div></a></div></td><td><div class="truelove6"> <div class="tlbubble">text bubble will expand until the line needs to break</div> </div><div class="truelove6a"><table cellpadding="0" cellspacing="0"><td><div class="truelove6c">Send Message...</div></td><td><div class="truelove6d"><i class="fa fa-send"></i></div></td></table></div></td></tr></table></div><div class="truelove2b"></div><div class="truelove2c"></div></div></div></div></center>
<a href="линк">▲▲▲</a>
Поделиться162016-08-14 09:16:01
Анкеты:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'> <style type="text/css"> .head { width: 500px; height: 300px; top: 25px; position:relative; z-index:5; } .box { display: inline-block; width: 200px; background: #b09790; padding: 10px 5px; margin: 2px 6px 0px 0px; text-align: center; font: 10px times; letter-spacing: 2px; color: #f6f6f6; } .box a { background: solid #f6f6f6; } #text { width: 500px; height: 300px; overflow: auto; color: #888888; font: 12px trebuchet ms; text-align: justify; padding: 20px; } #text::-webkit-scrollbar { width: 5px; } #text::-webkit-scrollbar-track { background-color: #eee; } #text::-webkit-scrollbar-thumb { background-color: #b09790; } </style> <center><div class="box-new"> <div class="head" style="background:url(http://www.geocities.ws/nderdawter/friendsicecream.jpg);"></div><br><br><br><div class="box" style="width: 390px; margin: 0px; font: italic 12px playfair display;">ОЛОЛОШКА ОЛОЛОШКИНА</div><br><br><br><div id="text"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div><table cellpadding="0" style="position: relative; top: 15px; margin-left: 5px;"><tr><td width="25"></td> <td><div class="box"> 0000 лет</div></td> <td><div class="box">пекарь </div></td> <td><div class="box">Росс Геллер </div></td> <td width="25"></td></tr></table><br><br> <div class="box" style="width: 500px; margin: 0px;"><b>note:</b> тут красивая цитатка</div></center>
Поделиться172016-08-21 20:08:30
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'><center><div style="font-family: 'Carrois Gothic SC', serif; line-height: 30px; font-size: 15px; letter-spacing:3px; color: #fdfdfb; text-align: center; width: 440px; height: 30px; background-color: #4c4f71; border-right: 20px solid #3e415c;">GEORGE FM</div> <div style="width: 450px; height: 350px; background-color: #fdfdfb; padding-top: 20px; padding-left: 10px;"><table><td><div style="width:180px; height: 250px; background-image:url(http://savepic.su/5294994.png); border-right: 8px solid #fdfdfb;"></div> <div style="font-family: calibri; font-size: 8px; color: #fdfdfb; letter-spacing: 4px;; text-align: justify; text-align: center; text-transform: uppercase; line-height: 20px; width:180px; height: 20px; background-color: #4c4f71;">Реал-лайф</div> <div style="font-family: calibri; font-size: 8px; color: #fdfdfb; letter-spacing: 4px; text-align: justify; text-align: center; text-transform: uppercase; line-height: 20px; width:180px; height: 20px; background-color: #3e415c;">Эпизоды</div> <div style="font-family: calibri; font-size: 8px; color: #fdfdfb; letter-spacing: 4px; text-align: justify; text-align: center; text-transform: uppercase; line-height: 20px; width:180px; height: 20px; background-color: #4c4f71;">NC21</div> <div style="font-family: calibri; font-size: 8px; color: #fdfdfb; letter-spacing: 4px; text-align: justify; text-align: center; text-transform: uppercase; line-height: 20px; width:180px; height: 20px; background-color: #3e415c;">Сан-Франциско</div> </td><td> <div style="width: 200px; height: 325px; background-color: #fdfdfb; font-family: calibri; text-transform: none; font-size: 13px; line-height:90%; color:#000; letter-spacing: -.095px; text-align: justify; overflow:auto; padding-left: 5px; padding-right: 5px;"> ТЕКСТ ФАКА </div></td></table> </div> </center>
Поделиться182016-08-21 20:09:52
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'><style type="text/css"> .date { padding: 10px; font-family: 'Alex Brush'; font-size: 14px; color:#000; text-align: right;} .top { width: 264px; background-color:#fff; text-align: center; font-family: georgia; font-size: 8px; text-transform: uppercase;} </style><center><div style="width: 360px; height: auto; background-color: #DEB47E; border: 15px solid #DEB47E;"><div class="date"> ##/##/## </div> <div class="top"><a href="ссыль"><div style=" padding: 5px; border: 1px solid #ccc;"><img src="http://savepic.su/5302185.jpg"></div></a><p> текст </div><p></div></center>
Поделиться192016-08-21 20:10:50
<!--HTML--><style type="text/css"> .shipperfixedlight { color: #121212; font-size: 8px; font-family: Helvetica Neue, Arial sans serif; letter-spacing: 1px; color:#aaa; border-top:1px solid #666; padding-top:5px; padding-bottom:3px; height:10px; width: 430px;} .shipperbodylight { border:30px solid #121212; padding-bottom:70px; background-color:#121212;} .shipperbodylight::-webkit-scrollbar { width: 7px; height:7px; } .shipperbodylight::-webkit-scrollbar-track { background-color: #121212; } .shipperbodylight::-webkit-scrollbar-thumb { background-color: #666;} .shippertextlight { font-family: Georgia, serif; font-size:11px; line-height:140%; font-style: italic; font-variant:small-caps; color:#aaa; text-transform:none; text-align:justify; width:400px; height:430px; overflow-y:hidden; } .shipperlight { background: #121212; width:430px; margin-right:10px; height:450px;} </style> <center> <div class="shipperbodylight" style="width:420px; height:450px; overflow-y:hidden; overflowx: scroll;"> <table> <tr> <td valign="top" align="center"> <div class="shipperfixedlight">CHARACTER NAME HERE</div> <BR><BR> <div class="shipperlight" style="background: url( 'IMAGE OF CHARACTER HERE - BIGGER THAN 430X450');"></div></td> <td valign="top" align="center"> <div class="shipperfixedlight">ABOUT CHARACTER</div> <BR><BR> <div class="shippertextlight"> TEXT HERE </div> </td> <TD valign="top" align="center"><div class="shipperfixed">RELATIONSHIPS - FRIENDS</div><BR><BR> <div class="shippertextlight" style="height:120px;"> TEXT</div> <div class="shippertext" style="border-top:1px dotted #666;background: #121212;"> <BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <BR><BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> </div></td> <TD valign="top" align="center"><div class="shipperfixed">RELATIONSHIPS - ENEMIES</div><BR><BR> <div class="shippertextlight" style="height:120px;"> TEXT</div> <div class="shippertext" style="border-top:1px dotted #666;background: #121212;"> <BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <BR><BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> </div></td> <TD valign="top" align="center"><div class="shipperfixed">RELATIONSHIPS - LOVERS</div><BR><BR> <div class="shippertextlight" style="height:120px;"> TEXT</div> <div class="shippertext" style="border-top:1px dotted #666;background: #121212;"> <BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <BR><BR> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> <a href="#LINK TO CHARACTER PROFILE"><img src="SQUARE IMAGE OF CHARACTER'S FRIEND/LOVER/ENEMY" width="130" hspace="1"></a> </div></td> </tr></table><BR><BR> </div> <div style="background-color:#121212; width:450px; padding:15px;" align="right"> <span style="font-size:8px; color:#666"> <a style="text-decoration:underline; font-size:7px; color:#666;" href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3209" >PATHICE PRODUCTIONS</a> @ ATF. </span></div> </center>
Поделиться202016-08-21 21:35:47
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lora|Rochester' rel='stylesheet' type='text/css'> <style type="text/css"> .header-font { font: normal normal normal 50px/100% 'Rochester'; width: 500px; color: #B38184; text-shadow: 1px 1px 0px #F7E4BE, 2px 2px 0px #73626E, 3px 3px #413E4A; letter-spacing: 1px; } .header-text { width: 435px; padding: 20px 20px 10px 20px; font: normal normal normal 10px/90% 'Lora'; background-color: #F7E4BE; text-align: justify; margin-top: 10px; color: #73626E; } .canon-title { margin-top: 10px; background-color: #73626E; font: normal normal normal 30px/100% 'Rochester'; color: #F7E4BE; text-align: center; padding: 10px 10px 15px 10px; width: 455px; text-shadow: 1px 1px 0px #413E4A, 2px 2px 0px #413E4A; } #canon-container { width: 475px; background-color: transparent; } .canon-hov { width: 150px; height: 250px; background-color: #B38184; opacity: 0; transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 2s; } .canon-hov:hover { opacity: 0.9 } .canon-hov2 { width: 150px; height: 250px; background-color: #B38184; } .canon-boxtext { width: 100px; height: 148px; background-color: #F7E4BE; outline: 3px #F7E4BE double; padding: 10px; font: normal normal normal 10px/90% 'Lora'; text-align: justify; margin-top: 17px; margin-left: 15px; overflow: auto; color: #413E4A; } .canon-hov2 h1 { font: normal normal normal 25px/100% 'Rochester'; text-align: center; color: #413E4A; text-shadow: 1px 1px 0px #F7E4BE; } .canon-hov2 h2 { font: normal normal normal 10px/100% 'Lora'; background-color: #F7E4BE; padding: 5px; color: #413E4A; text-align: center; margin-top: -12px; } #canon-container table { width: 455px; padding: 10px 10px 10px 5px; } #canon-container tr td { width: 150px; height: 250px; } .canon-credz { width: 475px; text-align: right; } .canon-credz a:link, .canon-credz a:active, .canon-credz a:visited, .canon-credz a:hover { font: normal normal normal 10px/100% 'Lora'; color: #B38184; text-decoration: none; text-transform: uppercase; letter-spacing: 3px; </style> <center> <div class="header-font">AMS List</div> <div class="header-text"> Они правят Сан-Франциско <p> <b>КОТИКИ ВСЕГДА С ВАМИ</b> <br>ФрэнкФМ о <b>АМС</b> </div> <div class="canon-title">старшие</div> <div id="canon-container"> <table class="canon-container"> <tr><td><div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5462168.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Sammy</h1> <h2>Графист итд</h2> <div class="canon-boxtext"> Бог, властелин, президент. Он был свидетелем метеоритного дождя в Челябинске, мечтателем, который так и не встретил Зака Эфрона, вегетарианцем целый месяц и даже несколько раз бросал курить. Он одевает Фрэнка, заботится о каждом из вас, любит пофлудить и никому никогда ни в чем не отказывает. Первая и единственная заповедь – не называй его Алешей. </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5442712.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Melanie</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> Киса Настя полна сласти. Она никак не может определиться, где же все-таки живет. В Минске или же в Бобруйске. Любит своего котика, изучает фотошоп, стремится стать великим пиарщиком. Никогда не даст Добрев в обиду, так как она является ее музой. Прежде чем идти с Настюшей в скайп, привыкните к речи Тины Канделаки, ибо наша киса может посоревноваться с московской ведущей в скорости речи. </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5447832.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Chord</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> Женя мальчик не простой, Женя мальчик золотой. Филолог от Бога, сосед по квартире нашего неАлеши, мечтал три года о Лермане в шапке, получил в подарок на один из др кошку и назвал ее Серсеей. Евгений вовсе не суровый челябинский мужик (хоть и обосновался там), однако именно про его дерзость поет Тимати в песне «Слышь, ты че такая дерзкая, а?». Он взял на себя ответственность за квесты, объявив себя лучшим фантазером из окружения Фрэнка. Этот маленький паршивец способен завладеть всем вашим вниманием, поэтому будьте осторожнее, Дамы и Господа, котик на охоте. </div> </div></div></div> </div> </td></tr> <tr><td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5441688.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Craig</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> Он для всех и ничей. Дима, Дима - чума. Житель столицы матушки России. Без пяти минут журналист, экстраверт, заядлый курильщик и совсем не алкоголик. Ест, спит, живет во флуде, любит заглянуть в фш и сделать какое-нибудь дерьмо. Ему нравятся люди, он умирает без общения, но иногда перебарщивает с сарказмом, просто не зная куда его деть. Он очень добрый и всегда готов прийти на помощь, хоть и кажется тем еще гавнецом. Друзья называют его хреном и сатаной, дружите с Димой, придумайте ему новый ник. </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5495965.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Sofia</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> Младшая киса ФрэнкаФм. Катюша гуляет по петрозаводским барам и тусит с красивыми поцами, соблазняя их своим богатством. Ее прелести настолько привлекательны, что даже Фрэнк задумывается о том, чтобы бросить свою радиостанцию и подарить сердце одной ей. Катюша любит говорить, что она плохая, но не верьте ей, она сам ангел во плоти. А если коротко: д - девочка алфавит, с – сериалы фореве, ф – флуд, добей или умри. </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(http://savepic.su/5455000.png);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>Randy</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> Мальчик-нефтяник. Однажды станет владельцем Газпрома, Фрэнк рекомендует подружиться с ним. Максим любит мужчин постарше, но пытается бороться со своими предпочтениями. Когда Максимка расстроен, он добавляет: =(, когда Максимка счастлив, он добавляет: =). Являясь жителем культурной столицы России, он никогда не позволит себе кому-либо нагрубить. Все любят Максимку, и ты люби Максимку =) </div> </div></div></div> </div> </td></tr></table> </div> <div class="canon-title">младшие</div> <div id="canon-container"> <table class="canon-container"> <tr><td><div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td></tr> <tr><td><div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td> <td> <div style="width: 150px; height: 250px; margin-top: -17px; background-image: url(150X250 IMAGE HURR!!!!);"> <div class="canon-hov"> <div class="canon-hov2"> <h1>first last</h1> <h2>##. playby. open.</h2> <div class="canon-boxtext"> text goes here, will scroll! </div> </div></div></div> </div> </td></tr></table> <div class="canon-credz"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=24756">dino♥</a></div> </center>
Поделиться212016-08-21 21:38:33
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><style type='text/css'> .letmeborder { width:450px; border:5px solid #222; position:relative; background-color:#eee; } .letmehead { width:450px; height:0px; background-image:url(http://funkyimg.com/i/U58d.png); border-bottom:5px solid #222; } .letmewordsbg { position:absolute; left:0px; top:25px; width:200px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .letme:hover .letmewordsbg { position:absolute; left:-235px; top:5px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .letmewords { width:200px; height:30px; background-color:#222; font-family:arial; font-size:8px; letter-spacing:5px; color:#efefef; line-height:30px; text-align:center; margin-bottom:5px; } .lavie { position: relative; width: 400px; height:450px; clear: both; } .myageagain { width:350px; height:275px; position:relative; padding:25px; background-color:#fff; opacity:.85; overflow:auto; } .abused { float:left; } .abused label { position:relative; top:40px; left:10px; height: 20px; width: 120px; background-color:#eee; font-family:arial; font-size:8px; letter-spacing:5px; color:#222; line-height:20px; text-align:center; border:none; margin-right:10px; display:block; } .abused [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .used { position:absolute; top:100px; left:0px; background-image:url(http://se.uploads.ru/k436Y.png); width:400px; height:325px; overflow:auto; padding: 0px; text-align: justify; color: black; font-family: georgia; font-size: 10px; text-align:justify; line-height:100%; } .abused [type=radio]:checked ~ label { z-index: 99; background-color:#ffda10; } .abused [type=radio]:checked ~ label ~ .used { z-index: 98; } </style><center><div class='letmeborder'><div class='letmehead'><div class='letme' style='background-image:url(http://placehold.it/200x200);'><div class='letmewordsbg'><div class='letmewords'> имя_фамилия рус. </div><div class='letmewords'> возраст, дата рождения </div><div class='letmewords'> занятость </div><div class='letmewords'> ориентация </div><div class='letmewords'> внешность </div></div></div></div><div class='lavie'><div style='width:400px; height:100px; background-color:#222; position:absolute; top:25px;'></div><div class="abused"><input type="radio" id="abused-1" name="abused-group-1" checked><label for="abused-1">Основа.</label><div class="used"><div style='position:absolute; top:245px; left:50px; width:300px; height:50px; background-color:#222; font-family:great vibes; font-size:30px; color:#efefef; line-height:50px; text-align:center; '> имя_фамилия англ. </div></div> </div><div class="abused"><input type="radio" id="abused-2" name="abused-group-1"><label for="abused-2">Данные.</label><div class="used"><div class='myageagain'> Возраст <br> ДР <br> МР <br> Ориентация <br> Родственники <br> Пара <br> </div></div> </div><div class="abused"><input type="radio" id="abused-3" name="abused-group-1"><label for="abused-3">История.</label><div class="used"><div class='myageagain'> ля-ля-ля =) </div></div> </div><div class="abused"><input type="radio" id="abused-4" name="abused-group-1"><label for="abused-4">Пост</label><div class="used"><div class='myageagain'> </div></div> </div><div class="abused"><input type="radio" id="abused-5" name="abused-group-1"><label for="abused-5">Связь.</label><div class="used"><div class='myageagain'> Пост </div></div> </div><div class="abused"><input type="radio" id="abused-6" name="abused-group-1"><label for="abused-6">Что-то еще.</label><div class="used"><div class='myageagain'> Связь </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;'></div></center>
Поделиться222016-08-21 21:41:38
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'> <style type="text/css"> .vah{ transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; background-color:#f0f0f0; opacity:0; height:400px; } .vah:hover{ opacity:1; } </style> <center> <div style="background-color:#778877; padding-bottom:10px; border-bottom:1px dotted #0f0f0f; width:400px;"><div style="height:400px; background-image:url('http://placehold.it/400x400');"><div class="vah"> <table cellspacing="5"><tr><td style="vertical-align;"><div style="width:100px; height:394px; background-image:url('http://placehold.it/100x400'); border-right:3px solid #BBBB99; border-left:3px solid #EEEEAA;"></div></td><td style="vertical-align:top;"> <br> <div style="padding:20px 10px 20px 20px; height:260px; width:230px; background-color:#FFFFFF; overflow:auto; text-align:justify;"> § 1. ОБЩИЕ ПОЛОЖЕНИЯ. 1.1. Рейтинг игры NC-21. Педофилия, некрофилия, зоофилия - запрещены. 1.2. Будем терпимы друг к другу, личные разногласия на публике не обсуждаем. 1.3. Оскорбления, дискриминация игроков по любому из признаков строго-настрого запрещена. Давайте будем вежливыми и приличными людьми без предрассудков. 1.4. Убедительная просьба, если вы собираетесь отсутствовать более недели или же просто покинуть ролевую - отпишитесь об этом в соответствующей теме. Это в ваших же интересах. В противном случае, ваш персонаж может быть удален. 1.5. Плагиат запрещён. Любой. Поэтому, будем уважать себя и труд других людей. Здесь никому не нужны проблемы с авторами и другими форумами. 1.6. Незнание правил никоим образом не освобождает вас от ответственности. Положения установленные в шаблонах анкет, FAQ и прочих темах, также являются частью правовой системы форума. </div> <div style="font-family: 'Bad Script', cursive; font-size:40px; text-align:center; color:#222233;">first last</div> </td><tr></table></div></div></div> FLEUR OF <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9449">ATF</a> & <a href="http://shine.b1.jcink.com/index.php?showuser=570">SHINE</a></center>
Поделиться232016-08-21 21:47:54
<!--HTML--><center><style type="text/css"> .issy { width: 350px; background: #B0C4DE; padding: 8px; border: 20px solid #FFFFFF; } .issytem { width: 320px; background: #F8F8FF; padding: 15px 15px 10px 15px; line-height: 114%; text-align: justify; font-family: 'Shadows Into Light Two', cursive; font-size: 16px; color: #000; } .issytitle { color: #4169E1; text-shadow: 1px 1px #F0F8FF 2px 2px #4169E1; text-align: center; font-size: 52px; line-height: 70%; font-family: georgia, italic; text-transform: lowercase; } .issymtitle { font-family: sacramento; font-size: 24px; line-height: 90%; padding-top: 2px; text-transform: lowercase; color: #ADD8E6; text-align: center; } .issystitle { font-family: 'Kaushan Script', cursvie; font-size: 10px; line-heigh: 50%; padding-top: 2px; text-transform: uppercase; color: #6595ED; text-align: justify; } </style> <div class="issy"><div class="issytem"><div class="issytitle">directory</div> <p><div class="issystitle">• text goes here desu!</div> <br> <p><div class="issymtitle">❖ catergory name </div><br> <center><a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> </center><p><div class="issymtitle">catergory name ❖</div><br> <center> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> </center><p><div class="issymtitle">❖ catergory name</div><br> <center> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> </center><p><div class="issymtitle">catergory name ❖</div><br> <center> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> <a href="/">• links goes here</a><br> </center> <p></div></div></center><div style="line-height: 100%; font-family: sacramento; font-size: 12px; text-align: center; text-transform: lowerrcase;"> <span style='color: #00CED1'>★ issy @</span> <a href="http://shine.b1.jcink.com/index.php?showuser=11365">shine</a>, <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=77176">caution</a> & <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=29767">atf</a>. </div><link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
Поделиться242016-08-21 21:51:12
гостевая?
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'> <center> <div style="width: 400px; padding: 25px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2156/2156833.png?1334987639); border: 3px solid #918D8F; border-radius: 20px;line-height:95%;"><div style="width:370px; background-color: #D4CFD1; border: 15px solid #C0C6A5;"> <div style="float: left; padding: 10px 10px 10px 10px; "> <div style="width: 125px; height: 15px; background-color: #918D8F; "><a href="#"><div style="text-transform: uppercase; padding-top: 3px;">[color=#D4CFD1] link one[/color]</div></a></div><br> <div style="width: 125px; height: 15px; background-color: #918D8F; "><a href="#"><div style="text-transform: uppercase; padding-top: 3px;">[color=#D4CFD1] link two[/color]</div></a></div><br> <div style="width: 125px; height: 15px; background-color: #918D8F; "><a href="#"><div style="text-transform: uppercase; padding-top: 3px;">[color=#D4CFD1] link three[/color]</div></a></div><br> <div style="width: 125px; height: 15px; background-color: #918D8F; "><a href="#"><div style="text-transform: uppercase; padding-top: 3px;">[color=#D4CFD1] link four[/color]</div></a></div> </div> <span style="padding: 10px; font-family: allura; font-size: 42px; color: #470F2B; text-align: center;"><p>site template</span> <div style="padding: 10px; font-family: verdana; font-size: 9.5px; text-align: justify; color: #470F2B;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum sodales diam vel ullamcorper. Sed augue orci, pretium a pretium a, elementum ac felis. Nulla ante odio, sodales eget porttitor ac, luctus at lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum neque tincidunt nibh porttitor eget imperdiet nunc posuere. Quisque sed quam risus, et lacinia mauris. Aliquam pellentesque tempus pharetra. Sed tincidunt velit a enim posuere tincidunt. Phasellus at massa eu sem pretium vestibulum vel vel tellus. Curabitur odio dui, dapibus ac consectetur nec, rutrum ut purus. <p> In interdum consectetur accumsan. Nulla vitae tortor nunc. Donec lacinia, augue sed accumsan pellentesque, turpis felis porta orci, ac pulvinar tortor nisl ut dui. Curabitur rutrum imperdiet fermentum. Donec luctus ornare risus, et ornare est aliquet lobortis. Curabitur eget est quis sem accumsan iaculis at at orci. Cras vehicula aliquet mollis. Sed aliquam felis eu leo feugiat nec venenatis lorem tincidunt. Nullam in eleifend quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas non neque mauris. Cras luctus ligula in ipsum fringilla eu semper metus mattis. Proin mauris orci, gravida sed ultrices at, consectetur sit amet turpis. Nulla vestibulum ligula turpis, sit amet eleifend elit. Nulla facilisi. <p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec auctor risus a nulla sodales vestibulum. Phasellus quis neque vel nisl gravida viverra. Ut nulla massa, pretium eget tincidunt sed, aliquet ac quam. In commodo magna eget dolor fringilla lobortis. Donec sit amet metus ligula. Nulla varius elementum ultrices. <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae elementum ante. Suspendisse malesuada molestie enim, at scelerisque risus mattis et. Sed gravida pharetra elit, id suscipit tortor consectetur non. Maecenas nunc justo, pulvinar in posuere quis, tincidunt vitae mauris. Aliquam posuere porta consectetur. Suspendisse elit libero, ullamcorper et ultrices vel, scelerisque vel velit. </div> </div> </div> <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=5184">❤</a> </center>
Поделиться252016-08-21 21:55:13
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <style type="text/css"> .snaps { width:284px; height: 594px; background-image:url(http://imgur.com/Atr63LM.png); margin:auto;} .snaps_not { font-family:oswald; text-align:center; padding-top:70px; font-size:30px; color:#8d6496; } .snaps_play { border-radius:50%; background-color:#8d6496; font-size:40px; color:#fff; width:100px; padding-top:35px; padding-bottom:45px; margin:auto; text-align:center;} .snap_logo { color:#fff; font-family:oswald; text-transform:uppercase; letter-spacing:2px; text-align:center; padding-top:94px; } .snap_container { width:243px; height:400px; overflow:hidden; z-index:3; position:relative; margin-left:23px; margin-top:2px;} .snap_one { width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .snap_two {width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .snap_container:hover .snap_one { margin-left:243px; margin-top:-400px;} .snap_container:hover .snap_two { } .snap_pic { background-image:url(http://placehold.it/243x400); width:243px; height:400px;} .snap_over { background-image:url(http://i.imgur.com/Jd8WqEb.png); width:243px; height:400px; } .snap_message { background-color:rgba(0,0,0,0.7); font-family:open sans condensed; font-size:12px; text-align:center; color:#fff; padding:5px; word-spacing:3px; letter-spacing:1px; } .creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:200px; } .creds a { color:#cccccc; } </style> <div class="snaps"> <div class="snap_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="20" /> SNAPCHAT</div> <div class="snap_container"> <div class="snap_one"> <div class="snaps_not"> NEW SNAPCHAT</div> <div style="padding-top:20px;"></div> <div class="snaps_play">▶</div></div> <div class="snap_two"><div class="snap_pic"><div class="snap_over"> <div style="padding-top:185px"></div> <div class="snap_message"> I AM DA BEST THERE EVA WUZ </div> </div></div></div></div></div> <center><div class="creds"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9524">© MERC</a></div></center>
Поделиться262016-08-21 21:56:53
если хотите инстаграм..
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'> <style> .ibk { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:501px; padding:5px; } .insbutton { background: rgba(69,186,95,1); background: -moz-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,186,95,1)), color-stop(41%, rgba(63,176,85,1)), color-stop(100%, rgba(57,166,79,1))); background: -webkit-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -o-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -ms-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: linear-gradient(to bottom, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ba5f', endColorstr='#39a64f', GradientType=0 ); width:102px; padding:3px; border: 1px #2d883f solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; } .insicon { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative; z-index:4; background-color: #fff; padding:5px; width:110px; box-shadow: 1px 1px 0px #cfcfcf; -webkit-box-shadow: 1px 1px 0px #cfcfcf; -moz-box-shadow: 1px 1px 0px #cfcfcf; margin-top:-50px; } .insset { border: 1px #635854 solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .insuser1 { margin-left:15px; font-family: calibri; font-size:23px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #111118; } .insuser2 { margin-left:15px; font-family: calibri; font-size:14px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #48484a; } .insbord { margin-left:15px; width:210px; border: 1px #cccccc solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 3px #ececec; -webkit-box-shadow: 1px 1px 3px #ececec; -moz-box-shadow: 1px 1px 3px #ececec; padding:2px; background-color: #f7f7f7; } .insa { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; } .insb { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; } .insbb { margin-left:10px; margin-right:10px; height:40px; background-color: #cccccc; width:1px; box-shadow: 1px 1px 0px #fff; -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; } .insc { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; } .insd { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; } .ins20 { box-shadow: 1px 1px 2px #32536e; -webkit-box-shadow: 1px 1px 2px #32536e; -moz-box-shadow: 1px 1px 2px #32536e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } .ins3 { margin-left:10px; margin-right:10px; height:40px; background-color: #cccccc; width:1px; box-shadow: 1px 1px 0px #fff; -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; } .ins4 { font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #333333; } .ins5 { font-family: calibri; font-size:10px; font-weight: bold; line-height: 100%; text-align:center; text-transform: lowercase; color: #9b9999; } #insimg {width: 196px; height: 203px; margin: 1px 1px 1px 0px; border: 1px #635854 solid; background-image: url(http://placehold.it/196x203);} #insimg .ttwo { width: 196px; height: 203px; background-image: url(http://placehold.it/196x203); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg:hover .ttwo {opacity: 1.0;} #insimg1 {width: 100px; height: 100px; margin: 0px 1px 1px 1px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg1 .ttwo1 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg1:hover .ttwo1 {opacity: 1.0;} #insimg2 {width: 100px; height: 100px; margin: 0px 1px 0px 1px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg2 .ttwo2 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg2:hover .ttwo2 {opacity: 1.0;} #insimg3 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg3 .ttwo3 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg3:hover .ttwo3 {opacity: 1.0;} #insimg4 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg4 .ttwo4 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg4:hover .ttwo4 {opacity: 1.0;} #insimg5 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg5 .ttwo5 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg5:hover .ttwo5 {opacity: 1.0;} #insimg6 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid; background-image: url(http://placehold.it/100x100);} #insimg6 .ttwo6 { width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;} #insimg6:hover .ttwo6 {opacity: 1.0;} </style><center><div class="ibk"><table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td><td><a href="http://cosmo.b1.jcink.com/index.php?showuser=8"><div style="margin-left:2px; margin-right:6px; width:30px; height:26px; background-image: url(http://i.imgur.com/eZxNRIb.png);"> </div></a></td><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td></tr></table></div></td><td><div style="font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%;"> Instagram </div> </td><td> <div style="position: relative; right:-127px;"> <table cellpadding="0" cellspacing="0"><tr><td><div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div> </td><td><div style="margin-left:8px; margin-right:3px;"> <img src="PUT YOUR MAIN ICON HERE THE IMAGE WILL RESIZE ON ITS OWN" width="20" height="20" class="ins20" /> </div> </td><td><div class="insus"> username here </div></td><td> <div style="height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6;"></div></td></tr></table></div></td></tr></table> </div><div style="background-color: #1a1a1a; padding-top:20px; padding-bottom:1px; width:511px;"><table cellpadding="0" cellspacing="0"><tr><td><div id="insimg1"><div class="ttwo1"></div></div><div id="insimg2"><div class="ttwo2"></div></div></td><td><div id="insimg"><div class="ttwo"></div></div></td><td><div id="insimg3"><div class="ttwo3"></div></div><div id="insimg4"><div class="ttwo4"></div></div></td><td><div id="insimg5"><div class="ttwo5"></div></div><div id="insimg6"><div class="ttwo6"></div></div></td></tr></table></div><div style="background-color: #fafafa; width:501px; padding:5px; height:110px;"><table cellpadding="0" cellspacing="0"><tr><td> <div class="insicon"><img src="PUT YOUR ICON HERE IT WILL RESIZE ON ITS OWN" width="108" height="108" class="insset" /> <div style="height:4px;"></div><div class="insbutton"> <div style="font-family: calibri; font-size:12px; font-weight: bold; line-height: 100%; text-align:center; color: #fff"> Following</div></div></div></td><td><div class="insuser1"> username here </div><div class="insuser2"> first and last </div></td><td><div class="insbord"> <center><table cellpadding="0" cellspacing="0"><tr><td><div class="insa"> #### </div><div class="insb"> posts </div></td><td><div class="insbb"></div></td><td><div class="insc"> #### </div><div class="insd"> followers </div></td><td><div class="ins3"></div></td><td><div class="ins4"> #### </div><div class="ins5"> following </div></td></tr></table></center></div></td></tr></table></div></center>
Поделиться272016-08-21 21:57:53
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'> <style> .ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; } .ilogo { font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; } .insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; } .ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; } .ins22 { width:25px; height:21px; background-image: url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; } .ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; } .ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; } .ins55 { background-color: #f6f6f6; padding:10px; } .inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; } .insh { margin-right:15px; font-family: calibri; font-size:26px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #4175a4; } .inslike { font-family: calibri; font-size:17px; line-height: 100%; text-align:center; letter-spacing:-1px; color: #4175a4; font-weight: bold; margin-right:115px; } .insa1 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; margin-right:6px; } .insa2 { margin-top:3px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; } .insa3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; } .insa4 { margin-top:3px; font-family: calibri; font-size:22px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; margin-right:6px; } .insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; } .insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; text-align: justify; width:235px; padding:0px; 8px 8px 8px; color: #393939; } .insah i { color: #7972a5; } .imgtagg { width:280px; color: #508fbc; font-family: calibri; font-size:9.5px; font-weight: lighter; line-height:95%; text-align: justify; padding: 4px; } </style><center><div style="width:350px; background-color: #242424; padding:10px;"><div class="ibk2"><table cellpadding="0" cellspacing="0"><tr><td><div class="ilogo" style="margin-right:115px;"> Instagram </div></td><td><div class="ins111"></div></td><td><div class="ins22"></div></td><td><div class="insus" class="ins33"> Open In App </div></td></tr></table></div> <img src="http://placehold.it/350x350" width="350" /> <div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td><div class="insh"> ❤ </div> </td><td> <div class="inslike"> #### Likes </div></td><td><div class="insa1"><div class="insa2"> ❤ </div></div> </td><td><div class="insa3"><div class="insa4"> ➥ </div></div> </td></tr></table></div><div class="ins44"> </div><div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="PLACE YOUR ICON IMAGE HERE IT WILL RESIZE ON ITS OWN" width="50" height="50" class="insii" /></td><td valign="top"><div class="inshh"> USERNAME GOES HERE </div><div class="insah"> write your message here! remember to put italics on the @stuff. <i>so italics will look like this</i> </div></td></tr></table><div class="imgtagg"> #all the tags go here, #you can make them as long as you like, #just don't be a douchebag </div> </div><div class="ins44"> </div><div class="inscredit"> [url=http://cosmo.b1.jcink.com/index.php?showuser=8]MADE BY[/url] [url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3819]T[/url][url=http://shine.b1.jcink.com/index.php?showuser=1280]A[/url][url=http://cosmo.b1.jcink.com/index.php?showuser=8]NA. PLEASE DO NOT STEAL![/url] </div></div></center>
Поделиться282016-08-21 21:58:41
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'> <style> .ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; } .insbutton { background: rgba(69,186,95,1); background: -moz-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,186,95,1)), color-stop(41%, rgba(63,176,85,1)), color-stop(100%, rgba(57,166,79,1))); background: -webkit-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -o-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: -ms-linear-gradient(top, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); background: linear-gradient(to bottom, rgba(69,186,95,1) 0%, rgba(63,176,85,1) 41%, rgba(57,166,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ba5f', endColorstr='#39a64f', GradientType=0 ); width:102px; padding:3px; border: 1px #2d883f solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .ilogo { font-size:20px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; } .insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; } .ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; } .ins22 { width:25px; height:21px; background-image: url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; } .ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; } .ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; } .ins55 { background-color: #f6f6f6; padding:10px; } .inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; } .insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; text-align: justify; width:235px; padding:0px; 8px 8px 8px; color: #393939; } .insah i { color: #7972a5; } .inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; } </style><center><div style="width:350px; background-color: #242424; padding:10px;"><div class="ibk2"><table cellpadding="0" cellspacing="0"><tr><td><div class="ilogo" style="margin-right:115px;"> Instagram </div></td><td><div class="ins111"></div></td><td><div class="ins22"></div></td><td><div class="insus" class="ins33"> Open In App </div></td></tr></table></div><div class="ins55"><div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="PLACE YOUR ICON IMAGE HERE IT WILL RESIZE ON ITS OWN" width="100" height="100" class="insii" /></td><td valign="top"><div class="insbutton" style="margin-left:105px;"> <div style="font-family: calibri; font-size:12px; font-weight: bold; line-height: 100%; text-align:center; color: #fff"> Following</div></div><div class="inshh"> USERNAME HERE </div><div class="insah" style="width:180px;"> TYPE COMMENT HERE! </div></td></tr></table></div></div><div class="ins44"> </div><div class="inscredit"> [url=http://cosmo.b1.jcink.com/index.php?showuser=8]MADE BY[/url] [url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3819]T[/url][url=http://shine.b1.jcink.com/index.php?showuser=1280]A[/url][url=http://cosmo.b1.jcink.com/index.php?showuser=8]NA. PLEASE DO NOT STEAL![/url] </div></div></center>
Поделиться292016-08-21 21:59:53
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster+Two|Oswald|Open+Sans+Condensed' rel='stylesheet' type='text/css'> <style type="text/css"> #silver {width: 250px; height: 350px; position: relative; overflow: hidden; } #silver .bitter { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; top: 0px; bottom: 0px; width: 250px; height: 280px;} #silver:hover .bitter {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; top: -280px;} #silver .sweet { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; right: 0px; bottom: 0px; width: 250px; height: 70px;} #silver:hover .sweet {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; bottom: -70px;} .silverscroll::-webkit-scrollbar { height: 5px; width:2px; backgrounAd: #797083;} .silverscroll::-webkit-scrollbar-thumb { background: #797083; width:2px; height:5px; } </style> <center> <div style="width: 256px; height: 356px; background-image: url(http://i.imgur.com/fBtz2qB.png); padding: 15px;"> <div style="width: 250px; height: 350px; border: 3px solid #eaeaea;"><div id="silver"> <div class="bitter"><div style="width: 250px; height: 280px; background-image: url(250 x 280 IMAGE HERE!!!!);"></div></div> <div class="sweet"><div style="width: 250px; padding-top: 9px; background-color: #797083; padding-bottom: 22px;"><div style="font-family: lobster two; font-size: 24px; color: #fff; font-style: italic; padding-bottom: 20px; text-transform: lowercase;">FIRST</div> <div style="font-family: oswald; font-size: 45px; color: #D8D8D8; text-transform: uppercase; font-weight: bold; letter-spacing: -2pt;">LAST</div></div></div> <div style="width: 250px; border-top: 15px solid #fff; padding-top: 15px; padding-bottom: 15px; background-color: #f6f6f6;"> <div style="width: 150px; font-family: calibri; font-size: 7px; text-transform: uppercase; color: #b1b1b1; padding-bottom: 5px; border-bottom: 1px solid #eaeaea;">AGE | PROFESSION | MISC</div> <div style="padding-top: 10px;font-family: open sans condensed; text-transform: uppercase; font-size: 20px;"><hlightMEMBERGROUP>"member group"</hlightMEMBERGROUP></div></div> <div style="width: 230px; height: 255px; background-color: #fff; padding: 10px; overflow: auto; font-family: calibri; font-size: 10px; color: #b1b1b1; text-align: justify;" class="silverscroll"> SHIPPER CONTENT HERE </div> </div></div> </div> <div style="width: 250px; text-align: right;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8378">✫</a></div> </center>
Поделиться302016-08-21 22:00:51
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster+Two|Open+Sans+Condensed:300|Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> .goldscroll::-webkit-scrollbar { height: 5px; width:2px; backgrounAd: #COLOR #2; } .goldscroll::-webkit-scrollbar-thumb { background: #COLOR #2; width:2px; height:5px; } #gold { position: relative; width: 275px; height: 350px; overflow: hidden; } #gold .silver { width: 275px; height: 350px; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 2s; position: absolute; left:0px; } #gold:hover .silver { left: -275px; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 2s; }</style> <center> <div style="width: 275px; height: 350px; border: 3px double #eaeaea; background-color: #f6f6f6; padding: 20px;"> <div id="gold"><div class="silver"><div style="width: 275px; height: 95px; padding-top: 255px; background-image: url(275 x 350 pic here!!!!);"> <div style="width: 275px; height: 60px; background-color: #ffffff; opacity: 0.9;"> <center><div style="padding-top: 15px; font-size: 13px; font-family: oswald; color: #COLOR #1; text-transform: uppercase; letter-spacing: 1pt; padding-bottom: 7px; opacity: 0.85"><b>first middle last</b></div> <div style="width: 190px; height: 2px; background-color: #eaeaea;"></div> <div style="font-family: lobster two; font-size: 12px; color: #COLOR #2; padding-top: 5px; opacity: 0.85"><i>age / position / member group</i> </center></div></div></div> <div style="width: 261px; height: 326px; background-color: #f9f9f9; border: 7px solid #fff; padding-top: 10px;"> <center><div style="color: #COLOR #1; font-size: 10px; padding-bottom: 5px; letter-spacing: 2pt; font-family: open sans condensed; text-transform: uppercase; line-height: 10px;">lyric line #1<br> lyric line #2</div> <div style="width: 220px; height: 2px; background-color: #eaeaea;"></div> <div style="height: 15px;"></div> <div style="width: 200px; height: 245px; padding: 10px; background-color: #fff; overflow: auto; text-align: justify; font-family: times; font-size: 9px; color: #999999; line-height: 8px;" class="goldscroll">words!!!!</div> </div></div> </div> <div style="width: 200px; text-align: right;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8378">xo</a></div> </center>