A Grande era dos Piratas



 
FAQCalendárioInícioBuscarMembrosGruposRegistrar-seConectar-se
Últimos assuntos
» ~ Mudanças Importantes ~
por ADM.Bowel Hoje à(s) 7:52 pm

» [Kit - Mr.Hyde]
por Jin Hoje à(s) 11:30 am

» [Kit - Feitan]
por Jin Hoje à(s) 11:06 am

» [DISCUSSÃO] Moralidade da Pirataria em One Piece
por Cubo Nito Hoje à(s) 3:51 am

» [M.E.P.] Bjorn
por Makei Ontem à(s) 2:40 pm

» [Kit - Kaori Miyazono]
por Metza Dom Jun 17, 2018 10:25 pm

» Ken Rock, o Horror das Profundezas
por ADM.Tidus Dom Jun 17, 2018 6:29 pm

» Royce Khajiit, o Fanfarrão
por ADM.Tidus Dom Jun 17, 2018 6:25 pm

» MEUS AMIGOS VOLTEI EU TAVA FICANDO DOIDO
por Cubo Nito Dom Jun 17, 2018 5:20 pm

» [E.G.] - Torcida do Camarote (Y)
por Axell Dom Jun 17, 2018 12:55 pm

» Os 12 Escolhidos
por Ceji Dom Jun 17, 2018 12:00 pm

» [FIC] Brand New World
por Punk Sab Jun 16, 2018 6:57 pm

» Voltando. E mais algumas coisas para esclarecer.
por Takezo Sex Jun 15, 2018 7:40 pm

» Kit - Ventus [Ryujin 2.0]
por Ventus Qua Jun 13, 2018 5:39 pm

» [M.E.P.] - Um boxeador inusitado.
por Bjarke Seg Jun 11, 2018 7:43 pm

» M.E.P. - HAMA
por Bjarke Seg Jun 11, 2018 7:33 pm

» [M.E.P] - "Uma nova oportunidade."
por Bjarke Seg Jun 11, 2018 7:32 pm

» I am back.
por Axell Seg Jun 11, 2018 12:58 am

» [E.G.] - Atrasados
por Punk Dom Jun 10, 2018 11:56 pm

» [M.E.P] - Aomine
por Metza Sab Jun 09, 2018 12:01 pm

Facebook

------------
- NOSSO BANNER-

------------

Naruto AkatsukiPokémon Mythology RPG


Conheça o Fórum NS


Compartilhe | 
 

 HTML Layouts

Ir em baixo 
AutorMensagem
Kihara
Civil
Civil
avatar

Créditos : Zero
Warn :
Masculino Data de inscrição : 23/06/2014
Idade : 28
Localização : São Paulo

MensagemAssunto: HTML Layouts   Qui Abr 30, 2015 11:58 pm

[flash(500,500)]
Bilada, Revenge, Return
POST GOES HERE
- Carl Linnedslag Ficha - Aventura
[/flash]

____________________________________________________

Voltar ao Topo Ir em baixo
Ver perfil do usuário
Doule II
Civil
Civil
avatar

Créditos : 6
Warn :
Masculino Data de inscrição : 04/01/2016
Idade : 19

MensagemAssunto: Re: HTML Layouts   Sex Jan 29, 2016 6:35 pm

lights in the skies
Lorem Ipsum: "On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains."


Objetivos

- X -
- X -
- X -



Shouri Ishiki Ficha - Aventura


Código:
<link href='https://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <style type="text/css"> .tempest-thread { width: 340px; height: 425px; padding: 20px; background-image:url(http://i.imgur.com/pppJX30.png); position: relative; } .tempest-thread-title { text-align: center; line-height: 100%; text-transform: uppercase; font-family: poiret one; letter-spacing: 4px; font-size: 20px; color: #FFFFFF; text-shadow: 1px 1px 0px #FFFFFF; border-bottom: 2px solid aaa; } .tempest-thread-img { width: 190px; border: 5px solid #C28C61; position: absolute; bottom: -5px; right: -5px; -ms-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); transform: rotate(-0deg); } .tempest-thread-content { background-color: rgba(16, 46, 85, 0.68); padding: 10px; } .tempest-thread-content2 { height: 250px; padding-right: 10px; overflow: auto; text-align: justify; line-height: 100%; color: #fff; font-family:  poiret one; font-size: 13px; } .tempest-thread-info {width: 152px; position: absolute; bottom: 50px; left: 20px; line-height: 100%; text-align: justify; color: #FFFFFF; font-family: calibri; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; } .tempest-thread-info b { display: block; text-transform: uppercase; letter-spacing: 4px; line-height: 100%; font-family: poiret one; font-size: 15px; font-weight: normal; color: #FFFFFF; text-shadow: 0px 0px 2px #FFFFFF; border-bottom: 2px solid #aaa; text-align: right; margin-bottom: 2px; padding: 0px 4px 2px 0px; } .tempest-thread-info a { color: #C26161; } .tempest-thread-info a:hover { color: #C26161; text-decoration: line-through; } .ames-credit { width: 361px; text-align: right; line-height: 100%; } .ames-credit a { text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-family: poiret one; } </style> <center> <div class="tempest-thread"> <div class="tempest-thread-title">lights in the skies</div> <div class="tempest-thread-content"><div class="tempest-thread-content2">Lorem Ipsum: "On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."

<div class="content clearfix"><div><link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'><br /><center> <div style="width:300px;font-weight:normal; color:white; font-family:lato;background-color:#000000;padding:20px 0px 20px 0px; font-size:35px;">Objetivos</div><div style="width:300px;  background-color: #fff;"><div style="font-family:calibri;font-size:15px; color: black; background-color:#fff; width:250px:height;300px;"><div style="padding:0px;"><br/><div align="center">- X -
- X -
- X -

</div></center>

</div></div> <div class="tempest-thread-info"><center><b> Shouri Ishiki</b> <a href="http://www.onepiecerpg.com/t34096-shouri-ishiki" target="_blank">Ficha</a> - <a href="http://www.onepiecerpg.com/t34126-bright-lights-in-the-skies-alien-technology" target="_blank">Aventura</a></center></div> <img src="http://data.whicdn.com/images/45756559/large.jpg" class="tempest-thread-img"> </div></center><font color="#EEEEEE">

____________________________________________________



Última edição por Shouri Ishiki em Dom Jan 31, 2016 3:47 am, editado 1 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Midnight
Designer
Designer
avatar

Créditos : 7
Warn :
Masculino Data de inscrição : 27/04/2010

MensagemAssunto: Re: HTML Layouts   Dom Jan 31, 2016 6:12 pm

template:
 


Fu feliz Eai, bom, vi a Accelerator postar o template html dele e decidi tbm ir na onda, criei um com um um evento básico, tem uma parte ali onde vc passa o mouse e umas abas magicamente aparecem, enfim, esse html pode ser usado por todos desde que mantenha os créditos no fim do template. Só vou colocar abaixo algumas regras/informações sobre o uso.


  • 1°: Os créditos sempre deverão ser mantidos.

  • 2°: Todas as cores e fontes desse template são customizáveis.

  • 3°: Eu não respondo por problemas em páginas que possam ocorrer pela utilização desse template.

  • 4°: Qualquer dúvida ou ajuda, pode recorrer a mim enviando uma MP que irei tratar do assunto o mais rápido possível.

  • 5°: Ao utilizar peço que me envie uma MP informando que está usando o template.


Código:
<style type="text/css">.cabeca { width: 500px; height: 200px; background-image: url(http://i.imgur.com/VpoffMy.png); border: 2px solid orange;} .apre { width: 500px; height: 30px; background-color: black; border: 1px solid white; opacity: 0.7;} .cabolis { width: 500px; height: 100px; background-color: #FFEFD5; border: 1px solid #FF7F00; } .cabalis { width: 150px; height: 50px; background-color: black; opacity: 0; border: 1px solid #FF7F00; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; } .cabalis:hover { opacity: 1;} .credito { width: 500px; height: 50px; background-color: black; border: 1px solid #FF7F00; position: relative;} .post { width: 500px; background-color: white; border: 1px solid transparent; } .balita { width: 100px; color: white; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; } .testuda { width: 400px; font-family: 'Open Sans', sans-serif; font-size: 14 px; color: black; text-align: justify; } .testudabem { width: 400px; font-family: 'Indie Flower', cursive; font-size: 20px; color: white; } </style>

<body><link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><center><div class="cabeca" style="position: relative;"><div class="apre" style="position: absolute; top: 30px;"><div style="width: 400px; line-height: 120%; font-family: 'Rock Salt', cursive; font-size: 16px; color: white; letter-spacing: 1px;">Born by your sword and die for it</div></div></div><div class="cabolis" style="position: relative;"><div class="cabalis" style="position: absolute; top: 20px; left: 5px;"><div class="balita" style=" position: absolute; top: 15px; left: 20px;">Post: 00</div></div><div class="cabalis" style="position: absolute; top: 20px; left: 175px;"><div class="balita" style=" position: absolute; top: 10px; left: 22px;">Desvantagem: 00/00</div></div><div class="cabalis" style="position: absolute; top: 20px; left: 340px;"><div class="balita" style=" position: absolute; top: 10px; left: 22px;">Outro</div></div></div><div class="post"><div class="testuda"><br><! -- Inicio do Post -- >Seu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aqui

Seu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aquiSeu post vem aqui<! -- Fim do Post --><br><br></div></div><div class="credito"><div class="testudabem" style="font-size: 28px; letter-spacing: 2px; position: absolute; top: 15px; left: 30px;">Template by: <a href="http://www.onepiecerpg.com/u60">Mid</a></div></center></body>

____________________________________________________



"Pague o preço do seu karma e aceite-o."
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado




MensagemAssunto: Re: HTML Layouts   

Voltar ao Topo Ir em baixo
 
HTML Layouts
Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» HTML Layouts
» [Tutorial][PT1] Criar um site - Layout
» Criando jogos em HTML 5 + Java script pelo bloco de notas
» Site simples Apenas html (SEM CSS)
» Curso de HTML - Aula 5 - Inserindo Imagens

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
A Grande era dos Piratas :: Piece Designers :: Piece Galery :: Galerias dos Users-
Ir para: