Página HTML

3 participantes

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

Tópico resolvido Página HTML

Mensagem por Kassandra Udinov 19.09.16 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: https://imgur.com/a/p9Iri
Alguém poderia me fornecer um código similar?

Obrigada desde já. Envergonhado
Kassandra Udinov

Kassandra Udinov
*****

Membro desde : 22/11/2012
Mensagens : 485
Pontos : 834

http://www.vampirediariesoriginal.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por while 19.09.16 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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Página HTML

Mensagem por Kassandra Udinov 19.09.16 16:33

Obrigada.
Kassandra Udinov

Kassandra Udinov
*****

Membro desde : 22/11/2012
Mensagens : 485
Pontos : 834

http://www.vampirediariesoriginal.org/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Página HTML

Mensagem por Cream 19.09.16 16:35

Página HTML Symbol10 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

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos