Últimos assuntos
» Sistema de Dinheiro
Sab 27 Maio 2017 - 14:53 por The Kingdom

» Blakley Academy
Dom 7 Maio 2017 - 23:48 por Twisted Palace

» Royals
Sex 28 Abr 2017 - 15:49 por The Kingdom

» Royals
Sex 28 Abr 2017 - 15:46 por The Kingdom

» Templates padrão
Qui 27 Abr 2017 - 14:04 por The Kingdom

» Modelo de Busca de Personagem
Qua 26 Abr 2017 - 0:55 por Twisted Palace

» Modelo de Busca de Trama
Qua 26 Abr 2017 - 0:43 por Twisted Palace

» Descrição de Grupos e Ranks
Ter 28 Fev 2017 - 0:59 por The Kingdom

» Regras do fórum
Sex 24 Fev 2017 - 7:27 por The Kingdom

  • Parceria

    • Elite
      Atua. 00/00
      Recursos
      Parceiros simples
    Quem está conectado
    1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

    Nenhum

    [ Ver toda a lista ]


    O recorde de usuários online foi de 7 em Qua 15 Fev 2017 - 23:05
    Welcome Convidado
    The Royals RPG

    Templates padrão

    Página 2 de 2 Anterior  1, 2

    Ver o tópico anterior Ver o tópico seguinte Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 13:44

    Código:
    [dohtml]<link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>

    <style>

    .shipping { background-image:url(http://i.imgur.com/B96SvPZ.gif); padding: 30px; width: 300px; height: 500px; border: 1px solid #f2f2f2; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);}

    .shipping-two { width: 300px; height: 500px; background-image:url(300 X 500 IMAGE OF YOUR CHARACTER GOES HERE);  webkit-transition: all 1s ease; overflow: hidden }


    .shipping-two .shipping-three { opacity: 0; background-color: rgba(178, 0, 255, 0.3); padding: 30px; width: 240px; height: 440px;  webkit-transition: all 1s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease;}
    .shipping-two:hover .shipping-three { opacity: 1; webkit-transition: all 1s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; }

    .shipping-two .shipping-four { width: 240px; height: 440px; webkit-transition: all 1s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; opacity: 0; margin-top: -470px; margin-left: -900px }

    .shipping-two:hover .shipping-four { opacity: 1; margin-left: 0px; webkit-transition: all 1s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; }

    .shipping-five { font-family: raleway; color: #fff; letter-spacing: -2px; text-align: center; font-size: 30px; text-transform: uppercase }
    .shipping-six { font-size: 8px; font-family: helvetica; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #fff }

    .shipping-seven { width: 220px; height: 310px; padding: 10px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); }
    .shipping-eight { margin-top: -1px; background-color: #fff; padding: 10px; width: 100px; height: 50px; border-radius: 0px 0px 100px 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

    .shipping-nine { padding: 10px; text-align: justify; height: 250px; overflow: auto; font-family: helvetica; text-transform: lowercase; font-size: 9px; letter-spacing: 1px; color: #000; line-height: 90% }
    .shipping-nine b { color: #9A66AE; font-size: 12px }

    .shipping-nine::-webkit-scrollbar { width: 7px; background-color: #fff }
    .shipping-nine::-webkit-scrollbar-track { background:#fff; border: 1px solid #fff; }
    .shipping-nine::-webkit-scrollbar-thumb { background:#9A66AE; border:1px solid #fff;}

    </style>

    <center>


    <div class="shipping">
    <div class="shipping-two">
    <div class="shipping-three">

    </div>


    <div class="shipping-four">

    <div class="shipping-five">

    first last

    </div>

    <div class="shipping-six">

    age #, membergroup, occupation

    </div>

    <div class="shipping-seven">

    <div class="shipping-nine">

    your shipper stuff goes here <b>use bold tags to emphasis text</b>

    </div>

    </div>

    <div class="shipping-eight">

    <img src="GIF ICON GOES HERE" style="margin-top: -50px; width: 100px; height: 100px; border-radius: 100px">

    </div>

    </div>

    </div>
    </div>


    <a href="http://wecode.jcink.net/index.php?showuser=66"><div style="margin-top: 5px; padding: 5px; font-size: 9px; color: #aaa; text-align: center; font-family: arial">♛♛♛</div></a>
    </center>[/dohtml]
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 13:49

    Código:
    [dohtml]
    <style type="text/css">
    #yfbb { width: 250px; height: 400px; overflow: hidden; }
    .downss { width: 250px; height: 400px; background-color:rgba(204,237,229,.4); color: white; position: relative; bottom: 400px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
    #yfbb:hover .downss { bottom: 0px; }
    .traitss { width:90px; padding:10px; background-color: #fafafa; color: #222;
     font-family: arial; font-size: 7px; font-style: italic; line-height: 125%; letter-spacing: 1px; text-align: center; text-transform: uppercase;position: relative; top: 35px; left: 65px;margin-top: 10px; }
    .yfbshipdet {width: 200px; height: 250px; background-color: #fafafa; border-top:3px solid #ccede5; border-bottom: 20px solid #ccede5; color: #222; font-family: arial; font-size: 10px; line-height: 120%; text-align: justify; text-transform: lowercase; overflow: auto; }
    </style><center><table><tr><td><div id="yfbb">
    <div style="width: 250px; height: 400px; background-image: url(http://placehold.it/250x400);"><div class="downss"> 
    <table><tr>
    <td><div class="traitss"> relationship</div>
    <div class="traitss"> membergroup</div>
    <div class="traitss"> face</div><div class="traitss"> trait</div>
    <div class="traitss"> trait</div><div class="traitss"> trait</div>
    <div class="traitss"> trait</div><div class="traitss"> trait</div>
    </td></tr></table></td><td><div class="yfbshipdet">
    <div style="padding:20px;">


    sighing im sure theres 1000 things just like this but its just a hella quick want ad or shipper, ja feel??

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

    <div style="width:450px; font-size: 10px; line-height: 120%; text-align: left;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=33708">▲</a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8022">▼</a><a href="http://wecode.jcink.net/index.php?showuser=44">✖</a></div></center>
    [/dohtml]
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 13:51


    FIRST LAST
    TITLE HERE

    WORDS HERE



    Código:
    <center><style type="text/css">#jensen-container {width:250px; height:390px; background-color:#ffffff; border-bottom:60px solid #151414; overflow:hidden;} .jensen-words {height:330px; font-family:calibri; font-size:10px; color:#000; text-align:justify; padding:10px; line-height:100%; overflow:auto;} .jensen-within {width:250px; height:330px; background-image:url(http://placehold.it/250x330); margin-top:60px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;} .jensen-block {width:250px; height:60px; background-color:#151414; overflow:hidden; position:absolute;} #jensen-container:hover .jensen-within {margin-top:-270px;}.jensen-line {width:230px; height:1px; background-color:#e4d924;} .jensen-top {text-align:right; padding-right:5px; font-style:italic; font-size:11px; letter-spacing:1px;} .jensen-name {width:120px; font-family: calibri; font-size:10px; color:#fff; border:1px solid #fff; padding:5px; font-style:italic; text-tranform:uppercase; letter-spacing:1px;} b {font-weight:bold; color:#e4d924;} .ben-baller {font-family: calibri; font-size:7px; color:#454545; text-align:center; text-transform:uppercase;}</style><div id="jensen-container"><div class="jensen-block"></div><div class="jensen-within" style="background-image:url(BACKGROUND IMAGE HERE);"><div style="padding-top:150px;"><div class="jensen-name">FIRST LAST</div></div></div><div class="jensen-words"><div class="jensen-top">TITLE HERE</div><div class="jensen-line"></div><p>WORDS HERE</div></div><div class='ben-baller'><a href='http://wecode.jcink.net/index.php?showuser=787'>BEN @ WECODE</a></div></center>
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 13:56

    Código:
    [dohtml]<center><link href='http://fonts.googleapis.com/css?family=Oswald|Roboto+Condensed' rel='stylesheet' type='text/css'>

    <style type="text/css">
    .makemyheart { width: 200px; height: 360px; background-color: white;  opacity: 0; padding: 20px; font-family: Roboto Condensed; text-transform: lowercase; text-align: justify; transition-duration: 0.7s;  -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s;  -o-transition-duration: 0.7s; }
    .makemyheart:hover { width: 200px; height: 360px; opacity: 0.9; padding: 20px; background-color: white;  text-align: justify; }

    .beatout { overflow: auto; line-height: 100%; height: 260px; width: 160px; padding: 20px; font-size: 10px; font-family: roboto condensed; }
    .mychest { font-family: oswald; font-size: 20px; text-align: center; text-transform: uppercase; line-height: 150%; }
    .mychest2 { font-family: oswald; font-size: 10px; text-align: center; line-height: 180%; text-transform: uppercase; }

    .beatout::-webkit-scrollbar { height: 12px; width: 1px; background-color: transparent;}
    .beatout::-webkit-scrollbar-thumb { background: #2E2F23; }
    .beatout::-webkit-scrollbar-corner { background: #2E2F23; }
    .beatout::-webkit-scrollbar-track { background: transparent; }
    </style>

    <table><tr><td>
    <div style="width: 240px; height: 400px; background-image: url(http://placehold.it/240x400);">
    <div class="makemyheart">
    <div class="mychest">  FIRST LAST  </div>
    <hr><div class="beatout">

    lorem ipsum dolor sit amet, consectetur adipiscing elit. quisque id eros felis. fusce ac vehicula justo, a tristique magna. cras pulvinar commodo neque nec porta. proin feugiat vitae elit quis imperdiet. nullam ac sapien vitae leo auctor rutrum at ut eros. proin ac eros dapibus, cursus elit ac, fermentum felis. maecenas placerat, diam eget pretium pulvinar, purus lorem volutpat metus, ut laoreet augue odio a lorem. duis ac ultrices dui. class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. morbi sollicitudin lacinia pretium. ut sagittis euismod dui id auctor. aenean varius nibh sapien, at scelerisque enim placerat ac. cras pretium vehicula risus ut viverra. aliquam erat volutpat. fusce tincidunt, elit vitae ullamcorper varius, lorem enim lacinia lorem, quis facilisis eros felis tincidunt risus.<p>

    lorem ipsum dolor sit amet, consectetur adipiscing elit. quisque id eros felis. fusce ac vehicula justo, a tristique magna. cras pulvinar commodo neque nec porta. proin feugiat vitae elit quis imperdiet. nullam ac sapien vitae leo auctor rutrum at ut eros. proin ac eros dapibus, cursus elit ac, fermentum felis. maecenas placerat, diam eget pretium pulvinar, purus lorem volutpat metus, ut laoreet augue odio a lorem. duis ac ultrices dui. class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. morbi sollicitudin lacinia pretium. ut sagittis euismod dui id auctor. aenean varius nibh sapien, at scelerisque enim placerat ac. cras pretium vehicula risus ut viverra. aliquam erat volutpat. fusce tincidunt, elit vitae ullamcorper varius, lorem enim lacinia lorem, quis facilisis eros felis tincidunt risus.

    </div>
    <div class="mychest2">AGE. MEMBERGROUP. FACE CLAIM. </div>
    </div></div></td>

    <td>
    <div style="width: 240px; height: 400px; background-image: url(http://placehold.it/240x400);">
    <div class="makemyheart">
    <div class="mychest">  FIRST LAST  </div>
    <hr><div class="beatout">

    lorem ipsum dolor sit amet, consectetur adipiscing elit. quisque id eros felis. fusce ac vehicula justo, a tristique magna. cras pulvinar commodo neque nec porta. proin feugiat vitae elit quis imperdiet. nullam ac sapien vitae leo auctor rutrum at ut eros. proin ac eros dapibus, cursus elit ac, fermentum felis. maecenas placerat, diam eget pretium pulvinar, purus lorem volutpat metus, ut laoreet augue odio a lorem. duis ac ultrices dui. class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. morbi sollicitudin lacinia pretium. ut sagittis euismod dui id auctor. aenean varius nibh sapien, at scelerisque enim placerat ac. cras pretium vehicula risus ut viverra. aliquam erat volutpat. fusce tincidunt, elit vitae ullamcorper varius, lorem enim lacinia lorem, quis facilisis eros felis tincidunt risus.<p>

    lorem ipsum dolor sit amet, consectetur adipiscing elit. quisque id eros felis. fusce ac vehicula justo, a tristique magna. cras pulvinar commodo neque nec porta. proin feugiat vitae elit quis imperdiet. nullam ac sapien vitae leo auctor rutrum at ut eros. proin ac eros dapibus, cursus elit ac, fermentum felis. maecenas placerat, diam eget pretium pulvinar, purus lorem volutpat metus, ut laoreet augue odio a lorem. duis ac ultrices dui. class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. morbi sollicitudin lacinia pretium. ut sagittis euismod dui id auctor. aenean varius nibh sapien, at scelerisque enim placerat ac. cras pretium vehicula risus ut viverra. aliquam erat volutpat. fusce tincidunt, elit vitae ullamcorper varius, lorem enim lacinia lorem, quis facilisis eros felis tincidunt risus.

    </div>
    <div class="mychest2">AGE. MEMBERGROUP. FACE CLAIM. </div>
    </div></div>
    </td></tr></table>

    <div style="text-align: right; font-size: 6px; width: 480px; letter-spacing: 1px;"><a href="http://wecode.jcink.net/index.php?showuser=141">♥ ARTIE ABRAMS.</a></div>

    </center>

    [/dohtml]
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 13:58

    Código:
    [dohtml]
    <link href='http://fonts.googleapis.com/css?family=Raleway:200,500' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="http://missytests.b1.jcink.com/uploads/missytests/towers.css" type="text/css">
    <style type='text/css'>
    #tower {  background: url('http://placehold.it/400');  background-repeat: no-repeat; background-position: 10px;}
    .tower { background-color:rgba(92,230,92,.4); }
    .tower11 {  background: url('http://i.imgur.com/w4IHzov.png'); }
    .tower12 {  background-color:rgba(92,230,92,.5); }
    </style>


    <div id="tower"><div class="tower"><div class="tower3"><div class="tower4">

    <center>FIRST<br> —  M. —<br>LAST</center>

    </div></div>
    <div class="tower2">
    <div class="tower5">
    <center><img src="http://placehold.it/350x180" style="width: 350px; height: 180px;"></center><div class="tower6"><div class="tower7"><div class="tower8"><b>FIRST MIDDLE LAST</b></div><div class="tower9">age. member group. adjective. adjective. adjective. </div></div></div></div>

    <div class="tower10">
    Heirloom Intelligentsia Echo Park pour-over Blue Bottle 8-bit biodiesel. Twee master cleanse heirloom roof party Shoreditch. Cred Etsy tofu seitan, kogi street art before they sold out irony sustainable sartorial pork belly cray. Gentrify forage butcher Austin skateboard small batch. Gastropub beard Pitchfork, Blue Bottle try-hard fashion axe PBR&B semiotics blog stumptown mlkshk scenester. 8-bit fanny pack gentrify, lomo gastropub synth Banksy Etsy Austin migas wolf. Brunch banjo sartorial, disrupt tattooed cornhole flannel High Life.<p>

    <b>Friends:</b> Messenger bag hashtag tofu quinoa, skateboard distillery plaid VHS viral synth cardigan Blue Bottle pour-over 90's. Tilde meh butcher, selvage kogi cray aesthetic fashion axe keffiyeh vegan gastropub iPhone. Cronut disrupt semiotics fanny pack. Occupy mumblecore mustache vegan, Godard readymade aesthetic Schlitz Vice distillery fingerstache Blue Bottle. Lumbersexual fap Portland disrupt, pug 90's PBR&B letterpress you probably haven't heard of them food truck ethical wolf. Farm-to-table crucifix swag small batch quinoa kitsch bicycle rights Odd Future. Banjo pop-up meggings sartorial 8-bit.<p>

    <b>Enemies:</b> Tote bag four loko blog, mlkshk put a bird on it American Apparel fingerstache chillwave lumbersexual actually literally. Kickstarter mixtape narwhal synth, chambray keytar Godard mustache Neutra tousled vegan meggings. Tofu keytar biodiesel PBR, sriracha pickled forage taxidermy flannel deep v. Kale chips blog tote bag Carles, vinyl literally Marfa chia. Ennui meh dreamcatcher XOXO lo-fi you probably haven't heard of them. Fixie cronut Banksy McSweeney's authentic post-ironic typewriter, listicle cardigan narwhal fap Tumblr. Odd Future master cleanse Kickstarter seitan gastropub.<p>

    <b>Lovers:</b> Ugh locavore American Apparel meditation, chillwave gentrify iPhone fashion axe meggings put a bird on it Banksy gluten-free. Hashtag bicycle rights fap, blog hella bespoke chambray. Actually chia church-key paleo, pour-over pork belly direct trade tofu hoodie heirloom next level. Trust fund cold-pressed cred cronut, Pitchfork whatever church-key. Typewriter distillery you probably haven't heard of them Godard normcore. Kale chips tattooed kogi cronut, Pinterest Intelligentsia gluten-free sartorial Godard hoodie trust fund health goth 90's. Intelligentsia Neutra lo-fi gastropub blog biodiesel, keytar Truffaut hella kogi listicle vegan Schlitz slow-carb.

    </div>

    <table style="position: absolute; left: 235px; top: 208px;">
     <tr>
      <td><div class="tower11"><div class="tower12">
        <div class="tower13" style='color: #000;'><b><center>MEMBER GROUP</center></b></div>
     </div></div></td></tr>
     <tr>
      <td><div class="tower11"><div class="tower12">

    <div class="tower13" style='color: #000;'><b><center>OCCUPATION</center></b></div>
     
    </div></div></td>
     </tr>
      <tr>
      <td><div class="tower11"><div class="tower12">

    <div class="tower13"><b><center><a href="#" class="towers">App</a></center></b></div>
     
    </div></div></td>
     </tr>
      <tr>
      <td><div class="tower11"><div class="tower12">

    <div class="tower13"><b><center><a href="#" class="towers">Wanted</a></center></b></div>
     
    </div></div></td>
     </tr>
    </table>

    </div>

    </div></div>
    <center><a href='http://wecode.jcink.net/index.php?showuser=1311'>missy</a></center>
    [/dohtml]
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por The Kingdom em Qui 27 Abr 2017 - 14:04

    Código:
    [dohtml]
    <style type="text/css">
    body {
     background-color: #f5f5f5;
    }
    #somewhere {
     width: 450px;
     padding: 25px;
     margin: auto;
    }
    #somewhere .w-head {
     padding: 40px;
     background-color: #C29494;
     color: #fff;
     font-family: montserrat;
     text-align: right;
     font-size: 10px;
     line-height: 140%;
    }
    #somewhere .w-head h1 {
     text-transform: uppercase;
     border-top: 1px solid #fff;
     padding-top: 20px;
     padding-right: 17px;
     letter-spacing: 2px;
    }
    #somewhere .w-head h2 {
     font-family: trebuchet ms;
     font-size: 9px;
     text-transform: lowercase;
     letter-spacing: 1px;
     text-align: right;
     border-right: 1px solid #fff;
     padding-right: 5px;
     margin-right: 21px;
     margin-top: -5px;
     color: #efefef;
     line-height: 120%;
     font-style: italic;
     padding-left: 40px;
    }
    #somewhere .w-bod {
     padding: 40px;
     background-color: #efefef;
     height: 300px;
    }
    #somewhere .w-bod .im1 a, #somewhere .w-bod .im2 a, #somewhere .w-bod .im3 a, #somewhere .w-bod .im4 a {
     color: #fff;
     text-decoration: none;
    }
    #somewhere .w-bod .im1 {
     width: 150px;
     height: 70px;
     text-align: center;
     font-family: montserrat;
     padding-top: 50px;
     background-image:url(http://ultraimg.com/images/w4.png);
     color: #fff;
     font-size: 8px;
     text-transform: Uppercase;
     letter-spacing: 1px;
     float: left;
    }
    #somewhere .w-bod .im2 {
     width: 210px;
     height: 70px;
     text-align: center;
     font-family: montserrat;
     padding-top: 50px;
     background-image:url(http://ultraimg.com/images/w2d4baa.png);
     color: #fff;
     font-size: 8px;
     text-transform: Uppercase;
     letter-spacing: 1px;
     float: left;
     margin-left: 10px;
    }

    #somewhere .w-bod .im3 {
     width: 210px;
     height: 70px;
     text-align: center;
     font-family: montserrat;
     padding-top: 50px;
     background-image:url(http://ultraimg.com/images/w385863.png);
     margin-top: 10px;
     color: #fff;
     font-size: 8px;
     text-transform: Uppercase;
     letter-spacing: 1px;
     float: left;
    }
    #somewhere .w-bod .im4 {
     width: 150px;
     height: 70px;
     text-align: center;
     font-family: montserrat;
     padding-top: 50px;
     background-image:url(http://ultraimg.com/images/w1473bc.png);
     color: #fff;
     font-size: 8px;
     text-transform: Uppercase;
     letter-spacing: 1px;
     float: left;
     margin-left: 10px;
     margin-top: 10px;
    }
    .merc_modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; transition: opacity .5s ease-in; pointer-events: none; }
    .merc_modal:target { opacity:1; pointer-events: auto; }
    .merc_modal > .merc_pop { width: 300px; position: relative; margin: 10% auto; padding: 10px; }
    .merc_pop a { color: #fff; }
    .merc_pop2 { padding: 40px; color: #fff; background-color: #C29494; letter-spacing: 5px; text-align: right; font-weight: bold;
    font-family: montserrat; text-transform: uppercase; font-size: 8px; }
    .merc_pop3 { padding: 10px; background-color: #dcdcdc; }
    .merc_pop4 { padding: 20px; background-color: #fff; text-align: justify; font-family: trebuchet ms, calibri; font-size: 10px; line-height: 110%;  }
    .merc_pop4 h1 {
     font-family: montserrat;
     color: #C29494;
     font-size: 9px;
     font-weight: bold;
     text-align: left;
     padding: 10px;
     text-transform: uppercase;
    }
    .merc_pop4 .cdesc {
     padding: 10px;
     line-height: 135%;
     padding-top: 0px;
    }
    .merc_close { color: #FFF; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-family: montserrat; font-weight: bold; text-transform: lowercase; font-size: 15px; text-shadow: 1px 1px #C29494; }
    .merc_close a { color: #fff; }
    .merc_cred { text-align: center; font-family: calibri; font-size: 8px; text-transform: uppercase; margin-top: 00px; margin-bottom: 25px; }
    </style>
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,900italic,400italic,900' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <div id="somewhere">
     <div class="w-head">
      <h1>Group Name.</h1>
      <h2>Description.</h2>
     </div>
     <div class="w-bod">
      <div class="im1"><a href="#mercPop1">first</a></div>
      <div class="im2"><a href="#mercPop2">first</a></div>
      <div class="im3"><a href="#mercPop3">first</a></div>
      <div class="im4"><a href="#mercPop4">first</a></div>
     </div>
    </div>

    <div id="mercPop1" class="merc_modal">
     <div class="merc_pop"> <a href="#close" title="Close" class="merc_close">X</a>

      <div class="merc_pop2">First Last</div>
      <div class="merc_pop3">
        <div class="merc_pop4">

          <h1>face claim: first last</h1>

          <div class="cdesc">Description</div>

        </div>
      </div>


     </div>
    </div>

    <div id="mercPop2" class="merc_modal">
     <div class="merc_pop"> <a href="#close" title="Close" class="merc_close">X</a>

      <div class="merc_pop2">First Last</div>
      <div class="merc_pop3">
        <div class="merc_pop4">

          <h1>face claim: first last</h1>

          <div class="cdesc">Description</div>

        </div>
      </div>


     </div>
    </div>

    <div id="mercPop3" class="merc_modal">
     <div class="merc_pop"> <a href="#close" title="Close" class="merc_close">X</a>

      <div class="merc_pop2">First Last</div>
      <div class="merc_pop3">
        <div class="merc_pop4">

          <h1>face claim: first last</h1>

          <div class="cdesc">Description</div>

        </div>
      </div>


     </div>
    </div>


    <div id="mercPop4" class="merc_modal">
     <div class="merc_pop"> <a href="#close" title="Close" class="merc_close">X</a>

      <div class="merc_pop2">First Last</div>
      <div class="merc_pop3">
        <div class="merc_pop4">

          <h1>face claim: first last</h1>

          <div class="cdesc">Description</div>

        </div>
      </div>


     </div>
    </div>
    <div class="merc_cred"><a href="http://wecode.jcink.net/index.php?showuser=16">merc</a></div
    [/dohtml]
    avatar
    Player : The Kingdom
    Idade : 00
    Ocupação : Ocupação
    Mensagens : 129
    Data de inscrição : 12/02/2017
    História : "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
    GIF 1 :
    GIF 2 :
    GIF 3 :
    Ver perfil do usuário
    Staff
    Staff

    Voltar ao Topo Ir em baixo

    Re: Templates padrão

    Mensagem por Conteúdo patrocinado

    Conteúdo patrocinado

    Voltar ao Topo Ir em baixo

    Página 2 de 2 Anterior  1, 2

    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

    - Tópicos similares

     
    Você não pode responder aos tópicos neste fórum