<!--HTML--><CENTER><center><style type="text/css">#mayaj { width: 400px; height: 400px; position: relative; } #mayaj .mayajbg { opacity: 0; width: 296px; height: 296px; background-color: #FFF; padding: 20px; transition: 1.5s all ease-in-out; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; -ms-transition: 1.5s all ease-in-out; -o-transition: 1.5s all ease-in-out; position: relative; top: -368px; } #mayaj:hover .mayajbg { opacity: 1; } .mayajimg { width: 400px; height: 400px; } .mayajpad { width: 340px; height: 340px; padding: 30px; } .mayajbrd { width: 336px; height: 336px; border: 1px solid #FFF; padding: 1px; } #mayaj .mayajtag { opacity: 1; width: 298px; padding: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; font-family: times; font-size: 10px; color: #FFF; font-style: italic; letter-spacing: 2px; text-align: center; position: absolute; margin-top: -41px; margin-left: 16px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } #mayaj:hover .mayajtag { opacity: 0; } .mayajbg h1 { height: 12px; border-bottom: 1px solid #222; text-align: center; position: relative; margin-top: -5px; } .mayajbg h1 b { background: #FFF; position: relative; font-family: times; font-size: 10px; color: #222; font-weight: normal; font-style: italic; letter-spacing: 2px; text-align: center; display: inline-block; text-transform: lowercase; padding: 5px 5px 5px 7px; } .mayajbg2 { width: 276px; height: 254px; padding: 10px; } .mayajpost { width: 276px; height: 254px; padding-right: 3px; font-family: times; font-size: 12px; color: #000; text-align: justify; line-height: 100%; overflow: auto; } .mayajpost::-webkit-scrollbar { width: 5px; height: 5px; } .mayajpost::-webkit-scrollbar-track { width: 1px; background-color: #222; border: 2px solid #FFF; } .mayajpost::-webkit-scrollbar-thumb { background-color: #222; } .mayajpost:first-line, .mayajpost>p:first-line { font-family: times; font-size: 12px; color: #222; font-style: italic; letter-spacing: 2px; }</style> <div id="mayaj"><div class="mayajimg" style="background-image: url(http://i077.radikal.ru/1411/e8/1083f9ef002b.jpg);"><div class="mayajpad"><div class="mayajbrd"></div><div class="mayajtag"> </div></div><div class="mayajbg"><h1><b>Приветствуем тебя, дорогой друг!</b></h1><div class="mayajbg2"><div class="mayajpost"> <p> Фанат прекрасной и поистине волшебной Вселенной "Гарри Поттера", присоединяйся!! Устраивайся поудобнее, вот тебе чашечка ароматного кофе и тёплый, мягкий плед, впереди нас ждут незабываемые приключения. Основа сюжета - война за Хогвартс, но прежде чем начать отыгрывать войну - мы пройдём через множество сюжетных линий. Итак. Начало учебного года. Несколько учеников были госпитализированы в больничное крыло. В ночь, перед днем выписки, на одну из учениц было совершено нападение. Никому неизвестно кто это был. Единственное, что оставляло хоть какую-то надежду найти виновного - чья-то старая кость, лежавшая в проеме между комодом и кроватью. Присоединяйся к нам, дорогой друг, впереди нас ждёт незабываемое! </p></div></div></div></div></div><div style="width: 360px; padding-right: 40px; font-family: calibri; font-size: 12px; text-align: right; text-transform: uppercase;"></div></center>
Шаблоны
Сообщений 1 страница 20 из 20
Поделиться12014-11-18 22:47:25
Поделиться22014-11-18 23:08:20
<!--HTML--><CENTER><center><style> .s-hover { width: 320px; height: 220px; padding: 15px; background-color: #ECEBF4; opacity: 0; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .s-hover:hover { opacity: 1; }</style><a href="http://shine.b1.jcink.com/index.php?showuser=1496"><div style="width: 350px; height: 75px; background-image: url(http://i.imgur.com/LnLz2yB.png);"></div></a><div style="width: 350px; height: 250px; background-image: url(http://placehold.it/350x250); "><div class="s-hover"><div style="width: 300px; height: 150px; padding: 10px; overflow: auto; font-family: 'Arial'; font-size: 9px; line-height: 100%; text-align: justify; color: #000; opacity: 0.8;"> shipper here </div><div style="width: 300px; padding: 20px 10px 20px 10px; background-color: #FA5F77; font-family: 'Times New Roman'; font-size: 11px; font-style: italic; color: #fff; text-align: right; text-shadow: 1px 1px 1px #111111;"> age, member group, adjective, adjective </div></div></div><div style="width: 100px; height: 100px; padding: 25px; background-image: url(http://i.imgur.com/LnLz2yB.png); -moz-border-radius: 150px; -webkit-border-radius: 150px; -o-border-radius: 150px; -ms-border-radius: 150px; border-radius: 150px; margin: -50px 0px 0px -275px; position: relative; z-index: 99;"><div style="width: 100px; height: 100px; overflow: hidden; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; position: relative; z-index: 99;"><div style="width: 100px; height: 100px; background-color: #FA5F77; font-family: 'Times New Roman'; font-size: 11px; font-style: italic; color: #fff; text-align: center; text-shadow: 1px 1px 1px #111111; padding-top: 45px;"> first last </div></div></div></center></center>
Поделиться32014-11-18 23:09:15
<!--HTML--><CENTER><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><table align="center" cellpadding="0" cellspacing="0" style="margin: 20px;"><tr><td background="200 BY 300 PHOTO GOES HERE" width="200px" height="300px"></td><td><div style="width: 200px; height: 300px; background: #006D6D; margin-left: 2px;"><div style="padding: 30px;"><div style="height: 180px; background: #197b7b; padding: 30px; font-family: oswald; font-size: 9px; text-transform: uppercase; color: #fff; line-height: 11px; text-align: justify;">LYRICS GO HERE, HOWEVER THIS WILL NOT SCROLL SO DON'T ADD TOO MUCH!</div></div></div></td></tr></table></center>
Поделиться42014-11-18 23:12:30
<!--HTML--><CENTER><br><center><link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'><style type="text/css"> .aflipper { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:370px; height:570px; } .aflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:370px; height:570px; } .aflipper:hover .aflipswitch { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .afront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .aback { overflow:hidden; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:350px; height:550px; padding:10px; background-color:#F3F4F6; } .aflipper:hover .aback { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#F3F4F6; } .adetails { width:170px; height:33px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; border-top:1px solid #F3F4F6; border-bottom:1px solid #F3F4F6; } .aapp { width:340px; height:325px; text-align:justify; font-family:calibri; font-size:11px; color:#030813; line-height:95%; padding:5px; letter-spacing:0; word-spacing:0; overflow:auto; } .aplayer { width:350px; height:30px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; } .ascrolls ::-webkit-scrollbar { width:5px; } .ascrolls ::-webkit-scrollbar-track { background-color:#F3F4F6; } .ascrolls ::-webkit-scrollbar-thumb { background-color:#0A1D42; } </style><div style="width:370px; height:570px; border:10px inset #0A1D42;" class="ascrolls"><div class="aflipper"><div class="aflipswitch"> <div class="afront"><div style="background-image:url(350x550 IMAGE URL HERE); width:350px; height:550px; border:10px solid #F3F4F6;"> <div style="width:300px; padding:450px 0px 0px 0px;"><div style="padding:3px; background-color:#F3F4F6; border:2px solid #0A1D42; text-align:center; color:#0A1D42; font-family:Wire One,sans-serif; font-size:40px; letter-spacing:1; line-height:100%; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 2px #6F7073;"> first m. lastname </div></div></div></div><div class="aback"> <TABLE cellpadding="0" cellspacing="0"> <td><a href="http://shine.b1.jcink.com/index.php?showuser=2147"><div style="background-image:url(175x175 IMAGE URL HERE); width:175px; height:175px;"></div></a></td><td><div style="width:5px;"></div><td><table cellspacing="0" cellpadding="0"> <tr><td><div class="adetails"> detail </div></td></tr><tr><td> <div class="adetails"> detail </div></td></tr><tr><td> <div class="adetails"> detail </div></td></tr><tr><td> <div class="adetails"> detail </div></td></tr><tr><td> <div class="adetails"> detail </div></td></tr></table></td></TABLE> <div style="height:5px;"></div><div class="aapp"> <font style="color:#0A1D42; font-size:10px;">✖ </font> You can add as many of these as you want. Or you can take all of these out and just make it a complete freeform application. Or add your own type of coding inside here. Just get creative with it and form it to meet your needs. If you need help, just send me a PM.<p> <font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p> <font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p> <font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p> <font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff. </div><div style="height:5px;"></div> <div class="aplayer"> alias | timezone | faceclaim </div></div></div></div></div></center><br></center>
Поделиться52014-11-18 23:13:38
<!--HTML--><CENTER><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <center> <div style="font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-size: 40px; letter-spacing: 1px; line-height: 30px;">last, first m.</div> <div style="background-image:url(http://img.photobucket.com/albums/v47/cassapoo/tracker/texture.png); padding: 10px; width: 400px;"><div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;"><img src="IMAGE GOES RIGHT HERE" width="390"> </div><p> <div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;">[b]FULL NAME[/b]: first middle last<br> [b]NICKNAMES[/b]: go here<br> [b]AGE[/b]: in letters<br> [b]BIRTHDATE[/b]: month date<br> [b]HOMETOWN[/b]: goes here<br> [b]MEMBER GROUP[/b]: goes here<br> [b]PLAYBY[/b]: goes here<br> </div><p> <div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;">give us a good understanding of your characters personality. a minimum of 250 words for this section. give us a good understanding of your characters personality. a minimum of 250 words for this section. give us a good understanding of your characters personality. a minimum of 250 words for this section. give us a good understanding of your characters personality. a minimum of 250 words for this section. give us a good understanding of your characters personality. a minimum of 250 words for this section. </div> <p> <div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;">give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. give us a good understanding of your characters family. a minimum of 250 words for this section. </div> <p> <div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;">give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. give us a good understanding of your characters past. a minimum of 250 words for this section. </div> <p> <div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;"><div style="font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-size: 40px; letter-spacing: 1px; line-height: 30px;">your name</div> age, location, time zone, how long you've been rping, other characters, contact information, etc etc. </div> </center></center>
Поделиться62014-11-18 23:22:27
<!--HTML--><CENTER><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> #blizzard { position: relative; width: 500px; height: 350px; } #blizzard #snow { height: 350px; background-image: url(...), url(h.....g), url(...); animation: snow 40s linear infinite; -webkit-animation: snow 40s linear infinite; -moz-animation: snow 40s linear infinite; -o-animation: snow 40s linear infinite; } @keyframes snow { 100% { background-position: 500px 1500px, 400px 800px, 300px 300px; } } @-webkit-keyframes snow { 100% { background-position: 500px 1500px, 400px 800px, 300px 300px; } } #ctext::-webkit-scrollbar { width: 5px; } #ctext::-webkit-scrollbar-thumb { background: #D0DEF2; } #ctext::-webkit-scrollbar-track { background: #ededed; } #chall { width: 460px; height: 310px; opacity: 0; transition:all 0.7s ease-in-out; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; } #blizzard:hover #chall { opacity: 1; } #cside { position: absolute; width: 200px; height: 250px; top: 20px; left: 20px; } #cname a { position: absolute; width: 170px; height: 30px; top: 270px; left: 20px; padding: 15px; background: #D0DEF2; color: black; font: 20px oswald; text-transform: uppercase; } #ctext { position: absolute; width: 220px; height: 270px; top: 20px; left: 220px; background: white; color: black; padding: 20px; font: 9px georgia; text-align: justify; overflow: auto; } #ctext b { text-transform: uppercase; letter-spacing: 1.5px; } </style> <center><div id="blizzard" style="background: url(http://s019.radikal.ru/i627/1411/4b/5d8be49d5f1f.jpg);"><div id="snow"><div id="chall"><div id="cside" style="background: url(200X250 IMG HERE);"><div style="width: 180px; height: 230px; margin-top: 7.5px; border: 3px double #fff;"></div></div><div id="cname"><a href="ССЫЛКА">CHARACTER NAME</a></div><div id="ctext"><center><b>trait. trait. trait.</b></center><br><br> You can write anything you want here! Remember, if you want to make anything bold, it's going to end up looking like the traits above the text! </div></div></div></div></center></center>
Поделиться72014-11-18 23:30:38
<!--HTML--><CENTER><center><table border="0" cellpadding="1" cellspacing="0" width="500"><tr><td align="left" valign="top" width="166"><div class="background"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;"> <div style="width: 137px; height: 120px; background-image: url('150X120 GIF/IMAGE HERE - WILL CUT DOWN IF LARGER'); border: 5px solid #ddd;"></div> <div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #e59db3; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">FIRST CHARACTER FACTS</div> <div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll"> FIRST CHARACTER DETAILS HERE </div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #e59db3;"></div></a></div></div></div></div></td><td align="left" valign="top" width="166"><div class="background1"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;"> <div style="width: 137px; height: 120px; background-image: url('150X120 GIF/IMAGE HERE - WILL CUT DOWN IF LARGER'); border: 5px solid #ddd;"></div> <div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #978095; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">SECOND CHARACTER FACTS</div> <div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll"> SECOND CHARACTER DETAILS HERE </div><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #978095;"></div></div></div></div></div></td><td align="left" valign="top" width="166"><div class="background2"><div style='padding:10px;'> <div class="one"><div style="padding: 10px;"> <div style="width: 137px; height: 120px; background-image: url('150X120 GIF/IMAGE HERE - WILL CUT DOWN IF LARGER'); border: 5px solid #ddd;"></div> <div style="width: 147px; height: 8px; padding-top: 1px; padding-bottom: 3px; margin-top: 2px; background-color: #ebb48b; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #f0f0f0; text-align: center; overflow: hidden; letter-spacing: 1px; ">THIRD CHARACTER FACTS</div> <div style="width: 147px; height: 175px; margin-top: 2px; font-family: verdana; font-size: 8px; text-transform: lowercase; color: #000; text-align: center; overflow: auto; line-height: 101%; text-align: justify;" class="wantedscroll"> THIRD CHARACTER DETAILS HERE </div><div style="width: 147px; height: 13px; margin-top: 2px; background-color: #ebb48b;"></div></div></div></div></div> </td></tr></table></center><style type="text/css">.one { width:166px; height:356px; background-color: #fff; position: relative; } .background { background-color: #e59db3; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; } .background1 { background-color: #978095; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; } .background2 { background-color: #ebb48b; width:80px; height: 80px; border-bottom: 286px solid #ddd; border-right: 96px solid #ddd; } .wantedscroll::-webkit-scrollbar { background: #fff; width: 3px; } .wantedscroll::-webkit-scrollbar-thumb { background: #fff; } </style></center>
Поделиться82014-11-18 23:31:34
<!--HTML--><CENTER><link href='http://fonts.googleapis.com/css?family=Oranienbaum|PT+Sans+Narrow:400' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/hpbkcp3/c5vn9zzuf/the_devil_told_me_his_name.css' rel='stylesheet' type='text/css'><center><div class="box" style="background: url(http://ic.pics.livejournal.com/vox_mortem/20889899/1698260/1698260_original.jpg);"><a href="http://shine.b1.jcink.com/index.php?showuser=7263"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line class="top" x1="0" y1="0" x2="1200" y2="0"/><line class="left" x1="0" y1="225" x2="0" y2="-450"/><line class="bottom" x1="400" y1="225" x2="-800" y2="225"/><line class="right" x1="400" y1="0" x2="400" y2="675"/></svg></a><h1>=)</h1><span>UTUMN</span><div class="text"> <b>Придержанные внешности:</b> вавпвпыв. смиывм чмячмчям ячмячмя ячмям<p> <b>Enemies</b> Lorem ipsum dolor sit amet, ei tota fierent consequuntur nam, falli ignota labitur cum cu. Amet omittam te vel, veri facilisis eum at. Noster convenire scribentur ad vim, mea te bonorum facilisi. An decore repudiare vel, in omnis altera reprimique sed. Saepe facilis atomorum id vim, solet ridens accumsan vel ei. Quo cu odio summo theophrastus, ius at noluisse epicurei. Eu purto quidam posidonium ius. An solum vocibus nec. Omnes noluisse vulputate id nec, nam ex idque pericula ullamcorper, vis id nobis interesset. Verterem euripidis vituperatoribus est at. Qui eu audire blandit forensibus, vis eros indoctum ocurreret at. Case rationibus interesset no per, ei aeterno maiorum per.<p> <b>Lovers</b> Lorem ipsum dolor sit amet, ei tota fierent consequuntur nam, falli ignota labitur cum cu. Amet omittam te vel, veri facilisis eum at. Noster convenire scribentur ad vim, mea te bonorum facilisi. An decore repudiare vel, in omnis altera reprimique sed. Saepe facilis atomorum id vim, solet ridens accumsan vel ei. Quo cu odio summo theophrastus, ius at noluisse epicurei. Eu purto quidam posidonium ius. An solum vocibus nec. Omnes noluisse vulputate id nec, nam ex idque pericula ullamcorper, vis id nobis interesset. Verterem euripidis vituperatoribus est at. Qui eu audire blandit forensibus, vis eros indoctum ocurreret at. Case rationibus interesset no per, ei aeterno maiorum per. </div></div></center></center>
Поделиться92014-11-18 23:38:45
<!--HTML--><CENTER><center><div style="width: 405px; height: 5px; background-color: #783958; border-bottom: 1px dotted black"></div><div style="height: 5px"></div><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 50px; background-color: #b7819c; padding: 50px; overflow-y: hidden; font-family: arial; font-size: 8px; text-transform: uppercase; line-height: 90%; color: white; text-align: justify"><div style="height: 50px; overflow-y: hidden">If I could find a way to see this straight I'd run away To some fortune that I should have found by now I'm waiting for this cough syrup to come</div></div><div style="height: 5px;"></div><div style="width: 200px; height: 200px; background-image: url(200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE 200X200 IMAGE HERE )"></div></td> <td><div style="width: 5px"></div></td> <td><div style="width: 200px; height: 355px; background-image: url(200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE 200X355 IMAGE HERE )"></div></td></table><div style="height: 5px"></div><div style="width: 405px; height: 10px; background-color: #b7819c; border-top: 1px dotted black; border-bottom: 20px solid #783958"></div></center></center>
Поделиться102015-01-05 16:17:59
ыфвупывп
Поделиться112015-01-09 16:59:20
<!--HTML--><CEN TER><br><center><link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'><style type="text/css"> .aflipper { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:370px; height:570px; } .aflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:370px; height:570px; } .aflipper:hover .aflipswitch { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .afront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .aback { overflow:hidden; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:350px; height:550px; padding:10px; background-color:#F3F4F6; } .aflipper:hover .aback { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#F3F4F6; } .adetails { width:170px; height:33px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; border-top:1px solid #F3F4F6; border-bottom:1px solid #F3F4F6; } .aapp { width:340px; height:325px; text-align:justify; font-family:calibri; font-size:11px; color:#030813; line-height:95%; padding:5px; letter-spacing:0; word-spacing:0; overflow:auto; } .aplayer { width:350px; height:30px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; } .ascrolls ::-webkit-scrollbar { width:5px; } .ascrolls ::-webkit-scrollbar-track { background-color:#F3F4F6; } .ascrolls ::-webkit-scrollbar-thumb { background-color:#0A1D42; } </style><div style="width:370px; height:570px; border:10px inset #0A1D42;" class="ascrolls"><div class="aflipper"><div class="aflipswitch"> <div class="afront"><div style="background-image:url(http://i077.radikal.ru/1501/e2/ffd38d894ab1.jpg); width:350px; height:550px; border:10px solid #F3F4F6;"> <div style="width:300px; padding:450px 0px 0px 0px;"><div style="padding:3px; background-color:#F3F4F6; border:2px solid #0A1D42; text-align:center; color:#0A1D42; font-family:Wire One,sans-serif; font-size:40px; letter-spacing:1; line-height:100%; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 2px #6F7073;"> Patricia Weisz </div></div></div></div><div class="aback"> </div></div></div></div></div></center><br></center>
Отредактировано Patricia Weisz (2015-01-09 18:00:02)
Поделиться122015-01-10 16:00:57
<!--HTML--><CENTER><center><center><table><td><div style="width: 200px; height: 200px; background-image:url(200X200 IMG HERE!!!);"></div></td><td><div style="width: 160px; height: 160px; text-align: justify; font-size: 7px; font-family: arial; text-transform: uppercase; background-color: 6a5e55; color: eaeaea; line-height: 145%; letter-spacing: 0px; padding: 20px;">you feel like a candle in a hurricane, ust like a picture with a broken frame. alone and helpless, like you've lost your fight. but you'll be alright, you'll be alright. 'cause when push comes to shove, you taste what you're made of. you might bend 'till you break, cause its all you can take. on your knees, you look up, decide you've had enough. you get mad, you get strong, wipe your hands, shake it off then you stand. life's like a novel, with the end ripped out, the edge of a canyon with only one way out. take what you're given before it's gone. start holding on, keep holding on ---------------------------------------</div></td></table> <div style="width: 404px; height: 10px; border-bottom: 7px solid #83776c; background-color: 3f3630; border-top: 1px dotted #eaeaea;"></div></center></center></center>
Поделиться132015-01-10 16:08:58
<!--HTML--><CENTER><center><style>.juno {background: #ddd url(478x230 IMAGE GOES HERE) no-repeat top left; width: 478px; height: 230px; overflow: hidden; position: relative; text-align: center;}.juno .band,.juno .content {width: 478px; height: 230px; position: absolute; overflow: hidden; top: 0; left: 0;}.juno-fifth .band {-webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -o-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}.juno-fifth:hover .band {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}.juno-fifth img {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}.juno-fifth:hover img {-webkit-transform: translateX(500px); -moz-transform: translateX(500px); -o-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px);}</style><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Chango' rel='stylesheet' type='text/css' /><center><table align="center" cellpadding="0" cellspacing="0" style="border-top: 40px solid #404a72; border-bottom: 40px solid #404a72;"><tr><td><div class="juno juno-fifth"><div class="band"><center><a href="http://shine.b1.jcink.com/index.php?showuser=3958" style="color: #f69efc; text-decoration: none;"><div style="background: rgba(136,148,182,0.7); font-family: calibri; font-size: 10px; text-align: justify; line-height: 10px; padding: 30px; width: 360px; text-align: center; margin: 50px 50px 50px 30px;"><div style="background-color: #eaedf6; padding: 20px;"><div style="font-family: Chango; font-size: 20px; color: #a0abc4; text-shadow: 2px 0px 0px #27323e; letter-spacing: 0px; font-style: italic; text-transform: uppercase; margin-top: -5px;">LYRICS LYRICS LYRICS</div><div style="font-family: open sans condensed; font-size: 10px; text-transform: uppercase; margin-top: 6px; text-transform: uppercase; color: #27323e; text-align: center; margin-right: 3px; margin-bottom: -10px;">LYRICS LYRICS LYRICS</div></div></a></center></div></div></td></table></center></center></center>
Поделиться142015-01-10 16:09:55
<!--HTML--><CENTER><center><center><div style="width: 450px; height: 200px; border-top: 10px solid #000; background: url(http://s014.radikal.ru/i327/1501/97/38318aff2062.jpg);"><center><div style="width: 300px; height: 150px; padding: 30px; background: transparent;"><div class="christmas"></div><div style="width: 110px; height: 91px; float: right; padding: 20px; text-align: justify; font-family: lobster; font-size: 19px; text-transform: uppercase; line-height: 90%; color: #b4c1f0; overflow: hidden;">Патрисия Вайс. Факультет: Слизерин, Гриффиндор</div></div></center></div><div style="width: 420px; height: 10px; padding: 15px; background: #000; text-align: center;"><object type="application/x-shockwave-flash" data="..." width="248" height="10"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="#000000" /> </div></center><style>.christmas { width: 150px; height: 150px; float: left; background-image: url('http://s013.radikal.ru/i323/1501/2a/a9039ef7a443.jpg'); transition-duration: .9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; -ms-transition-duration: .9s; } .christmas:hover { width: 150px; height: 150px; background-image: url('http://s013.radikal.ru/i323/1501/2a/a9039ef7a443.jpg'); -webkit-filter: grayscale(100%); -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100% }</style></center></center>
Поделиться152015-01-26 23:55:42
второе окно своего стиля, в самый конец:
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia ; font-size: 10px; letter-spacing: 1px;border-radius: 2px; background: #eeba4c; color: #a15d0d; text-align: center; padding: 1px 2px 2px 10px;} a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease; display: block; text-transform: lowercase; font-family: georgia; font-size: 10px; letter-spacing: 5px; background: #f1e1ae; text-decoration: none; color: #a15d0d; text-align: center; padding: 1px 2px 2px 20px;border-radius: 2px;}
10px - размер текста
#a15d0d и остальные подчеркнутые - цвета, менять на свои
georgia - шрифт
italic- наклонные текст, можно убрать
туда, где нужна ссылка
<a href="http://boomclap.rusff.me" class="sbla">ОТКРЫТИЕ<br><b>ждем вас</b></a>
все наклонное поддается изменениям))
Поделиться172015-01-27 00:01:51
<div style="width: 360px; background-color: #цвет первой рамки; padding: 4px; "><div style="width: 340px; font-family: arial; font-size: 11px; line-height: 100%; text-align: justify; background-color: #цвет внутри; padding: 4px; border: 4px double #цвет рамки;">
<center>текст форума бла бла бла бла бла бла блаблааа</center></div></div>
окантовка
Поделиться182015-01-27 00:06:48
/* ник */
.pa-author a, .pa-author {text-align: center;
text-shadow: 0px 0px #e4dfcf !important; /* тень */
color: #5c4821 !important; /* цвет */
font: small-caps 700 11pt "Georgia" !important; /* капс, размер, шрифт */
letter-spacing: 3px; /* расстояние между буквами */
font-weight: bold; /* начертание */
}
Поделиться192015-01-27 00:07:07
/* C2.8 */
/* название форумов */
#pun-index .tcl h3 {
font-family: bradobrei !important;
font-size: 11px !important;
color: #f1e8de !important;
}
Поделиться202015-01-27 00:07:20
/* A3.5 */
/* быстрый ответ строчка */
.punbb h1 span, .punbb legend span {
color: #5c4821;
font-family: Garamond;
font-size: 18px!important;
}