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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» botão Drop Down no Widgets
Hoje à(s) 04:16 pm por Luiz

» Mudar cor da fonte/letra do perfil
Hoje à(s) 03:21 pm por Ketholy123

» Staff do Fórum dos Fóruns e mudanças internas na equipe
Hoje à(s) 01:42 pm por Shek

» Nova MP ModerNBB
Hoje à(s) 01:38 pm por Luiz

» Fórum redireciona para outro
Hoje à(s) 01:31 pm por Luiz

» Top Usuário
Hoje à(s) 01:28 pm por Luiz

» Personalização do campo "Lançamento de Dados"
Hoje à(s) 01:02 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Ketholy123
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 

Quem está conectado
274 usuários online :: 7 usuários cadastrados, 1 Invisível e 266 Visitantes :: 2 Motores de busca

Heikki, Ketholy123, Lancer91, Luiz, Pedxz, Shek, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 18/09/16, 10:23 pm

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
avatar

Kassandra Udinov
Usuário avançado

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

Ver perfil do usuário http://www.vampirediariesoriginal.org/

Resolvido Re: Página HTML

Mensagem por while em 18/09/16, 10:26 pm

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://illiweb.com/fa/pbucket.gif')">
                                                                            
         <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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Página HTML

Mensagem por Kassandra Udinov em 19/09/16, 12:33 pm

Obrigada.
avatar

Kassandra Udinov
Usuário avançado

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

Ver perfil do usuário http://www.vampirediariesoriginal.org/

Resolvido Re: Página HTML

Mensagem por Cream em 19/09/16, 12:35 pm

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

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

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário 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