<!--HTML-->
коды
Сообщений 1 страница 30 из 33
Поделиться12016-05-24 13:14:14
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Поделиться22016-05-24 13:14:50
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><div class='postcolor'> <style>@import url(http://fonts.googleapis.com/css?family=Fjalla+One); .eshead { width: 400px; text-align: right; } .eshead h1 { background: #444; color: #fff; font-family: fjalla one; text-transform: uppercase; font-size: 14px; padding: 15px 30px 5px; margin: 0px; } .eshead span { font-family: calibri; font-size: 8px; letter-spacing: 1px; color: #b3c6c9; }.chal { text-align: justify; font-family: calibri; font-size: 9px; letter-spacing: 1px; background: white; width: 280px; padding: 5px 20px 10px 100px; </style><center><div class='eshead'><h1><span>complete</span> challenge</h1></div><div class='chal'>make a thread that only has <s>background patterns and images and things</s>, rather than an actual character image/gif/w.e. has to include a <s>table inside a table</s> and needs to be larger than 300x300 in total, but smaller than <s>400x400</s>. it can be like 350x400 or like that if you'd like, can't go over or under the sizes.</div></center><br /><br /><style> #esth2 .background { width: 400px; height: 400px; background: url(https://40.media.tumblr.com/8a08dfb95082e66d807d29aed3d3eec8/tumblr_n74q48gxvc1r87zuio1_1280.jpg) center; background-size:cover; } @import url(http://fonts.googleapis.com/css?family=Lekton|Bitter); #esth2 { width: 400px; height: 400px; } #esth2 .lyrics { background: rgba(255,255,255,.7); font-family: lekton; text-transform: uppercase; font-size: 7px; letter-spacing: 2px; text-align: center; padding: 15px; margin: 0px 20px 20px; line-height: 140%; } #esth2 h1 { font-family: bitter; color: #fff; text-shadow: 1px 1px #000; font-size: 40px; margin: 0px; padding-left: 30px; } #esth2 h2 { margin: 0px; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #fff; transform: translate(106px,9px); padding-left: 20px; } #esth2 .stuff { transition: .5s all; -webkit-transition: .5s all; transition-delay: .6s; } #esth2:hover .stuff { opacity: 0; transition-delay: 0s; } #esth2 .thread { width: 360px; height: 360px; background: #fff; margin-top: -380px; transform: scale(.2); opacity: 0; transition: .5s all; -webkit-transition: .5s all; transition-delay: 0s; } #esth2:hover .thread { transform: scale(1); opacity: 1; transition-delay: .6s; } #esth2 span { background: rgba(255,255,255,.7); font-family: calibri; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: 2px 12px; margin: 2px; } #esth2 .tags { position: relative; left: 170px; top: -5px; } </style><center><div id="esth2"> <div class='background'> <table cellpadding='0' cellspacing='0' width='100%' height='100%' class='stuff'><tr height='50%'><td colspan='2'> <h2>you've got me feeling like i'm</h2> <h1>dancing on nails</h1> <table class='tags'><tr><td> <span>tag</span> </td><td> <span>words</span> </td><td> <span>outfit</span> </td></tr></table> </td></tr><tr><td></td><td width='50%'><div class='lyrics'> with the way you move when all the lights go down The smell of sex is all it takes and you you let the animal out There's no resisting all those things you do to me That raw seduction only you can guarantee I've lost control, I feel it in my bones there's something telling me to stop but I just can't say no I just can't say no You got something worth exploring I must me crazy, you got me feelin' like I'm dancing on nails I like the way you sway with every beat we're getting closer to just slipping away You run me right off the rails you got me feeling like I'm dancing on nails </div></td></tr></table> <div class='thread'> </div> </div> </div></center> </div>
Поделиться32016-05-24 13:20:39
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d1><div class=insta1><div class=instalogo></div></div><div class=insta2><div class=instaicon style="background-image: url(https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s150x150/e35/c180.0.720.720/11821212_589784071162231_826235643_n.jpg);"></div><div class=insta3><div class=insta4></div><div class=insta5><div class=instauser> yourtypeof_frannie </div><a href="http://shine.jcink.net/index.php?showuser=5714"><div class=instabutt > FOLLOWING </div></a></div><div class=instadesc> <b>frannie</b>  vocalist to ytoh </div><div class=instastats> <b>971</b> posts   <b>473k</b> followers   <b>768</b> following </div> </div></div><div class=c-for> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s150x150/e35/11821238_1626207117637661_268532504_n.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> 40.1k   <div class=instacomms></div> 25 </div></div></div> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xfp1/t51.2885-15/s150x150/e35/10932391_1476710009306635_1284538932_n.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> 22.9k   <div class=instacomms></div> 16 </div></div></div> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xpa1/t51.2885-15/s150x150/e35/1517293_707022539443750_130391791_n.jpg)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> 87.2k   <div class=instacomms></div> 20 </div></div></div> <div class=insta8></div> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s150x150/e35/11381451_1647026808916811_917806631_n.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> 98.4k   <div class=instacomms></div> 47 </div></div></div> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s150x150/e35/11312382_746308825478479_869041857_n.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> 86.6k   <div class=instacomms></div> 11 </div></div></div> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s150x150/e35/c0.135.1080.1080/11909140_1495293614115825_1508535353_n.jpg)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> 10.2k   <div class=instacomms></div> 13 </div></div></div> </div></div> </div>
Поделиться42016-05-24 13:20:48
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d2> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11241692_374898639376033_1388495795_n.jpg)" class=instapic></div> <div class=insta9><div class=insta10> <div style="background-image: url(https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s150x150/e35/c180.0.720.720/11821212_589784071162231_826235643_n.jpg)" class=instaicon></div><div class=instauser> yourtypeof_frannie </div><div class=insta11> FOLLOWING </div><div class=insta12></div></div><div class=insta13><div class=instalikes> 5659 likes </div><div class=instatime> 1h </div></div><div class=insta14><div class=instacap> <b>yourtypeof_frannie</b> hello boys </div></div><div class=insta15></div><div class=insta16><div class=insta17><a href="http://shine.jcink.net/index.php?showuser=5714"><div class=instaheart></div></a><div class=instacommbox>Add a comment...</div><div class=instadots></div></div></div></div></div> </div>
Поделиться52016-05-24 13:21:16
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <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://i.imgur.com/2AWEaWw.png" width="350" /> <div class="ins55"><table cellpadding="0" cellspacing="0"><tr><td><div class="insh"> ❤ </div> </td><td> <div class="inslike"> 2951 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="http://i.imgur.com/Fq8DX9j.jpg" width="50" height="50" class="insii" /></td><td valign="top"><div class="inshh"> gotharding </div><div class="insah"> oops cut a fan out.... </div></td></tr></table><div class="imgtagg"> #happens </div> </div><div class="ins44"> </div><div class="inscredit"> <a href='http://cosmo.b1.jcink.com/index.php?showuser=8' rel='nofollow' target='_blank'>MADE BY</a> <a href='http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3819' rel='nofollow' target='_blank'>T</a><a href='http://shine.b1.jcink.com/index.php?showuser=1280' rel='nofollow' target='_blank'>A</a><a href='http://cosmo.b1.jcink.com/index.php?showuser=8' rel='nofollow' target='_blank'>NA. PLEASE DO NOT STEAL! </a> </div></div></center> </div>
Поделиться62016-05-24 13:21:28
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <center><div class="missingthing"> <table width="300"> <tr><td colspan="2"><div class="instalog" style="background:url(http://i.imgur.com/DSLaSxC.png);">isonthed</div></td></tr> <tr> <td align="center"><div class="icongram" style="background:url(http://i.imgur.com/uLdX1WD.png);"></div></td> <td><div class="flowig"> <table width="200" align="center" padding="0"> <tr><td align="center" width="80px"><b>700</b><br />posts</td> <td align="center" width="80px"><b>730</b><br />followers</td> <td align="center" width="80px"><b>760</b><br />following</td> </tr> <tr><td colspan="3" align="center" bgcolor="#cccccc" height="100%"> <b>EDIT YOUR PROFILE</b> </td></tr> </table> </div> </td> </tr> <tr><td colspan="2"><div class="blurbz"><b>isontheD.</b> <br />isley. san fran. blonde lady. </div> </td></tr><tr><td colspan="2"><img src="http://i.imgur.com/0Qy4cl5.png"></td></tr> <tr><td colspan="2"> <table><tr><td><img src="http://images6.fanpop.com/image/photos/33100000/-Shay-Ashley-shay-mitchell-and-ashley-benson-33174169-100-100.jpg"></td> <td><img src="http://images6.fanpop.com/image/photos/33100000/-Shay-Ashley-shay-mitchell-and-ashley-benson-33174164-100-100.jpg"></td> <td><img src="http://images4.fanpop.com/image/category/59/59017_1304257877_100_100.jpg"></td> </tr> <tr><td><img src="http://i.imgur.com/vt7WxS8.jpg"></td> <td><img src="http://i.imgur.com/ekK22JZ.jpg"></td> <td><img src="http://i.imgur.com/bdWTJch.png"></td></tr> </table> </td></tr> <tr><td colspan="2"><a href="http://shine.b1.jcink.com/index.php?showuser=6984" target="_blank"><img src="http://i.imgur.com/OFkn7le.png"></a></td></tr></table> </div> </center> <style type="text/css">.missingthing { width: 320px; background-color: #fff; border-radius: 10px; padding: 5px; } .icongram { width: 75px; height: 75px; border-radius: 100%; } .instalog { width: 300px; height: 30px; padding-top:10px; padding-left:15px; font-family: 'arial'; font-size: 12px; font-weight: 800; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-align: left; align: center;}.flowig { font-family: 'Calibri'; font-size: 12px; overflow: hidden;}.blurbz { font-family: 'Calibri'; colors: #353535; font-size: 13px; overflow: hidden; width: 300px; padding-left: 10px; padding-top: 5px; line-height: 105%;}.blurbz b {font-weight: 800; font-size: 14px;} </style> </div>
Поделиться72016-05-24 13:21:36
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <center><div class="alloveryou"><table width="300"> <tr><td colspan="2"><img src="http://i.imgur.com/zW3zp0B.png"></td></tr> <tr><td width="35px"><div class="usersta" style="background:url(http://placehold.it/30x30);"></div></td> <td><div class="userstame">isontheD</div></td></tr> <tr><td colspan="2" align="center"> <img src="http://i.imgur.com/4Lk8Y3B.jpg"> <br /><img src="http://i.imgur.com/gYQiPev.png"> </td></tr> <tr><td colspan="2"> <div class="instalike"><b><font size="3">♥</font> 721 likes</b></div> </td></tr> <tr><td colspan="2"> <div class="komento">too hott??? HOTT DAMN <br /><i>#horses</i> </div></td> </tr> <tr><td colspan="2"><a href="http://shine.b1.jcink.com/index.php?showuser=6984" target="_blank"><img src="http://i.imgur.com/R8FZ2Ah.png"></a></td></tr></table></div></center> <style type="text/css">.alloveryou { width: 320px; background-color: #fff; border-radius: 10px; padding: 5px; } .usersta { width: 30px; height: 30px; border-radius: 100%; } .userstame { color: #105687; font-family: 'Calibri'; font-size: 14px; font-weight: 800; text-decoration: bold;} .instalike { color: #105687; font-family: 'Calibri'; line-height: 10px; font-size: 12px; font-weight: 800; padding-left:5px;} .komento { width: 300px; overflow: hidden; colors: #353535; font-family: 'Calibri'; line-height: 105%; font-size: 14px; padding-left:5px;} .komento i { color: #105687; font-family: 'Calibri'; line-height: 10px;}</style> [ </div>
Поделиться82016-05-24 13:21:47
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://naestestforum.b1.jcink.com/uploads/naestestforum/igcss.css' rel='stylesheet'> <center><div class="hbase"><div class="logopos"><img src="http://i.imgur.com/yxRbjBq.png"></div><div class="u"> AJRAE </div></div><div class="probase"><div class="proinfo"><table width="90%" cellspacing="0" cellpadding="0"><tr><td width="30%"><div class="proinfoih"><a href="http://shine.jcink.net/index.php?showuser=3537"> <img src="http://i.imgur.com/MMn8L5I.jpg"> </a></div> </div></td><td width="70%"><div class="proinfotext"><div class="user"> AJRAE </div> <b>Alexandria Jacobs</b>. 22, I will call you out on your issues. </div><div class="proinfostat"><table width="100%" cellspacing="0" cellpadding="0"><tr><td width="25%"><div class="statbox"> <b>156</b> posts </div></td><td width="30%"><div class="statbox"> <b>407</b> followers </div></td><td width="45%"><div class="statbox"> <b>289</b> following </div></td></tr></table></div></td></tr></table></div></div><div class="ih"><table width="100%" cellspacing="0" cellpadding="0" style="margin-left: 1.5%"><td width="33%"> <img src="http://i.imgur.com/wtoPOWL.jpg"> </td><td width="33%"> <img src="http://i.imgur.com/NmMwecS.jpg"> </td><td width="33%"> <img src="http://i.imgur.com/wyQ1wAR.jpg"> </td></table></div> <div class="loadmore"><img src="http://i.imgur.com/eEJXcLG.png"></div></center>
Поделиться92016-05-24 13:22:19
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://naestestforum.b1.jcink.com/uploads/naestestforum/igcss.css' rel='stylesheet'> <center><div class="postbase"><table width="90%" cellspacing="0" cellpadding="0"><tr><td width="13%"><div class="iguserpic"><a href="http://shine.jcink.net/index.php?showuser=3537"> <img src="http://i.imgur.com/MMn8L5I.jpg"> </a></div></td><td width="82%"><div class="iguser"> AJRAE </div><div class="iguserlocale">BROOK VALLEY, CO</div></td><td width="5%"><div class="igusertime"> 38m </div></td></tr></table> <img src="http://i.imgur.com/YF2vn3Q.jpg"> <div class="iguserbot"><div class="iglikes"> 59 likes </div> <b>ajrae</b> i got you babe. ♥ <b>@lovelylana</b> </div></div></center> </div>
Поделиться102016-05-24 13:22:40
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <style type="text/css"> .newdirect { background-color: #fff; border: 1px solid #f0f0f0; padding: 25px; width: 400px; margin: auto; } .warblers { width: 400px; height: 250px; position: relative; overflow: hidden;} .warblers img { position: absolute; top: 0px; left: 0px; width: 400px; height: 250px; } .warblers .warblerstri { position: absolute; bottom: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 100px 0 0 400px; border-color: transparent transparent transparent #222222; transition: all .6s ease-in-out .5s; -webkit-transition: all .6s ease-in-out .5s; -moz-transition: all .6s ease-in-out .5s; -ms-transition: all .6s ease-in-out .5s; -o-transition: all .6s ease-in-out .5s} .warblers:hover .warblerstri { bottom: 250px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; } .warblers .warblebox { width: 400px; height: 250px; position: absolute; bottom: -250px; left: 0px; background-color: #222; transition: all .6s ease-in-out .5s; -webkit-transition: all .6s ease-in-out .5s; -moz-transition: all .6s ease-in-out .5s; -ms-transition: all .6s ease-in-out .5s; -o-transition: all .6s ease-in-out .5s; } .warblers:hover .warblebox { bottom: 0px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; } .warblers .newwarb { width: 400px; position: absolute; font-family: 'Raleway', sans-serif; font-weight: 900; text-transform: uppercase; line-height: 100%; color: #fff; text-shadow: 1px 1px 0px #000; bottom: 15px; left: 10px; font-size: 40px; } .newwarb:before { content: ""; vertical-align: middle; width: 125px; height: 1px; background-color: #fff; display: inline-block; margin-right: 10px; } .newwarb:after { content: ""; vertical-align: middle; width: 125px; height: 1px; background-color: #fff; display: inline-block; margin-left: 10px; } .warblers .newwarble { position: absolute; top: -60px; left: 15px; width: 400px; font-family: 'Raleway', sans-serif; font-weight: 900; text-transform: uppercase; line-height: 100%; color: #fff; text-shadow: 1px 1px 0px #000;font-size: 15px; word-spacing: -1px; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out;} .warblers:hover .newwarble { top: 10px; transition: all .6s ease-in-out .5s; -webkit-transition: all .6s ease-in-out .5s; -moz-transition: all .6s ease-in-out .5s; -ms-transition: all .6s ease-in-out .5s; -o-transition: all .6s ease-in-out .5s; } .newwarble:before { content: ""; vertical-align: middle; width: 100px; height: 1px; background-color: #fff; display: inline-block; margin-right: 10px; } .newwarble:after { content: ""; vertical-align: middle; width: 100px; height: 1px; background-color: #fff; display: inline-block; margin-left: 10px; } .warblers .animatedg { transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; width: 338px; height: 148px; border: 1px solid #fff; position: absolute; top: 35px; left: 30px; opacity: 0; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes pulseg { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulseg { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulseg { -webkit-animation-name: pulseg; animation-name: pulseg; } .warblers:hover .animatedg { opacity: .99; transition: all .6s ease-in-out .5s; -webkit-transition: all .6s ease-in-out .5s; -moz-transition: all .6s ease-in-out .5s; -ms-transition: all .6s ease-in-out .5s; -o-transition: all .6s ease-in-out .5s; } .warblers .directions { width: 290px; height: 100px; position: absolute; top: 50px; left: 45px; padding: 10px; background-color: #fff; opacity: 0; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; } .warblers:hover .directions { opacity: .99; transition: all .6s ease-in-out .5s; -webkit-transition: all .6s ease-in-out .5s; -moz-transition: all .6s ease-in-out .5s; -ms-transition: all .6s ease-in-out .5s; -o-transition: all .6s ease-in-out .5s; } .directionss { width: 290px; height: 100px; overflow-y: hidden; overflow-x: auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; -ms-column-gap: 10px; -o-column-gap: 10px; font-size: 10px; font-family: 'Source Sans Pro', sans-serif; text-align: justify; line-height: 100%; color: #222;} .directionss::-webkit-scrollbar { width: 3px; height: 3px; } .directionss::-webkit-scrollbar-track { background-color: #fff; } .directionss::-webkit-scrollbar-thumb { background-color: #222; } .directionss a { font-weight: 900; font-family: 'Source Sans Pro', sans-serif; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; color: #75a6c5; } .directionss h1 { margin: 0px; margin-bottom: 5px; margin-top: 5px; font-family: 'Raleway', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 13px; line-height: 100%; color: #75a6c5; text-shadow: 1px 1px 0px #222; text-align: center;} /* <a href="">title goes here</a> lol ▴ */ </style> <link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'> <div class="newdirect"><div class="warblers"><img src="http://i.imgur.com/Ud6PpAi.png"/><div class="warblerstri"></div><div class="warblebox"></div><div id="animatedg-example" class="animatedg pulseg"></div><div class="directions"><div class="directionss"> howdy neighbours! my name is becky, 23 and living in london, so my timezone is gmt. i've been doing rp forrr nearly ten years i think? coding about eight-ish and still learning. i love special comments and cute little links, so leave me everything you can.<p> ps my examples are 99.9% darren criss sry not sry (✿◠‿◠) <h1>threads</h1> <a href="http://shine.jcink.net/index.php?showtopic=23387">we will rise</a> one image, simple ▴ <a href="http://shine.jcink.net/index.php?showtopic=23394">cool kids</a> one image, rapid fire ▴ <a href="http://shine.jcink.net/index.php?showtopic=23395">one time</a> one image, black & teal ▴ <a href="http://shine.jcink.net/index.php?showtopic=23397">problem</a> one image, rapid fire, blue & white ▴ <a href="http://shine.jcink.net/index.php?showtopic=24158">out of the woods</a> one image, colour overlay ▴ <a href="http://shine.b1.jcink.com/index.php?showtopic=25826">inside out</a> background image, simple, hover ▴ <a href="http://shine.jcink.net/index.php?showtopic=25901">moment</a> yellow & white, no image, simple ▴ <a href="http://shine.jcink.net/index.php?showtopic=26526">how deep is your love</a> blue & white, scroll, rapid fire, simple ▴ <h1>shipping</h1> <a href="http://shine.jcink.net/index.php?showtopic=18815">gravity</a> one image, black & white ▴ <a href="http://shine.jcink.net/index.php?showtopic=23403">tell me</a> one image, simple ▴ <a href="http://shine.jcink.net/index.php?showtopic=23402">red</a> four images ▴ <a href="http://shine.jcink.net/index.php?showtopic=23401">seasons of love</a> one image, simple, blue & white ▴ <a href="http://shine.jcink.net/index.php?showtopic=23400">must have been love</a> simple, one image, hover, black & white ▴ <a href="http://shine.jcink.net/index.php?showtopic=23399">long live</a> one image, hover, red & white ▴ <a href="http://shine.jcink.net/index.php?showtopic=24159">wildest dreams</a> two images, wanted also ▴ <a href="http://shine.b1.jcink.com/index.php?showtopic=25825">cool for the summer</a> colour overlay, one image, hover ▴ <a href="http://shine.jcink.net/index.php?showtopic=25900">king under your control</a> one image, scroll, white, black & teal▴ <h1>sigs</h1> <a href="http://shine.jcink.net/index.php?showtopic=25105">rhythm inside</a> two gifs, hover, with or without links ▴ <h1>site codes</h1> <a href="http://shine.jcink.net/index.php?showtopic=23390">polaroid</a> application, blue/white, three images, hover ▴ <a href="http://shine.jcink.net/index.php?showtopic=23405">fireworks</a> application, one image, simple ▴ <h1>tech</h1> <a href="http://shine.jcink.net/index.php?showtopic=20856">young volcanoes</a> instagram ▴ <a href="http://shine.jcink.net/index.php?showtopic=20854">war paint</a> twitter ▴ <h1>cell</h1> <a href="http://shine.jcink.net/index.php?showtopic=19969">bang bang</a> one gif, animation ▴ <a href="http://shine.jcink.net/index.php?showtopic=23396">once upon a time</a> one image, animation, iphone ▴ <a href="http://shine.jcink.net/index.php?showtopic=23384">mirrors</a> animation, one image ▴ <a href="http://shine.jcink.net/index.php?showtopic=23386">one last time</a> one image, iphone ▴ <a href="http://shine.jcink.net/index.php?showtopic=25104">miss calculation</a> iphone, conversation, background image ▴ <a href="http://shine.jcink.net/index.php?showtopic=25106">goodbye to yesterday</a> iphone, two background images ▴ <h1>messengers</h1> <a href="http://shine.jcink.net/index.php?showtopic=23382">another love affair</a> skype, two images ▴ <a href="http://shine.jcink.net/index.php?showtopic=23383">reflections</a> instant message, animation ▴ <a href="http://shine.jcink.net/index.php?showtopic=24160">on the line</a> one image, gradient, animation ▴ <a href="http://shine.jcink.net/index.php?showtopic=25478">lean on</a> one image, hover, scroll ▴ <h1>misc</h1> <a href="http://shine.jcink.net/index.php?showtopic=23381">bad blood</a> pinterest, ten+ images ▴ <a href="http://shine.jcink.net/index.php?showtopic=23398">finally clean</a> moodboard, simple ▴ <a href="http://shine.jcink.net/index.php?showtopic=23392">style</a> tracker, one image, black & white ▴ <h1>mini profiles</h1> <a href="http://shine.jcink.net/index.php?showtopic=22062">sledgehammer</a> hover, fifteen+ fields ▴ <a href="http://shine.jcink.net/index.php?showtopic=23391">up</a> eleven fields, three images, hover ▴ <a href="http://shine.jcink.net/index.php?showtopic=23389">smoke & mirrors</a> ten fields, hover ▴ <h1>skins</h1> <a href="http://shine.jcink.net/index.php?showtopic=10410">love will remember</a> lol ▴ light jcink <a href="http://shine.jcink.net/index.php?showtopic=16441">pompeii</a> lol ▴ dark jcink <a href="http://shine.jcink.net/index.php?showtopic=18759">i will never let you down</a> lol ▴ light jcink <a href="http://shine.jcink.net/index.php?showtopic=11442">electric blue</a> lol ▴ light jcink <h1>tutorials</h1> <a href="http://shine.jcink.net/index.php?showtopic=22063">point system on jcink</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=18180">creating mini profiles</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=5467">word/letter spacing</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=18345">hover transitions #3</a> experienced+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=19563">line height basics</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=20073">setting up/adding awards on jcink</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=12577">individual maintitle styles</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=11440">basic jcink skinning</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=12680">statistic bars</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=13475">scrollbars: skins & codes</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=13937">external css</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=13329">carousel header basics</a> intermediate+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=1206">hover transitions</a> intermediate+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=5448">hover over mini profiles</a> intermediate+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=24568">font icons</a> beginner+ ▴ <a href="http://shine.jcink.net/index.php?showtopic=25046">positioning: relative & absolute</a> intermediate+ ▴ </div></div><div class="newwarb"> rise </div><div class="newwarble"> you and i we will </div></div></div> </div>
Поделиться112016-05-24 13:22:50
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <style type="text/css"> .spsmbo { width: 530px; height: 3px; background-image: url(http://i.imgur.com/pqHlDge.png); background-size: cover; } .spsmsb { width: 18px; height: 195px; background-color: #eee; } .spsmtc { width: 470px; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; background-image: url(http://i.imgur.com/PN4lYmC.png); } .spsmex { position: relative; top: -20px; } .spsmlc { width: 100px; left: 75px; height: 96px; position: relative; top: 52px; font-family: anonymous pro; font-size: 8px; color: #fff; text-transform: uppercase; text-align: justify; line-height: 100%; overflow: hidden; } .soscred { width: 200px; padding-top: 3px; padding-bottom: 3px; background-color: #fff; border: 1px solid #eee; font-family: monda; font-size: 8px; text-align: center; line-height: 100%; color: #7a7a7a; margin-top: 5px; } #viva { background-color: rgba(255,255,255,0); } #viva .spsmti:first-letter { color: #926B96; } #viva .spsmly { width: 250px; z-index: 99; background-color: #926B96; height: 200px; position: relative; top: -45px; margin-right: 5px; } #viva .spsmtl:first-letter { color: #926B96; } #viva .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #926B96; } #aegis { background-color: rgba(255,255,255,0); } #aegis .spsmti:first-letter { color: #7B9EBF; } #aegis .spsmly { width: 250px; z-index: 99; background-color: #7B9EBF; height: 200px; position: relative; top: -45px; margin-right: 5px; } #aegis .spsmtl:first-letter { color: #7B9EBF; } #aegis .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #7B9EBF; } #radicalist { background-color: rgba(255,255,255,0); } #radicalist .spsmti:first-letter { color: #FE6D57; } #radicalist .spsmly { width: 250px; z-index: 99; background-color: #FE6D57; height: 200px; position: relative; top: -45px; margin-right: 5px; } #radicalist .spsmtl:first-letter { color: #FE6D57; } #radicalist .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #FE6D57; } #loyalist { background-color: rgba(255,255,255,0); } #loyalist .spsmti:first-letter { color: #EFD46D; } #loyalist .spsmly { width: 250px; z-index: 99; background-color: #EFD46D; height: 200px; position: relative; top: -45px; margin-right: 5px; } #loyalist .spsmtl:first-letter { color: #EFD46D; } #loyalist .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #EFD46D; } #una { background-color: rgba(255,255,255,0); } #una .spsmti:first-letter { color: #E88484; } #una .spsmly { width: 250px; z-index: 99; background-color: #E88484; height: 200px; position: relative; top: -45px; margin-right: 5px; } #una .spsmtl:first-letter { color: #E88484; } #una .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #E88484; } #law { background-color: rgba(255,255,255,0); } #law .spsmti:first-letter { color: #68A6A5; } #law .spsmly { width: 250px; z-index: 99; background-color: #68A6A5; height: 200px; position: relative; top: -45px; margin-right: 5px; } #law .spsmtl:first-letter { color: #68A6A5; } #law .spsmtt { font-family: monda; font-size: 8px; text-transform: uppercase; text-align: right; color: #000; padding: 0px 0px 2px 0px; border-bottom: 1px solid #68A6A5; } .smcol { width: 80px; font-family: anonymous pro; font-size: 9px; line-height: 100%; text-transform: uppercase; padding-top: 43px; padding-bottom: 43px; text-align: center; margin-bottom: 5px; color: #fff; } .smcol2 { width: 123px; font-family: anonymous pro; font-size: 9px; line-height: 100%; text-transform: uppercase; padding-top: 43px; padding-bottom: 43px; text-align: center; color: #fff; } .smsp { width: 5px; } .smsp2 { width: 4px; } .spsmts { position: relative; width: 500px; clear: both; height: 245px; overflow: hidden; } .spsmlt { float: left; } .spsmlt label { background-color: #aaa; display: inline-block; width: 120px; height: 120px; position: relative; } .spsmti { width: 530px; padding-top: 30px; padding-bottom: 30px; background-color: #333438; font-family: fugaz one; font-size: 50px; color: #fff; text-transform: lowercase; text-align: center; line-height: 100%; text-shadow: -1px -1px 0 #32343a, 1px -1px 0 #32343a, -1px 1px 0 #32343a, 1px 1px 0 #32343a; } .spsmtl { width: 98px; position: relative; top: -98px; margin-bottom: -98px; background-color: #fff; padding-top: 39px; padding-bottom: 39px; font-family: montserrat alternates; font-weight: 700; font-size: 20px; text-align: center; line-height: 100%; -webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); -moz-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #spsmtlb:hover .spsmtl { -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } #spsmtlb { width: 98px; height: 98px; padding: 10px; background-color: #fafafa; border: 1px solid #eee; } .spsmts .spsmlt [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .content { position: absolute; bottom: 0px; opacity: 0; left: 0px; right: 0px; background: #fff; padding-bottom: 5px; height: 195px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 250px; top: 200px; } .spsmco { width: 500px; padding: 15px; height: 400px; background-color: #fff; } .spsmts .spsmlt [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } .spsmts .spsmlt [type=radio]:checked ~ label ~ .content { z-index: 1; top: 0px; opacity: 1; } </style> <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,200,300,500,600,700,900' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700italic,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro:400,700italic,700,400italic' rel='stylesheet' type='text/css'> <center> <div id="law"> <div class="spsmti">kacey norris</div> <div class="spsmbo"></div> <div class="spsmco"> <div class="spsmts"> <div class="spsmlt"> <input type="radio" id="spsmlt-1" name="spsmlt-group-1" checked> <label for="spsmlt-1" style="position: relative; left: 255px;"><div id="spsmtlb"><img src="http://37.media.tumblr.com/03e62709ef167463d475c9350a2ea4fb/tumblr_n3me449Xj91rflte8o3_250.gif" width="98" height="98"><div class="spsmtl"><b>patterns</b></div></div></label> <div class="content"> <Table cellspacing="0" cellpadding="0"> <td><img src="http://placehold.it/80x195"></td> <td><div class="smsp"></div></td> <td><img src="http://placehold.it/80x195"></td> <td><div class="smsp"></div></td> <td><img src="http://placehold.it/80x195"></td> </table> </div> </div> <div class="spsmlt"> <input type="radio" id="spsmlt-2" name="spsmlt-group-1"> <label for="spsmlt-2" style="position: relative; left: 260px;"><div id="spsmtlb"><img src="http://37.media.tumblr.com/f4a39211dd923b8a533258a14be3c899/tumblr_n3me449Xj91rflte8o2_250.gif" width="98" height="98"><div class="spsmtl"><b>colors</b></div></div></label> <div class="content"> <table cellspacing="0" cellpadding="0"> <td><div class="smcol" style="background-color: #CCFFF6;">#CCFFF6</div></td> <td><div class="smsp"></div></td> <td><div class="smcol" style="background-color: #C9DAAD;">#C9DAAD</div></td> <td><div class="smsp"></div></td> <td><div class="smcol" style="background-color: #FAA191;">#FAA191</div></td> </table> <table cellspacing="0" cellpadding="0"> <td><div class="smcol2" style="background-color: #C48B89;">#C48B89</div></td> <td><div class="smsp2"></div></td> <td><div class="smcol2" style="background-color: #7A7A7A;">#7A7A7A</div></td> </table> </div> </div> <div class="spsmlt"> <input type="radio" id="spsmlt-3" name="spsmlt-group-1"> <label for="spsmlt-3" style="position: relative; top: 125px; left: 15px;"><div id="spsmtlb"><img src="http://37.media.tumblr.com/28865a26d397bb22a5a71b00497e6531/tumblr_n3me449Xj91rflte8o1_250.gif" width="98" height="98"><div class="spsmtl"><b>mood</b></div></div></label> <div class="content"> <table cellspacing="0" cellpadding="0"> <td><img src="http://placehold.it/120x195"></td> <td><div class="smsp"></div> <td><table cellspacing="0" cellpadding="0"><td><img src="http://placehold.it/60x95"></td><td><div class="smsp"></div></td><td><img src="http://placehold.it/60x95"></td></table><div style="height: 5px;"></div><table cellspacing="0" cellpadding="0"><td><img src="http://placehold.it/60x95"></td><td><div class="smsp"></div></td><td><img src="http://placehold.it/60x95"></td></table></td> </table> </div> </div> <div class="spsmlt"> <input type="radio" id="spsmlt-4" name="spsmlt-group-1"> <label for="spsmlt-4" style="position: relative; left: 20px; top: 125px;"><div id="spsmtlb"><img src="http://37.media.tumblr.com/0a075e3f5d7b9c362402aa137b0cbeba/tumblr_n3me449Xj91rflte8o4_250.gif" width="98" height="98"><div class="spsmtl"><b>style</b></div></div></label> <div class="content"> <table cellspacing="0" cellpadding="0"> <td><img src="http://33.media.tumblr.com/a3e53b1ab6d3afacedb9c7cb0a30fc58/tumblr_mflsj8PYRs1qfvqcho3_250.gif" width="111" height="195"></td> <td><div class="smsp"></div></td> <td><div class="spsmsb"></div></td> <td><div class="smsp"></div></td> <td><img src="http://24.media.tumblr.com/5a65dec8c743a0139c3eeea0c920f845/tumblr_mflsj8PYRs1qfvqcho5_r5_250.gif" width="111" height="195"></td> </table> </div> </div> </div> <table cellspacing="0" cellpadding="0"><td><div class="spsmly"><div class="spsmlc">Oh, and they come unstuck Lady, running down to the riptide Taken away to the dark side I wanna be your left hand man I love you when you're singing that song And I got a lump in my throat 'Cause you're gonna sing the words wrong I just wanna, I just wanna know If you're gonna, if you're gonna stay I just gotta, I just gotta know I can't have it, I can't have it any other way I swear she's destined for the screen Closest thing to Michelle Pfeiffer that you've ever seen, oh</div></div></td> <td><div class="spsmex"><img src="https://33.media.tumblr.com/dabd4c88f6803d5156160514bf2d61de/tumblr_n629cvGghW1ruf4yro7_250.gif"></div></td> </table> </div> <div class="spsmtc"><div class="spsmtt">THEME: ORIGINS</div></div> </div> </center><center><div class="soscred"><a href="http://speed.jcink.net/index.php?act=ST&f=167&t=558">© FELICITY</a></div></center> </div>
Поделиться122016-05-24 13:23:00
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <table><tr> <td> <div class='postcolor'> <br /><link href="//fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900" rel="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Parisienne:400" rel="stylesheet" type="text/css"><style type="text/css"> .jsig { width: 300px; height: 182px; background-image: url(http://i.imgur.com/PoEu7x8.png); border: solid 5px #fff; box-shadow: 0px 0px 3px #000; position: relative; overflow: hidden; z-index: 1; } .jwordssss { width: 300px; font-family: 'Playfair Display'; font-style: italic; font-weight: bold; font-size: 27px; color: #235a73; line-height: 95%; text-align: center; z-index:2; position: relative; } .jwordssss:hover { color: transparent; text-shadow: 0px 0px 4px #235a73; } .wasnteasy { width: 46px; height: 12px; background-color: #CC3300; border: solid 2px; border-color: #fff #000 #000 #fff; position: relative; top: 2px; font-family: Calibri; font-size: 9px; color: #fff; line-height: 140%; padding: 3px; text-align: center; } .wasnteasy:hover { border-color: #000 #fff #fff #000; color: transparent; text-shadow: 0px 0px 2px #fff; } </style><center><div class="jwordssss">name name</div><div class="jsig"></div> </td> <td> <div class='postcolor'> <br /><link href="//fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900" rel="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Parisienne:400" rel="stylesheet" type="text/css"><style type="text/css"> .jsig { width: 300px; height: 182px; background-image: url(http://i.imgur.com/PoEu7x8.png); border: solid 5px #fff; box-shadow: 0px 0px 3px #000; position: relative; overflow: hidden; z-index: 1; } .jwordssss { width: 300px; font-family: 'Playfair Display'; font-style: italic; font-weight: bold; font-size: 27px; color: #235a73; line-height: 95%; text-align: center; z-index:2; position: relative; } .jwordssss:hover { color: transparent; text-shadow: 0px 0px 4px #235a73; } .wasnteasy { width: 46px; height: 12px; background-color: #CC3300; border: solid 2px; border-color: #fff #000 #000 #fff; position: relative; top: 2px; font-family: Calibri; font-size: 9px; color: #fff; line-height: 140%; padding: 3px; text-align: center; } .wasnteasy:hover { border-color: #000 #fff #fff #000; color: transparent; text-shadow: 0px 0px 2px #fff; } </style><center><div class="jwordssss">name name</div><div class="jsig"></div> </td> </tr></table> <table><tr> <td> <div class='postcolor'> <br /><link href="//fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900" rel="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Parisienne:400" rel="stylesheet" type="text/css"><style type="text/css"> .jsig { width: 300px; height: 182px; background-image: url(http://i.imgur.com/PoEu7x8.png); border: solid 5px #fff; box-shadow: 0px 0px 3px #000; position: relative; overflow: hidden; z-index: 1; } .jwordssss { width: 300px; font-family: 'Playfair Display'; font-style: italic; font-weight: bold; font-size: 27px; color: #235a73; line-height: 95%; text-align: center; z-index:2; position: relative; } .jwordssss:hover { color: transparent; text-shadow: 0px 0px 4px #235a73; } .wasnteasy { width: 46px; height: 12px; background-color: #CC3300; border: solid 2px; border-color: #fff #000 #000 #fff; position: relative; top: 2px; font-family: Calibri; font-size: 9px; color: #fff; line-height: 140%; padding: 3px; text-align: center; } .wasnteasy:hover { border-color: #000 #fff #fff #000; color: transparent; text-shadow: 0px 0px 2px #fff; } </style><center><div class="jwordssss">name name</div><div class="jsig"></div> </td> <td> <div class='postcolor'> <br /><link href="//fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900" rel="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Parisienne:400" rel="stylesheet" type="text/css"><style type="text/css"> .jsig { width: 300px; height: 182px; background-image: url(http://i.imgur.com/PoEu7x8.png); border: solid 5px #fff; box-shadow: 0px 0px 3px #000; position: relative; overflow: hidden; z-index: 1; } .jwordssss { width: 300px; font-family: 'Playfair Display'; font-style: italic; font-weight: bold; font-size: 27px; color: #235a73; line-height: 95%; text-align: center; z-index:2; position: relative; } .jwordssss:hover { color: transparent; text-shadow: 0px 0px 4px #235a73; } .wasnteasy { width: 46px; height: 12px; background-color: #CC3300; border: solid 2px; border-color: #fff #000 #000 #fff; position: relative; top: 2px; font-family: Calibri; font-size: 9px; color: #fff; line-height: 140%; padding: 3px; text-align: center; } .wasnteasy:hover { border-color: #000 #fff #fff #000; color: transparent; text-shadow: 0px 0px 2px #fff; } </style><center><div class="jwordssss">name name</div><div class="jsig"></div> </td> </tr></table> </center> </div>
Поделиться132016-05-24 13:23:34
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <style type="text/css"> .spsmbo { width: 530px; height: 3px; background-image: url(http://i.imgur.com/pqHlDge.png); background-size: cover; } </style> <center> <div id="law"> <div class="spsmti"> starbucks wifi</div> <div class="spsmbo"></div> <div class="spsmco"> <div class="probase"><table width="90%" cellspacing="0" cellpadding="0"><tr><td width="40%"> <div class="proinfo"> <img src="https://pp.vk.me/c622522/v622522176/3a4e8/3Emrlfelg3g.jpg"> </div> </td><td width="70%"><div class="proinfotext"><div class="iguser"> #murderedbatman</div> <b>Stephan Weston</b>, 23. <br>Relations with <font color="0B3861">Audrey Campbell</font> <br>Cover your eyes, the devil inside. </div><div class="proinfostat"><table width="100%" cellspacing="0" cellpadding="0"><tr><td width="25%"><div class="statbox"> <b>347</b> posts </div></td><td width="40%"><div class="statbox"> <b>795</b> followers </div></td><td width="45%"><div class="statbox"> <b>126</b> following</div></td></tr></table></div></td></tr></table></div><center><div class="statbox"> ● ● ●</div></center> <div class="ih"><table width="100%" cellspacing="0" cellpadding="0" style="margin-left: 1%"><td width="33%"><img src="https://pp.vk.me/c621621/v621621776/22cb9/qLHPaHh9-vQ.jpg"></td> <td width="33%"><img src="https://pp.vk.me/c624226/v624226012/4c97a/JT5KssX5Iuk.jpg"></td> <td width="33%"><img src="https://pp.vk.me/c622522/v622522408/3b5bf/gePdGX65Ct4.jpg"></td></table></div></center> </div> </center> </div>
Поделиться142016-05-24 13:23:52
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <div class='postcolor'> <style type="text/css"> .spsmbo { width: 530px; height: 3px; background-image: url(http://i.imgur.com/pqHlDge.png); background-size: cover; } </style> <center> <div id="law"> <div class="spsmti"> starbucks wifi</div> <div class="spsmbo"></div> <div class="spsmco"> <div class="proinfotext">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> </div> </center> </div>
Поделиться152016-05-24 13:24:08
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <link href='https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><br /><br /><center><link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'> <style> .quest {width: 600px; height: 130px; background-image: url(http://i.imgur.com/DUPdFXO.png); border: #f9db61 solid 10px; border-left: #f3e4a9 solid 3px; border-right: #f3e4a9 solid 3px; -moz-border-radius: 40px; border-radius: 40px;} .quest1 {width: 550px; height: 110px; background: #f8f8f8; top: 20px; left: 20px; -moz-border-radius: 35px; border-radius: 35px;} .bigpic img {border:6px solid #f9db61; margin-left: -115px; margin-top: -152px; position: absolute; border-radius: 160px; height:160px; width:160px;} .smallpic img {border:5px solid #f9db61; margin-left: -65px; margin-top: -50px; position: absolute; border-radius: 110px; height:110px; width:110px; } .about {font-size: 10px;} .citata {color: #000000; font-family: Tahoma; font-size: 9px; line-height: 100%; letter-spacing: 2px; text-align: center; text-transform: uppercase;} .bigtext {color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; } </style> <center><div class="quest"><br><div class="quest1"> <table border="0"> <tbody> <tr> <td width="100px"><center><div class="bigpic" style="-moz-border-radius: 160px;"><img src='http://savepic.org/7733205.png'></div></center> </td> <td width="350px"> <div style="color: #913800; font-family: fugaz one; font-size: 25px; line-height: 90%; letter-spacing: -1px; font-weight: bold; text-align: center; text-transform: uppercase; ">nazvanie epta</div><div style="height: 200px; overflow: auto; font-size: 10px;">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div></td> </tr> </tbody> </table> </div></div></center>
Поделиться162016-05-24 13:24:22
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <style> .anketa {width: 555px; background-color: #C0C7D6;} .history {width: 550px; background-color:#245C8B; font-size:11px; color: #F1F0E5; font-weight:bold; text-transform:uppercase; text-align: center} .theend {width:550px; height: 4px; background-color:#245C8B; font-size:11px; color: #F1F0E5; font-weight:bold; text-transform:uppercase; text-align: center} .bio {width: 526px; background-color:#F1F0E5; font-size:11px; border: double 2px #245C8B; color:#000; text-align: justify; line-height: 15px; padding: 10px} .name {font-size: 30px; letter-spacing: -1px; font-family: Nautilus Pompilius; color: #245C8B; text-shadow: #fdfdfc 1px 0px, #fdfdfc 1px 1px;} .info {font-size: 9px; letter-spacing:1px; color:#222;} </style> <center> <div style="width: 555px; background-color: #7F97C1; background-image: url(фон); background-repeat: repeat; border: outset 5px #245C8B; padding: 18px;"> <div class="anketa"><table><tr><td><div style="width:400px;"> <center><div class="name "><i> Name Surname </i></DIV> <div class="info"> отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения </DIV> </center> </div></td> <td style="width:150px" > <a href="http://crack.rusff.me/"><div style="-moz-border-radius: 150px; border-radius: 120px;height:120px;width:120px;background-image:url('http://placehold.it/120x120'); border:5px solid #245C8B;"> </div></a></td> </tr></table> <div class="theend"></div> <!-- НОВЫЕ ОТНОШЕНИЯ --> <table><tr><td><div style="width:400px;"> <center><div class="name "><i> название эпизода </i></DIV> <div class="info"> отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения отношения </DIV> </center> </div></td> <td style="width:150px" > <a href="http://crack.rusff.me/"><div style="-moz-border-radius: 150px; border-radius: 120px;height:120px;width:120px;background-image:url('http://placehold.it/120x120'); border:5px solid #245C8B;"> </div></a></td> </tr></table> <div class="theend"></div> <br><br></div>
Поделиться172016-05-24 13:28:22
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <style> #bs-graphics { color: #e4e4e4; background-image: url('http://i.imgur.com/aEnIYDx.png'); width: 550px; height: auto; padding: 30px; border: 1px solid #ccc; margin: 0 auto; color: #787878; font-family: 'exo 2'; font-size: 10px; text-align: center; text-transform: uppercase; word-spacing: 5px; border-radius: 20px; box-shadow: 0px 0px 10px #9f9f9f; line-height: 100%; } #bs-graphics .bonesawcontainer { margin: 0px auto; height: auto; width: auto; background: #fff; padding: 20px; border: 1px solid #ccc; border-radius: 10px; } .bonesawcontainer h1 { margin: 0 auto; font-family: open sans condensed; font-size: 35px; letter-spacing: 5px; text-transform: uppercase; text-align: center; color: #ea9836; word-spacing: 0px; } .bonesawcontainer h3 { margin: 0 auto; margin-bottom: 10px; font-family: open sans condensed; font-size: 15px; letter-spacing: 5px; text-transform: uppercase; text-align: center; color: #000; word-spacing: 0px; font-weight: 400; } .bonesawcontainer h3:before, .bonesawcontainer h3:after {content: ""; height: 1px; background-color: #ccc; display: inline-block; vertical-align: middle; width: 80px; margin: 5px;} .bs-links a:link, .bs-links a:active, .bs-links a:visited { display: inline-block; padding: 0px 0px 0px 15px; color: ea9836; text-decoration: none; } .bs-links a:hover { background: none; position: relative; } .bs-links a[title]:hover:after { content: attr(title); padding: 4px 5px; color: #787878; position: absolute; left: 0px; top: -115%; white-space: nowrap; z-index: 20px; background: #ccc; font-size: 9px; } .bonesawcontainer a i { color: #ea9836; font-size: 12px; text-align: center; transition: .8s;} .bonesawcontainer a:hover i {color: #da8929; transition: .8s;} </style> <div id="bs-graphics"> <div class="bonesawcontainer"> <div class="bstitle"> <h1>галерея графики</h1><br><br> </div> <p> Тебе надоело постоянно искать свою внешность? Тогда, эта тема как раз для тебя! Не стесняйся! Ищи себя в списке ниже, проходи по ссылке и выбирай то, что подходит именно тебе! Если темы с твоей внешностью в списке нет, то смело оставляй заявку по шаблону в этой теме и администрация обязательно исправит это недоразумение.</br> <b>Работы, сделанные для нашей ролевой, можете носить здесь без копирайта. Использование нашей графики на других проектах без разрешения автора категорически ЗАПРЕЩЕНО!</b></br><hr> </p><p> <table> <tr> <td> </p><h3 style="text-align: left;">дамы</h3> <div class="gfx-box" style="text-align: left;"> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> </div> </td> <td> <p> </p><h3 style="text-align: right;">парни</h3> <div class="gfx-box" style="text-align: right;"> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> <a href="не трогаем"><b>first last</b> | имя фамилия</a><br /> </div> </td> </tr> </table> </div> </div>Код:<a href="не трогаем"><b>first last</b> | имя фамилия</a><br />
Поделиться182016-05-25 22:56:26
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Поделиться192016-05-25 22:57:19
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Поделиться202016-08-07 02:04:32
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
<link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
<style type="text/css">
#beaux-container { width:470px; padding: 15px; height: 570px; background-image:url(http://placehold.it/500x600);
margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;}
.beaux-ship { font-family: Cutive Mono; text-align:right; color:#fff; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 101%; margin-right: 20px; margin-top: 30px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.beaux-shipcont { width:450px; height: 435px; padding: 10px; background-color: rgba(255,255,255,0.8); text-align:justify; margin:auto; margin-top: 520px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: times new roman; font-size: 13px; line-height: 100%; color:#191919; overflow: auto; }
#beaux-container:hover .beaux-ship { margin-top:20px; }
#beaux-container:hover .beaux-shipcont { margin-top:25px; }
</style><div id="beaux-container"><div class="beaux-ship">name surname
<br><div style="font-size: 13px;"><i>
face claim
</i></div><div style="font-family: arial narrow; font-size: 10px;">
цитата
</div></div>
<div class="beaux-shipcont"><table><tr><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
имя на рус
</b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
дата рождения, (возраст)
</b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
место рождения
</b></div></center></td></tr><tr><td><center>
<img src="http://placehold.it/100x100">
</center></div></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
профессия
</b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
ориентация
</b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b>
команда [заполняет амс]
</b></div></center></div></td><td><center>
<img src="http://placehold.it/100x100">
</center></div></td></tr></table>
ваш текст
несколько подсказок:
<br> - следующая строка
<b></b> - жирный
<i></i> - наклонный
<u></u> - подчеркнутый
<s></s> - зачеркнутый<br><br><div style="border: solid#bfbfbf 1px;"></div><br>
<center><div style="font-family: arial narrow; font-size: 13px;"><b>связь:</b> связь с вами
</div></center></div></div>
Поделиться212016-08-07 02:07:43
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'> <style type="text/css"> #beaux-container { width:470px; padding: 15px; height: 570px; background-image:url(http://placehold.it/500x600); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beaux-ship { font-family: Cutive Mono; text-align:right; color:#fff; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 101%; margin-right: 20px; margin-top: 30px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beaux-shipcont { width:450px; height: 435px; padding: 10px; background-color: rgba(255,255,255,0.8); text-align:justify; margin:auto; margin-top: 520px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: times new roman; font-size: 13px; line-height: 100%; color:#191919; overflow: auto; } #beaux-container:hover .beaux-ship { margin-top:20px; } #beaux-container:hover .beaux-shipcont { margin-top:25px; } </style><div id="beaux-container"><div class="beaux-ship"> name surname <br><div style="font-size: 13px;"><i> face claim </i></div><div style="font-family: arial narrow; font-size: 10px;"> цитата </div></div> <div class="beaux-shipcont"><table><tr><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> имя на рус </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> дата рождения, (возраст) </b></div></center></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> место рождения </b></div></center></td></tr><tr><td><center> <img src="http://placehold.it/100x100"> </center></div></td><td><center><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> профессия </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> ориентация </b></div><br><div style="font-family: arial narrow; font-size: 13px; border-top: double#bfbfbf; border-bottom: double#bfbfbf; border-left: double#bfbfbf; border-right: double#bfbfbf;"><b> команда [заполняет амс] </b></div></center></div></td><td><center> <img src="http://placehold.it/100x100"> </center></div></td></tr></table> ваш текст несколько подсказок: <br> - следующая строка <b></b> - жирный <i></i> - наклонный <u></u> - подчеркнутый <s></s> - зачеркнутый <br><br><div style="border: solid#bfbfbf 1px;"></div><br> <center><div style="font-family: arial narrow; font-size: 13px;"> <b>связь:</b> связь с вами </div></center></div></div>
Поделиться222019-05-02 12:09:30
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--> <style type="text/css"> #funeral { width: 450px; padding: 20px; margin: 10px auto; } #funeral .m-box h1 { font-family: montserrat; text-align: right; font-size: 11px; letter-spacing: 2px; font-style: italic; color: #DD912F; text-transform: uppercase; padding-top: 10px; } #funeral .m-box h2 { font-family: trebuchet ms; text-align: right; font-size: 8px; letter-spacing: 2px; color: #cccccc; text-transform: uppercase; margin-top: -10px; } .m-box .m-line { width: 281px; height: 1px; background-color: #DD912F; margin-top: 10px; margin-left: 29px; } .m-box { width: 280px; padding: 30px; background-color: #f5f5f5; margin-left: 37px; line-height: 100%; } .m-box .m-text { font-family: trebuchet ms; font-size: 10px; line-height: 135%; text-align: justify; padding: 30px; color: #696969; background-color: #fbfbfb; } .m-img { float: left; top: 40px; position: relative; width: 75px; height: 75px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: auto; overflow: hidden; outline: 1px solid #DD912F; outline-offset: 3px; } .m-img img { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -25px; margin-left: -25px; width: 125px; height: auto; } .mercCred { text-align: center; width: 200px; margin: 1px auto; color: #767B8A; text-align: center; font-family: calibri; font-size: 8px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; } .mercCred a { color: #767B8A; text-decoration: none; } </style> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <div id="funeral"> <div class="m-img"> <img src="http://placehold.it/125x125/000000/ffffff" /> </div> <div class="m-box"> <h1>no mourners, no funerals</h1> <h2>2,571 words for inej ghafa</h2> <div class="m-line"></div> <div class="m-text"> Prefect’s bathroom Trelawney veela squashy armchairs, SPEW: Gamp’s Elemental Law of Transfiguration. Magic Nagini bezoar, Hippogriffs Headless Hunt giant squid petrified. Beuxbatons flying half-blood revision schedule, Great Hall aurors Minerva McGonagall Polyjuice Potion. Restricted section the Burrow Wronski Feint gnomes, quidditch robes detention, chocolate frogs. Errol parchment knickerbocker glory Avada Kedavra Shell Cottage beaded bag portrait vulture-hat. Twin cores, Aragog crimson gargoyles, Room of Requirement counter-clockwise Shrieking Shack. Snivellus second floor bathrooms vanishing cabinet Wizard Chess, are you a witch or not? </div> </div><div class="mercCred"><a href="http://wecode.jcink.net/index.php?showuser=1">merc</a></div>
Поделиться232019-05-02 12:14:50
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lora:400,400italic' rel='stylesheet' type='text/css'> <style type="text/css"> .btd-container { width: 400px; margin: auto; background-color: #18161A; border-bottom: 20px solid #18161A; } .btd-top { width: 360px; height: 100px; padding: 20px; } .btd-image { width: 150px; height: 150px; border-radius: 50%; margin: auto; border: 3px solid #fff; background-image:url(http://placehold.it/150x150); margin-top: 10px; float: left; margin-left: 100px;} .btd-box { width: 350px; padding: 25px; background-color: #fff; font-family: calibri; font-size: 10px; line-height: 115%; text-align: justify; } .btd-box h1 { font-family: lora; font-size: 25px; color: #000; font-style: italic; text-align: center; font-weight: normal; text-transform: uppercase; padding-top: 30px; } .btd-line { width: 250px; height: 1px; margin: auto; background-color: #000; } .btd-info { font-family: calibri; font-size: 7px; text-transform: uppercase; color: #a6a6a6; letter-spacing: 1px; text-align: center; padding: 5px; } .btd-content { padding: 20px; } .love-vera { width: 310px; padding: 2px; text-align: right; color: #18161A; text-transform: uppercase; font-family: calibri; font-size: 8px; text-transform: uppercase; margin: auto; } .love-vera a { color: #18161A; } </style> <div class="btd-container"> <div class="btd-top"> <div class="btd-image"></div></div> <div class="btd-box"> <h1>i was born to die</h1> <div class="btd-line"></div> <div class="btd-info">### words ★ for name ★ note </div> <div class="btd-content">Thread text here.</div> </div></div> <div class="love-vera">★ VERA</div>
Поделиться242019-05-02 12:17:01
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lora:400,400italic' rel='stylesheet' type='text/css'> <style type="text/css"> .btd-container { width: 400px; margin: auto; background-color: #18161A; border-bottom: 20px solid #18161A; } .btd-top { width: 360px; height: 100px; padding: 20px; } .btd-image { width: 150px; height: 150px; border-radius: 50%; margin: auto; border: 3px solid #fff; background-image:url(http://placehold.it/150x150); margin-top: 10px; float: left; margin-left: 100px;} .btd-box { width: 350px; padding: 25px; background-color: #fff; font-family: calibri; font-size: 10px; line-height: 115%; text-align: justify; } .btd-box h1 { font-family: lora; font-size: 25px; color: #000; font-style: italic; text-align: center; font-weight: normal; text-transform: uppercase; padding-top: 30px; text-align: left } .btd-line { width: 250px; height: 1px; margin: auto; background-color: #000; } .btd-info { font-family: calibri; font-size: 7px; text-transform: uppercase; color: #a6a6a6; letter-spacing: 1px; text-align: center; padding: 5px; } .btd-content { padding: 20px; } .love-vera { width: 310px; padding: 2px; text-align: right; color: #18161A; text-transform: uppercase; font-family: calibri; font-size: 8px; text-transform: uppercase; margin: auto; } .love-vera a { color: #18161A; } </style> <div class="btd-container"> <div class="btd-top"></div> <div class="btd-box"></div> <h1>i was born to die</h1> <div class="btd-line"></div> <div class="btd-info">### words ★ for name ★ note </div> <div class="btd-content">Thread text here.</div> </div></div> <div class="love-vera">★ VERA</div>
Поделиться252019-05-02 12:46:50
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><div class='postcolor'> <link href="https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Fjalla+One" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"><br /><center><div style="width: 400px; height: 270px; background-color: #e5e5e5;outline-offset:15px; outline:1.5px double #C7C7C7;"><div style="width: 240px; height: 270px; background-image: url(https://i.imgur.com/XlXjGz3.png); background-position: center; position: relative; left: -80px; "><div class="cralfie3"><div class="cralfie1">Thread title here</div><div class="cralfie2"><i class="fas fa-lock-open"></i> info info with name here</div><div class="cralfie1">Thread title here</div><div class="cralfie2"><i class="fas fa-lock"></i> info info with name here</div><div class="cralfie1">Thread title here</div><div class="cralfie2"><i class="fas fa-times"></i> info info with name here</div><div class="cralfie1">Thread title here</div><div class="cralfie2"><i class="fas fa-lock-open"></i> info info with name here</div><div class="cralfie1">Thread title here</div><div class="cralfie2"><i class="fas fa-lock-open"></i> info info with name here</div></div></div></div><br /> </center> <style>.cralfie1 {padding-top: 10px; padding-bottom: 1px; width: 180px; background-color: transparent; color: white; font-family: 'Fjalla One', sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #fff;} .cralfie2 {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 700; text-transform: uppercase;font-size: 8px; color: #fff; letter-spacing: 1px;} .cralfie3 {width: 240px; height: 210px; background-color: #292929; position: absolute; left:130px; top: 32px; outline-offset:10px; outline:1.5px double #C7C7C7; overflow: auto;} .cralfie3::-webkit-scrollbar {width: 2px;background: #000;} .cralfie3::-webkit-scrollbar-thumb {background: #fff;} .cralfie3::-webkit-scrollbar-corner {background: #000;}</style> </div><!-- THE POST --></div> </div><div class="postDet"> <div class="postDet2"><a href="http://wecode.jcink.net/index.php?showtopic=5301&view=findpost&p=30762" name='entry30762'><span class="th th-shooting-star"></span></a></div> <div class="postDet2"></div> <div class="postDet2"><a href='http://wecode.jcink.net/index.php?act=Post&CODE=06&f=35&t=5301&p=30762'><span class="th th-bookmark-1" title="quote post"></span></a></div> <div class="postDet2"><a href='http://wecode.jcink.net/index.php?act=report&f=35&t=5301&p=30762&st='><span class="th th-exclamation" title="report post"></span></a></div> </div> </div> </div><style type="text/css"> #posts .postInfo { background-color: #dddbdb; border: 1px solid #c4c2c2; padding: 10px; text-align: center; font-family: quicksand; font-size: 11px; color: #6c6c6c; letter-spacing: 1px; font-weight: bold; text-transform: lowercase; margin-bottom: 25px; } #posts .desc { color: #6c6c6c; } #posts .postInfo input[type="checkbox" i] { float: right; } #posts .postInfo a { color: #4e4e4e; }
Поделиться262019-05-02 12:50:33
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><div class='postcolor'> <style> #tempo { background-color: #000000; height: 350px; width: 450px; overflow: hidden; background-image:url(https://image.ibb.co/haLEhq/fillerimage.png); } #tempo .top { position: relative; top: 0px; left: 0px; height: 350px; width: 450px; transition: all 1s ease; overflow: hidden;} #tempo .bottom { position: relative; top: 0px; left: 0px; height: 350px; width: 450px; transition: all 1s ease; background-color: #000000;} #tempo:hover .top { position: relative; top: -300px; left: 0px; transition: all 1.5s .5s ease; opacity: 0.0;} #tempo:hover .bottom { position: relative; top: -300px; left: 0px; transition: all 1.5s .5s ease;} #tempo .leftimage { margin-top: 20px;} #tempo .leftimage img { height: 75px; width: 75px; border-radius: 100%; margin-bottom: 5px; padding: 3px; border: 1px solid #666666; } #tempo .rightside { margin-right: 10px; margin-top: 20px; color:#fff; width: 300px; height: 235px; padding: 10px; } #tempo .rightside blockquote { margin: 10px; margin-bottom: 20px; width: 248px; text-align: justify; font: 700 10px/130% 'Rajdhani', sans-serif; letter-spacing: .5px; text-transform: none; color: #dcdcdc; padding: 10px; background: #171515; border: 1px solid #171717; } #tempo .title { color: #dcdcdc; font-family: Rosario; text-transform: uppercase; border-bottom: 1px solid #444444; padding-bottom: 5px; font-size: 10px; font-style: italic; letter-spacing: 1px; } #tempo .title i { float:right; padding-right: 5px; font-size: 7px;} #tempo ::-webkit-scrollbar { width: 8px; } #tempo ::-webkit-scrollbar-track { background-color: #000000; } #tempo ::-webkit-scrollbar-thumb { background-color: #171515; } </style> <center> <div id="tempo"> <div class="top"><img src="https://image.ibb.co/kR3pFA/stars.png"> <div style="position: relative; top: -225px; left: 20px; color: #ffffff; font-family: Rosario; font-style: italic; font-size: 16px; letter-spacing: 1px; -ms-transform: rotate(-54deg); -webkit-transform: rotate(-54deg); transform: rotate(-54deg);">First Lastname</div> <div style="position: relative; top: -240px; left: 145px; color: #ffffff; font-family: Rosario; font-size: 12px; letter-spacing: 1px; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg);">Locals</div> <div style="position: relative; top: -102px; left: 95px; width: 225px; text-align: left; color: #ffffff; font-family: Rosario; font-size: 12px; letter-spacing: 1px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);">trait, trait, trait</div> <div style="position: relative; top: -195px; left: -92px; width: 225px; text-align: left; color: #ffffff; font-family: Rosario; font-size: 12px; letter-spacing: 1px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);">occupation</div> <div style="position: relative; top: -145px; left: -150px; width: 105px; text-align: left; color: #ffffff; font-family: Rosario; font-size: 14px; letter-spacing: 1px; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);">00.05.01</div> </div> <div class="bottom"> <table cellspacing=0 cellpadding=0> <tr> <td> <div class="rightside"><div style="padding-right: 5px; height: 235px; overflow: auto;"> <div class="title">romantic <i class="fa fa-star-o"></i></div> <blockquote> First Lastname; relationship </blockquote> <div class="title">platonic <i class="fa fa-star"></i></div> <blockquote> First Lastname; relationship<br /> First Lastname; relationship<br /> </blockquote> <div class="title">familial <i class="fa fa-star-o"></i></div> <blockquote> First Lastname; relationship<br /> First Lastname; relationship<br /> </blockquote> <div class="title">antagonistic <i class="fa fa-star"></i></div> <blockquote> First Lastname; relationship<br /> First Lastname; relationship<br /> </blockquote> </div></div></td> <td> <div class="leftimage"> <img src="http://placehold.it/120"><br /> <img src="http://placehold.it/120"><br /> <img src="http://placehold.it/120"> </div> </td> </tr> </table> </div> </div> </center>
Поделиться272019-05-02 12:56:00
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><div class='postcolor'> <div class="falling"> <div class="falling-head"> <div class="falling-title"> <div class="falling-img" style="background-image: url(http://placehold.it/75)"></div> we all fall down</div> </div> <div class="falling-main"> Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit. <p> Mel ei munere argumentum, id eos nullam persecuti moderatius, volumus quaerendum sit ad. Eum tale etiam recteque ut. Nusquam rationibus sententiae ad cum, ius soluta definiebas et, qui te zril prompta. Laoreet gubergren expetendis id sed, cu luptatum singulis dissentias usu.<p> Ne pri omnesque torquatos, no aeque commune pri. Qui et malis populo tractatos, paulo dolore vidisse id cum. Ex vel tollit nullam integre, ex labitur vivendo mel, vel amet quando possim at. Populo ridens iuvaret te mei.<p> <b>This is bold writing.</b> This is plain writing. <i>This is italic writing.</i><p> Lorem ipsum dolor sit amet, vim id autem delicata rationibus, ius an tantas periculis deseruisse. Cu malis sapientem ius, mei ex prompta inciderint. Ad eum ferri veritus, illud epicuri convenire cu sit. <p> Mel ei munere argumentum, id eos nullam persecuti moderatius, volumus quaerendum sit ad. Eum tale etiam recteque ut. Nusquam rationibus sententiae ad cum, ius soluta definiebas et, qui te zril prompta. Laoreet gubergren expetendis id sed, cu luptatum singulis dissentias usu.<p> Ne pri omnesque torquatos, no aeque commune pri. Qui et malis populo tractatos, paulo dolore vidisse id cum. Ex vel tollit nullam integre, ex labitur vivendo mel, vel amet quando possim at. Populo ridens iuvaret te mei.<p> </div> <div class="falling-foot"><span><i class="icon ion-md-pricetag"></i> name mcname <i class="icon ion-md-heart" title="notes here"></i></span></div></div> <link href="https://unpkg.com/ionicons@4.4.2/dist/css/ionicons.min.css" rel="stylesheet"><style> .falling { background: #222; width: 400px; margin: auto; } .falling-head { height: 150px; width: 400px; background: #AF8457; position: relative; top: 0; } .falling-title { height: 60px; width: 400px; position: relative; text-align: center; line-height: 60px; font-family: playfair display; font-weight: 700; font-style: italic; top: 45px; font-size: 40px; letter-spacing: -3px; color: #222; left: -30px; } .falling-img { height: 75px; width: 75px; float: left; margin-left: 70px; border-radius: 100%; } .falling-title::first-letter { color: #fafafa; } .falling-main { width: 340px; position: relative; left: 10px; color: #fff; font: 11px/130% calibri; letter-spacing: 1px; text-align: justify; padding: 30px 20px; } .falling-main::first-letter { font-family: playfair display; font-size: 40px; float: left; background: #AF8457; padding: 20px 10px; margin-right: 5px; border: 10px double #222; } .falling-main b { color: #AF8457; } .falling-foot { padding: 0px 20px; font: 11px/130% calibri; text-transform: uppercase; text-align: right; } .falling-foot span { background: #222; padding: 5px; color: #fAFAFA; position: relative; top: -15px; left: -10px; border-top: 1px solid #AF8457; border-left: 1px solid #AF8457; } </style> </div>
Поделиться282019-05-02 13:01:25
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=heebo:300|playfair+display:900i" rel="stylesheet"> <style type="text/css"> .herashipper { width: 420px; height: 130px; padding: 25px; margin: 20px 20px; background-color: #f5f5f5; } .herashipper b { font-weight: bolder; letter-spacing: .2px; } .herashippercont { width: 420px; height: 130px; background-color: #f5f5f5; padding: 10px 10px 0px 0px; margin: -5px 0px 0px -5px; } .herashipperflex { width: 410px; height: 120px; margin: 0px 0px 0px 10px; } .herashipperflextype { position: relative; left: -3px; top: 60px; color: #fff; font-family: 'playfair display', serif; font-size: 77px; width: 410px; height: 120px; clip-path: inset(-40px 0px 20px 3px); text-align: left; text-transform: lowercase; } .hershippertype { position:relative; top: -120px; width: 410px; height: 0%; overflow: hidden; transition: 1s ease; } .herashipperflex:hover .hershippertype{ height: 100%; } .herashipperbar { position: relative; width: 410px; height: 20px; top:-20px; left: 5px; } .herashipperinfo { width: 300px; height: 80px; margin: 4px 4px 10px -3px; border: 1px solid #f5f5f5; } .herashipperinfotype { width: 280px; height: 60px; position:relative; top: 10px; left: 10px; overflow-x: none; overflow-y: auto; font-family: 'heebo', sans-serif; font-size: 9px; line-height: 12px; text-align: justify; color: #444; } .herashippergifborder { width: 80px; height: 80px; background-color: none; margin: 0px 0px 5px 0px; border: 1px solid #f5f5f5; } .herashippergif { width: 70px; height: 70px; margin: 5px 0px 0px 5px; } .herashipper table, tr, td { font-family: 'heebo', sans-serif; font-size: 9px; text-align: left; padding: 0px 0px 0px 5px; text-transform: lowercase; color: #fff; } </style> <center> <div class="herashipper"> <div class="herashippercont" style="border: 1px solid #d77250;"> <div class="herashipperflex" style="background-color: #f69979;"> <div class="herashipperflextype">title</div> <div class="hershippertype" style="background-color: rgba(245, 236, 229, 0.85);"> <table> <tr> <td><div class="herashipperinfo"><div class="herashipperinfotype"> hi <b style="color: #d77250;">hello!</b> this is a wanted advertisement template. it can be used as a single want ad or multi. you can customize the colors to your liking. keep the title to one line for best look. </div></div></td ><td><div class="herashippergifborder"><div class="herashippergif" style="background:url(https://78.media.tumblr.com/27cf9e71766d845451b4db5971fa68ba/tumblr_o9on0xtm0c1u14lq5o2_250.gif) no-repeat center; background-size: cover;"></div></td> </tr> </table> </div> </div><div class="herashipperbar" style="background-color: #d77250;"> <table align="left" style="margin-top:0.5px;"> <tr> <td><i class="fas fa-fingerprint"></i></td><td>first m. last</td> <td><i class="fas fa-clock"></i></i></td><td>##-##</td> <td><i class="fas fa-briefcase"></i></td><td>occupation</td> <td><i class="fas fa-user-circle"></i></td><td>face claim</td> <td style="text-align:right;"><a href="http://wecode.jcink.net/index.php?showuser=5314" style="color:rgba(250, 250, 250, 0.5);"><i class="far fa-star"></i></a></td> </tr> </table> </div> </div></div> </center>
Поделиться292019-05-02 13:01:55
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=heebo:300|playfair+display:900i" rel="stylesheet"> <style type="text/css"> .herashipper { width: 420px; height: 130px; padding: 25px; margin: 20px 20px; background-color: #f5f5f5; } .herashipper b { font-weight: bolder; letter-spacing: .2px; } .herashippercont { width: 420px; height: 130px; background-color: #f5f5f5; padding: 10px 10px 0px 0px; margin: -5px 0px 0px -5px; } .herashipperflex { width: 410px; height: 120px; margin: 0px 0px 0px 10px; } .herashipperflextype { position: relative; left: -3px; top: 60px; color: #fff; font-family: 'playfair display', serif; font-size: 77px; width: 410px; height: 120px; clip-path: inset(-40px 0px 20px 3px); text-align: left; text-transform: lowercase; } .hershippertype { position:relative; top: -120px; width: 410px; height: 0%; overflow: hidden; transition: 1s ease; } .herashipperflex:hover .hershippertype{ height: 100%; } .herashipperbar { position: relative; width: 410px; height: 20px; top:-20px; left: 5px; } .herashipperinfo { width: 300px; height: 80px; margin: 4px 4px 10px -3px; border: 1px solid #f5f5f5; } .herashipperinfotype { width: 280px; height: 60px; position:relative; top: 10px; left: 10px; overflow-x: none; overflow-y: auto; font-family: 'heebo', sans-serif; font-size: 9px; line-height: 12px; text-align: justify; color: #444; } .herashippergifborder { width: 80px; height: 80px; background-color: none; margin: 0px 0px 5px 0px; border: 1px solid #f5f5f5; } .herashippergif { width: 70px; height: 70px; margin: 5px 0px 0px 5px; } .herashipper table, tr, td { font-family: 'heebo', sans-serif; font-size: 9px; text-align: left; padding: 0px 0px 0px 5px; text-transform: lowercase; color: #fff; } </style> <center> <div class="herashipper"> <div class="herashippercont" style="border: 1px solid #d77250;"> <div class="herashipperflex" style="background-color: #f69979;"> <div class="herashipperflextype">brother i</div> <div class="hershippertype" style="background-color: rgba(245, 236, 229, 0.85);"> <table> <tr> <td><div class="herashipperinfo"><div class="herashipperinfotype"> hi <b style="color: #d77250;">hello!</b> this is a wanted advertisement template. it can be used as a single want ad or multi. you can customize the colors to your liking. keep the title to one line for best look. </div></div></td ><td><div class="herashippergifborder"><div class="herashippergif" style="background:url(https://78.media.tumblr.com/27cf9e71766d845451b4db5971fa68ba/tumblr_o9on0xtm0c1u14lq5o2_250.gif) no-repeat center; background-size: cover;"></div></td> </tr> </table> </div> </div><div class="herashipperbar" style="background-color: #d77250;"> <table align="left" style="margin-top:0.5px;"> <tr> <td><i class="fas fa-fingerprint"></i></td><td>first m. last</td> <td><i class="fas fa-clock"></i></i></td><td>##-##</td> <td><i class="fas fa-briefcase"></i></td><td>occupation</td> <td><i class="fas fa-user-circle"></i></td><td>face claim</td> <td style="text-align:right;"><a href="http://wecode.jcink.net/index.php?showuser=5314" style="color:rgba(250, 250, 250, 0.5);"><i class="far fa-star"></i></a></td> </tr> </table> </div> </div></div> <div class="herashipper"> <div class="herashippercont" style="border: 1px solid #ae4ca2;"> <div class="herashipperflex" style="background-color: #c478bb;"> <div class="herashipperflextype">sister</div> <div class="hershippertype" style="background-color: rgba(247, 237, 246, 0.85);"> <table> <tr> <td><div class="herashipperinfo"><div class="herashipperinfotype"> hi <b style="color: #ae4ca2;">hello!</b> this is a wanted advertisement template. it can be used as a single want ad or multi. you can customize the colors to your liking. keep the title to one line for best look. </div></div></td ><td><div class="herashippergifborder"><div class="herashippergif" style="background:url(https://78.media.tumblr.com/65a22c2b7f4d100b02dae6dcc9025e44/tumblr_oykwl9tcyz1wtqfh2o6_r1_400.gif) no-repeat center; background-size: cover;"></div></td> </tr> </table> </div> </div><div class="herashipperbar" style="background-color: #ae4ca2;"> <table align="left" style="margin-top:0.5px;"> <tr> <td><i class="fas fa-fingerprint"></i></td><td>first m. last</td> <td><i class="fas fa-clock"></i></i></td><td>##-##</td> <td><i class="fas fa-briefcase"></i></td><td>occupation</td> <td><i class="fas fa-user-circle"></i></td><td>face claim</td> <td style="text-align:right;"><a href="http://wecode.jcink.net/index.php?showuser=5314" style="color:rgba(250, 250, 250, 0.5);"><i class="far fa-star"></i></a></td> </tr> </table> </div> </div></div> <div class="herashipper"> <div class="herashippercont" style="border: 1px solid #6600cc;"> <div class="herashipperflex" style="background-color: #9955dd;"> <div class="herashipperflextype">brother ii</div> <div class="hershippertype" style="background-color: rgba(242, 234, 251, 0.85);"> <table> <tr> <td><div class="herashipperinfo"><div class="herashipperinfotype"> hi <b style="color: #6600cc;">hello!</b> this is a wanted advertisement template. it can be used as a single want ad or multi. you can customize the colors to your liking. keep the title to one line for best look. </div></div></td ><td><div class="herashippergifborder"><div class="herashippergif" style="background:url(https://78.media.tumblr.com/4dc7700609ab398e6673fbc85b34eca7/tumblr_nh8xy0zfil1rmuqh2o8_250.gif) no-repeat center; background-size: cover;"></div></td> </tr> </table> </div> </div><div class="herashipperbar" style="background-color: #6600cc;"> <table align="left" style="margin-top:0.5px;"> <tr> <td><i class="fas fa-fingerprint"></i></td><td>first m. last</td> <td><i class="fas fa-clock"></i></i></td><td>##-##</td> <td><i class="fas fa-briefcase"></i></td><td>occupation</td> <td><i class="fas fa-user-circle"></i></td><td>face claim</td> <td style="text-align:right;"><a href="http://wecode.jcink.net/index.php?showuser=5314" style="color:rgba(250, 250, 250, 0.5);"><i class="far fa-star"></i></a></td> </tr> </table> </div> </div></div> </center>
Поделиться302019-05-02 13:03:00
- Администратор
- лз: чон хосок, 22 y.oавтомеханик. стритрейсер. бомж. запутался среди пустых дорог в поиске своей полярной звезды.
- Сообщений: 708
- Уважение: [+0/-0]
Код:<!--HTML--><style> .gemininovacontainer { background-color: #f5f5f5; width: 325px; padding: 40px 40px 50px 40px; } .gemininovaheader { color: #e2693d; position: relative; left: 10px; } .gemininovaheaderimg { background-image: url('https://78.media.tumblr.com/a47df6fd3c7b6f42e8284e174b53d41b/tumblr_oxxdl3FZ061wvkorao1_1280.gif'); background-size: cover; background-position: center center; border-radius: 100%; width: 100px; height: 100px; margin: auto; } .gemininovaheaderimgborder { width: 100px; height: 100px; border-radius: 100%; border: 1px solid #a6a6a6; margin: auto; position: relative; left: -100px; padding: 6px; } .gemininovaheadercontainer { position: relative; top: -100px; left: 135px; border-left: 1px solid #a6a6a6; } .gemininovaheadertype { font-family: 'Arvo', serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #a6a6a6; text-align: left; line-height: 165%; padding-left: 20px; } .gemininovaheadersubtype { font-family: 'Cormorant Infant', serif; font-size: 25px; font-weight: bolder; font-style: none; text-align: left; padding-left: 20px; text-transform: uppercase; } .gemininovaeventcontainer { background-color: none; width: 325px; margin-top: -40px; } .gemininovacontainer b { color: #e2693d; } .gemininovacontainer i { color: #e2693d; } .gemininovacontainer p { height: 2px; } .gemininovacontainer1 { display: flex; width: 325px; flex-wrap: wrap; } .gemininovayear1 { background: none; width: 95px; } .gemininovadot1 { background: none; width: 50px; } .gemininovatext1 { background: none; width: 180px; } .gemininovayear2 { background: none; width: 95px; font-family: 'Arvo', serif; font-size: 8px; margin-top: -7px; text-transform: uppercase; letter-spacing: 1px; color: #a6a6a6; } .gemininovadot2 { background: none; width: 25px; } .gemininovaline2 { background: none; width: 24px; border-left: 1px solid #a6a6a6; margin-top: 0px; } .gemininovalineend { background: none; width: 25px; margin-top: 0px; } .gemininovatext2 { background: none; width: 180px; } .gemininovayear { font-size: 40px; color: #e2693d; font-family: 'Cormorant Infant', serif; text-align: right; margin-right: 10px; } .gemininovadot { border: solid 0.5px #a6a6a6; border-radius: 100%; width: 10px; height: 10px; margin: 20px; } .gemininovadesc { font-size: 9px; line-height: 150%; font-family: 'Lora', serif; text-align: justify; padding: 20px 20px 0px 20px; margin-top: -50px; color: #a6a6a6; } .gemininovaimg { width: 49px; height: 49px; border-radius: 100%; margin: auto; background-size: cover; background-position: center center; } .gemininovaimgborder { width: 50px; height: 50px; border-radius: 100%; border: 1px solid #a6a6a6; padding: 5px; margin: auto; margin-bottom: 10px; } .gemininovasubyear { background: #f5f5f5; font-family: 'Arvo', serif; font-size: 7px; margin: 0px 0px 0px 0px; text-transform: uppercase; letter-spacing: 1px; padding: 0px 5px 0px 5px; color: #a6a6a6; } .gemininovahr { border-bottom: 1px solid #a6a6a6; width: 100%; height: 6px; margin: auto; margin-bottom: 12px; text-align: center; } </style> <center> <div class="gemininovacontainer"> <div class="gemininovaheader"> <div class="gemininovaheaderimgborder"><div class="gemininovaheaderimg"></div></div> <div class="gemininovaheadercontainer"><div class="gemininovaheadertype">The sensational<br><span style="color:#E2693D;">&</span> sordid history of</div> <div class="gemininovaheadersubtype">Joan<br>of Arc</div></div> </div> <div class="gemininovaeventcontainer"> <div class="gemininovacontainer1"> <div class="gemininovayear1"><div class="gemininovayear">1922</div></div> <div class="gemininovadot1"><div class="gemininovadot"></div></div> <div class="gemininovatext1"></div> <div class="gemininovayear2">November 4</div> <div class="gemininovadot2"></div> <div class="gemininovaline2"></div> <div class="gemininovatext2"><div class="gemininovadesc"><div class="gemininovaimgborder"><div class="gemininovaimg" style="background-image: url(https://78.media.tumblr.com/a2982ba372698a3cfcdd9b7d88658b8c/tumblr_ovdc4v0OOO1rz49fvo1_400.gif);"></div></div><div class="gemininovahr"><span class="gemininovasubyear">A lengend is Born</div></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus lorem et nulla sollicitudin cursus.. </div></div> </div> <div class="gemininovacontainer1"> <div class="gemininovayear1"><div class="gemininovayear">1943</div></div> <div class="gemininovadot1"><div class="gemininovadot"></div></div> <div class="gemininovatext1"></div> <div class="gemininovayear2">July 10</div> <div class="gemininovadot2"></div> <div class="gemininovaline2"></div> <div class="gemininovatext2"><div class="gemininovadesc">Sed finibus lorem et <i>nulla</i> sollicitudin cursus. Pellentesque volutpat <b>auctor</b> erat, ut bibendum tortor interdum at. Phasellus nec nisi et ligula lobortis mollis at nec nisl. </div></div> </div> <div class="gemininovacontainer1"> <div class="gemininovayear1"><div class="gemininovayear">1945</div></div> <div class="gemininovadot1"><div class="gemininovadot"></div></div> <div class="gemininovatext1"></div> <div class="gemininovayear2">March 23</div> <div class="gemininovadot2"></div> <div class="gemininovaline2"></div> <div class="gemininovatext2"><div class="gemininovadesc"><div class="gemininovaimgborder"><div class="gemininovaimg" style="background-image: url(https://78.media.tumblr.com/c8ea9a705cbc7f4377d661cbc0882b87/tumblr_ow9rzyjo4h1rge4fho1_400.gif);"></div></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus lorem et nulla sollicitudin cursus.. </div></div> </div> <div class="gemininovacontainer1"> <div class="gemininovayear1"><div class="gemininovayear">1966</div></div> <div class="gemininovadot1"><div class="gemininovadot"></div></div> <div class="gemininovatext1"></div> <div class="gemininovayear2">January 2</div> <div class="gemininovadot2"></div> <div class="gemininovaline2"></div> <div class="gemininovatext2"><div class="gemininovadesc">Sed finibus lorem et <i>nulla</i> sollicitudin cursus. Pellentesque volutpat <b>auctor</b> erat, ut bibendum tortor interdum at. Phasellus nec nisi et ligula lobortis mollis at nec nisl. </div></div> </div> <div class="gemininovacontainer1"> <div class="gemininovayear1"><div class="gemininovayear">1987</div></div> <div class="gemininovadot1"><div class="gemininovadot"></div></div> <div class="gemininovatext1"></div> <div class="gemininovayear2">February 18</div> <div class="gemininovadot2"></div> <div class="gemininovalineend"></div> <div class="gemininovatext2"><div class="gemininovadesc"><div class="gemininovaimgborder"><div class="gemininovaimg" style="background-image: url(https://78.media.tumblr.com/da051f613fcb28dfa50b428409b91c9a/tumblr_ovcumxU4y11u9ooogo1_500.gif);"></div></div><div class="gemininovahr"><span class="gemininovasubyear">Immigration to US</div></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div> </div> </div> </div> </center>
Вы здесь » California High » die young » коды
