InícioPágina HTML
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Página HTML
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á.
Kassandra Udinov- *****
- Membro desde : 22/11/2012
Mensagens : 485
Pontos : 834 -
Re: Página HTML
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:
Até mais.
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- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
Kassandra Udinov- *****
- Membro desde : 22/11/2012
Mensagens : 485
Pontos : 834 -
Re: Página HTML
por Cream 19.09.16 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- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Tópicos semelhantes» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Definir página HTML personalizada como página inicial
» Trocar página do facebook dessa página HTML
» Pagina de html
» Pagina html como página inicial do fórum
» Definir página HTML personalizada como página inicial
» Trocar página do facebook dessa página HTML
» Pagina de html
» Pagina html como página inicial do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos