A Grande era dos Piratas



 
FAQCalendárioInícioBuscarMembrosGruposRegistrar-seConectar-se
Últimos assuntos
» [M.E.P] Luna Rea
por GM.Mephisto Hoje à(s) 08:31

» Magic World
por Magma Ontem à(s) 23:46

» [MEP - Troca] Kiaro
por Pippos Sex 20 Out 2017, 16:00

» Votação do INSS.Torneio Avatar
por Doug Sex 20 Out 2017, 15:42

» [M.E.P] Diabitch
por Pippos Sex 20 Out 2017, 15:23

» M.E.P. PepePepi
por GM.Kerigus Sex 20 Out 2017, 14:21

» 1° Torneio de Avatares do INSS
por INSS.Kiodo Sex 20 Out 2017, 11:44

» Topico das lamentações
por Caju Sex 20 Out 2017, 02:20

» [FanFic] - Knights of Valachia
por Chrollo Qui 19 Out 2017, 15:46

» Jornal ~ On!
por Dante Qua 18 Out 2017, 19:46

» Prazer em conhecer
por Rakan_chaos Qua 18 Out 2017, 14:07

» M.E.P Rakan_chaos
por Sttark Qua 18 Out 2017, 13:20

» M.E.P raquelmacp
por Sttark Ter 17 Out 2017, 13:58

» Força-tarefa: Boku no Hero
por BravheseerOP Ter 17 Out 2017, 01:34

» |NPC| Dylan "Cão de Briga" Harrison
por GM.Furry Men Seg 16 Out 2017, 13:32

» MEP Kiaro
por GM.Kerigus Dom 15 Out 2017, 16:59

» [MEP] Nani - Um Futuro Melhor...?
por Pippos Sab 14 Out 2017, 21:39

» M.E.P ManoHaroxBR
por Pippos Sab 14 Out 2017, 21:23

» M.E.P - Axis
por Sttark Sab 14 Out 2017, 21:09

» M.E.P raquelmacp
por Pippos Sab 14 Out 2017, 01:17

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   Qui 30 Abr 2015, 23: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 29 Jan 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 31 Jan 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 31 Jan 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: