Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
220 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 219 Visitantes :: 1 Motor de busca

Fou-Lu

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Página HTML

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

Resolvido Página HTML

Mensagem por Kassandra Udinov em Seg 19 Set 2016 - 2:23

Detalhes da questão


Endereço do fórum: http://brokenmirror.forumeiros.com/
Versão do fórum: PunBB

Descrição


Gostaria de criar uma página HTML no fórum como esta: http://imgur.com/a/p9Iri
Alguém poderia me fornecer um código similar?

Obrigada desde já. Envergonhado

Kassandra Udinov
Usuário avançado

Feminino
Inscrito dia : 22/11/2012
Mensagens : 485
Pontos Ativos : 2393

http://www.vampirediariesoriginal.org/

Resolvido Re: Página HTML

Mensagem por while em Seg 19 Set 2016 - 2:26

Olá autor, crie uma nova pagina html com a opção "Você deseja utilizar o início e o final da página do seu fórum ?" marcada em não.

Com esse código:

Código:

<style>
body {
    background-attachment: fixed;
    background-color: #171714;
    background-image: url(https://i.imgur.com/AeiKmy6.png);
    color: #000;
    font-family: Roboto;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}
 
#pjtempo {
 background: #f8f8f8;
 position: fixed;
 padding: 20px;
 width: 925px;
 display: none;
 top: 50%;
 left: 50%;
 margin-top: -240px;
 margin-left: -482.5px;
 box-shadow: 6px 6px 10px #333;
}

.titulotex3 {
 background: url(http://i.imgbox.com/y6oNBDsU.png);
 height: 40px;
 padding: 40px;
 width: 845px;
 color: #f5f5f5;
 font-family: roboto;
 font-size: 14px;
 font-weight: 900;
 height: 16px;
 letter-spacing: 3px;
 line-height: 100%;
 margin-bottom: 5px!important;
 text-align: right;
 text-transform: uppercase;
}
 
.cuerpotp {
 background: #f9f9f9;
 border: 1px solid #ccc;
 color: #141414;
 font-family: Roboto;
 font-size: 11px;
 line-height: 110%;
 padding: 18px;
 text-align: center;
 width: 890px;
 height: 350px;
 overflow: auto;
}
 
.icono {
 width: 100px;
 height: 100px;
 border: 3px solid #fff;
 outline: 1px solid #e5e5e5;
 margin: 1px;
 display: inline-block;
 vertical-align: top;
}
 
.high {
 width: 100px;
 height: 100px;
 opacity: 0;
 transition-duration: 0.8s;
 Â -moz-transition-duration: 0.8s;
 Â -webkit-transition-duration: 0.8s;
 Â -o-transition-duration: 0.8s;
}
 
.canontitle {
 width: 100px;
 height: 100px;
 font-family: calibri;
 font-size: 8px;
 text-align: center;
 color: #fff;
 text-transform: uppercase;
 line-height: 100%;
 padding-top: 30px;
}
 
.lastname {
 width: 100px;
 font-family: 'Montserrat';
 font-size: 14px;
 text-transform: uppercase;
 letter-spacing: -1px;
 line-height: 100%;
}

.firstname {
 width: 100px;
 font-family: roboto;
 font-size: 10px;
 text-transform: lowercase;
 color: #fff;
 font-style: italic;
 line-height: 100%;
}
 
.high {
 width: 100px;
 height: 100px;
 opacity: 0;
 transition-duration: 0.8s;
 Â -moz-transition-duration: 0.8s;
 Â -webkit-transition-duration: 0.8s;
 Â -o-transition-duration: 0.8s;
}
 
.high:hover {
 width: 100px;
 height: 100px;
 opacity: 0.8;
 background-color: #464F3B
}

 
</style>  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" />      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      <title>OBITUÁRIO</title>            <object><embed src="http://www.youtube-nocookie.com/v/Lo3lxS-6joY&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" style="width: 0px; height: 0px;" /></object> 
<div id="pjtempo" style="display: block;">
                                                                            
   <div class="titulotex3">
                    OBITUÁRIO     
   </div>
                                                                                
   <div class="cuerpotp">
                                                                           
      <div class="icono" style="background: url('http://www.estrelando.com.br/uploads/2016/02/29/sem-t-tulo-2-1456759278.100x100.jpg')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname"> Brandon Leon Archibald</span><br /><span class="firstname"> † 01 / 07 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                         
      <div class="icono" style="background: url('http://images5.fanpop.com/image/photos/26700000/Dylan-O-Brien-Mustache-dylan-obrien-26777391-100-100.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Neal G. Lerner</span><br /><span class="firstname"> † 02 / 07 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://pacdn.500px.org/8910645/3aebbc110cf5bbcde48a442c1bac58139c040e16/2.jpg?1')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Elsie Chermont</span><br /><span class="firstname"> † 04 / 07 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('http://i249.photobucket.com/albums/gg227/tomorrowpbs/pbamandaseyfried/a23.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Anastasia Rose Waldorf</span><br /><span class="firstname"> † 05 / 07 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://pp.vk.me/c417517/v417517123/4490/oamwHDV7fzI.jpg')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Dylan Schwartz Devonshire</span><br /><span class="firstname"> † 09 / 08 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('http://i.skyrock.net/5171/77055171/pics/3249190384_0_3_d3sYCy3V.jpg')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Octavian Häkkinen</span><br /><span class="firstname"> † 17 / 08 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('http://67.media.tumblr.com/aa7563a369bf6ebd46c1be8f1bc3362b/tumblr_inline_nsa1q376EH1qffs3o_100.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Lyra Von Stein</span><br /><span class="firstname"> † 30 / 08 / 2016</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                         
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                         
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                         
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                                           
      <div class="icono" style="background: url('https://i.imgur.com/5nRUgQi.png')">
                                                                            
         <div class="high">
                                                                                                                                                                         
            <div class="canontitle">
                                   <span class="lastname">Nome</span><br /><span class="firstname"> † dd / mm / aaaa</span>                                                                                   
            </div>
                               
         </div>
                  
      </div>
                                                               
   </div>
              
</div>

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2851
Pontos Ativos : 4302

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Página HTML

Mensagem por Kassandra Udinov em Seg 19 Set 2016 - 16:33

Obrigada.

Kassandra Udinov
Usuário avançado

Feminino
Inscrito dia : 22/11/2012
Mensagens : 485
Pontos Ativos : 2393

http://www.vampirediariesoriginal.org/

Resolvido Re: Página HTML

Mensagem por Cream em Seg 19 Set 2016 - 16:35

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13903

http://ajuda.forumeiros.com

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

- Tópicos similares

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