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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» [Logo] Musculação
Hoje à(s) 4:33 por P.H

» [Logo] Pássaros
Hoje à(s) 3:45 por P.H

» Problemas na ativação do Formulario
Hoje à(s) 1:59 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 0:29 por YouTube3

» Personalizar SCEditor
Hoje à(s) 0:29 por YouTube3

» Personalizar Widget
Ontem à(s) 23:39 por YuriGama

» Bug na Pagina HTML
Ontem à(s) 23:37 por xBreninho_.

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
57 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 57 Visitantes :: 2 Motores de busca

Nenhum

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

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 : 2820
Pontos Ativos : 4156

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 : 2313

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".


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8374
Pontos Ativos : 13592

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5