A Grande era dos Piratas



 
FAQCalendárioInícioBuscarMembrosGruposRegistrar-seConectar-se
Últimos assuntos
» [M.E.P] Maahes
por Agnes Ikov Hoje à(s) 00:20

» [M.E.P] Chinatsu
por Agnes Ikov Ontem à(s) 21:55

» [M.E.P] TheGamerBr
por Agnes Ikov Ontem à(s) 21:53

» M.E.P - Black
por Agnes Ikov Ontem à(s) 16:26

» Convocação Pirata East blue
por Alencar Qui Dez 07 2017, 18:15

» MEP - Vegetor
por GM.Mephisto Qui Dez 07 2017, 17:59

» Ausência
por Zuzu Hijra Qui Dez 07 2017, 15:25

» [M.E.P] Primo Ryu
por GM.Mephisto Qui Dez 07 2017, 01:21

» [M.E.P.] flmdrs13
por Jinne Qui Dez 07 2017, 00:29

» [M.E.P.] Gamby-Chan
por Jinne Qui Dez 07 2017, 00:27

» [M.E.P] Ruko
por Jinne Ter Dez 05 2017, 09:52

» Apresentando
por Vincent Arkaryas Ter Dez 05 2017, 04:53

» Área /troll do Tsuru e do MUNDO ! \o/ .. By Rigel, no reclamations!
por Sylvanas Seg Dez 04 2017, 18:18

» [M.E.P] Gallore Strange
por GM.Mephisto Dom Dez 03 2017, 11:15

» [M.E.P] Yumeko Menma
por Yumeko Menma Dom Dez 03 2017, 01:10

» [M.E.P.] - Lucius
por Jinne Sab Dez 02 2017, 08:11

» [M.E.P.] - Fanalis Ria
por Jinne Sex Dez 01 2017, 16:45

» [M.E.P.] - Yuji
por GM.Kerigus Qua Nov 29 2017, 18:40

» [M.E.P.] - DK
por GM.Kerigus Qua Nov 29 2017, 18:38

» M.E.P do Deny
por GM.Kerigus Qua Nov 29 2017, 18:37

Facebook

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

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

Naruto AkatsukiPokémon Mythology RPG


http://www.heroisdoolimporpg.com/


Compartilhe | 
 

 HTML Layouts

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Kihara
Civil
Civil
avatar

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

MensagemAssunto: HTML Layouts   Sex Maio 01 2015, 00:58

[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 : 18

MensagemAssunto: Re: HTML Layouts   Sex Jan 29 2016, 18:35

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, 03:47, editado 1 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Midnight
Soldado
Soldado
avatar

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

MensagemAssunto: Re: HTML Layouts   Dom Jan 31 2016, 18:12

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 pelo 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
Ver o tópico anterior Ver o tópico seguinte 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: