Pagina HTML
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
Pagina HTML
Eu gostaria de uma pagina HTML como está https://i.imgur.com/6dOdaGh.png
Vi neste fórum: www.exercito-bpf.forumais.com
E eu gostaria com um fundo diferente, no caso este: https://imgur.com/DSVEvml
Endereço do meu fórum:
http://exercito-bp.forumeiros.com
PrisoN- Membro
- Status : jdjddd
Mensagens : 207
Pontos : 319
Reputação : 2
Re: Pagina HTML
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pagina HTML
PrisoN- Membro
- Status : jdjddd
Mensagens : 207
Pontos : 319
Reputação : 2
Re: Pagina HTML
- Código:
<!DOCTYPE html>
<html>
<head>
<title>Exercito BPF</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="_css/estilo.css">
<link rel="shortcut icon" href="http://i.imgur.com/jHcmS.png">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
@font-face{
font-family: 'Batman';
src: url("../_fonts/batmfa__.ttf");
}
body{
background: #444;
}
section{
height: 670px;
width: 100%;
background-image: url("../_imagens/overlay.png"), url("../_imagens/eb.png");
background-size: 100% 100%;
}
section > .containerh{
width: 50%;
position: relative;
margin: 0 auto;
top: 150px;
}
section > .containerh > h1{
text-align: center;
color: #05AD12;
font-family: 'Batman', arial;
text-shadow: 1px 1px 1px #fff;
font-size: 32pt;
}
section .containerh > p{
margin-top: 50px;
text-align: center;
color: #fff;
font-weight: bold;
font-family: sans-serif;
}
section .button{
width: 30%;
margin: 0 auto;
position: relative;
top: 250px;
}
section > .button > a{
background: green;
border: 1px solid #007118;
border-radius: 4px;
text-decoration: none;
color: #fff;
padding: 15px 20px;
margin-left: 40px;
}
section > .button > a:hover{
background: #3AAF3A;
padding: 20px 20px;
transition: all .3s;
}
</style>
</head>
<body>
<section>
<div class="containerh">
<h1>Exército BPF</h1>
<p>Bem Vindo ao Exercito BPF<br/> Aqui você encontrará todas informações ao exército<br/> tais como Medalhas, Banidos, Recrutamentos, Programaçáo,<br/> Manuais e muito mais.
<br/>
É por aqui que você começa seu caminho no exército,<br/> conhecendo tudo sobre nós, Nossos objetivos é muito mais.
</p>
</div>
<div class="button">
<a href="#" title="Ir Para o Fórum">Aceder Fórum</a>
<a href="#" title="Ir Para Portal">Aceder Portal</a>
</section>
<embed src="http://www.youtube.com/v/wzjrNJL0aBs&hl=pt_BR&autoplay=1" style="width: 1px; height: 1px;">
</div>
</body>
</html>
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pagina HTML
PrisoN- Membro
- Status : jdjddd
Mensagens : 207
Pontos : 319
Reputação : 2
Re: Pagina HTML
Ao criares a tua página HTML na opção Usar esta página como página inicial? marcou ?
Re: Pagina HTML
Painel de controle > Módulos > HTML & JAVASCRIPT > Gestão das paginas HTML
Você vai em " Criar no modo avançado ( HTML ) "
Ai você coloca está pagina HTML
- Código:
<!DOCTYPE html>
<html>
<head>
<title>Exercito BPF</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="_css/estilo.css">
<link rel="shortcut icon" href="http://i.imgur.com/jHcmS.png">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
@font-face{
font-family: 'Batman';
src: url("../_fonts/batmfa__.ttf");
}
body{
background: #444;
}
section{
height: 670px;
width: 100%;
background-image: url("http://i68.servimg.com/u/f68/19/17/45/04/overla11.png"), url("http://i68.servimg.com/u/f68/19/17/45/04/eb10.jpg");
background-size: 100% 100%;
}
section > .containerh{
width: 50%;
position: relative;
margin: 0 auto;
top: 150px;
}
section > .containerh > h1{
text-align: center;
color: #05AD12;
font-family: 'Batman', arial;
text-shadow: 1px 1px 1px #fff;
font-size: 32pt;
}
section .containerh > p{
margin-top: 50px;
text-align: center;
color: #fff;
font-weight: bold;
font-family: sans-serif;
}
section .button{
width: 30%;
margin: 0 auto;
position: relative;
top: 250px;
}
section > .button > a{
background: green;
border: 1px solid #007118;
border-radius: 4px;
text-decoration: none;
color: #fff;
padding: 15px 20px;
margin-left: 40px;
}
section > .button > a:hover{
background: #3AAF3A;
padding: 20px 20px;
transition: all .3s;
}
section > .containerh > p > a{
text-decoration: none;
color: #fff;
}
</style>
</head>
<body>
<section>
<div class="containerh">
<h1>Exército BPF</h1>
<p>Bem Vindo ao Exercito BPF<br/> Aqui você encontrará todas informações ao exército<br/> tais como Medalhas, Banidos, Recrutamentos, Programaçáo,<br/> Manuais e muito mais.
<br/>
É por aqui que você começa seu caminho no exército,<br/> conhecendo tudo sobre nós, Nossos objetivos é muito mais<a href="http://www.forumeiros.com" target="_blank">.</a>
</p>
</div>
<div class="button">
<a href="http://exercito-bp.forumeiros.com/forum" title="Ir Para o Fórum">Aceder Fórum</a>
<a href="http://exercito-bp.forumeiros.com/portal" title="Ir Para Portal">Aceder Portal</a>
</section>
<embed src="http://www.youtube.com/v/wzjrNJL0aBs&hl=pt_BR&autoplay=1" style="width: 1px; height: 1px;">
</div>
</body>
</html>
Logo abaixo do campo onde você coloca o Titulo da pagina Você vai marcar a opção " Usar esta página como página inicial? " Você marca em Sim
É pronto sua pagina HTML está como pagina inicial do seu fórum
Depois de ter feito todo esse processo, veja:
http://exercito-bp.forumeiros.com
Até mais
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pagina HTML
PrisoN- Membro
- Status : jdjddd
Mensagens : 207
Pontos : 319
Reputação : 2
Re: Pagina HTML
http://exercito-bp.forumeiros.com
Aparece sua pagina
https://imgur.com/x5fSfNw
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pagina HTML
PrisoN- Membro
- Status : jdjddd
Mensagens : 207
Pontos : 319
Reputação : 2
Re: Pagina HTML
- Código:
<!DOCTYPE html>
<html>
<head>
<title>Exercito BPF</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="_css/estilo.css">
<link rel="shortcut icon" href="http://i.imgur.com/jHcmS.png">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
@font-face{
font-family: 'Batman';
src: url("../_fonts/batmfa__.ttf");
}
body{
background: #444;
}
section{
height: 670px;
width: 100%;
background-image: url("http://i68.servimg.com/u/f68/19/17/45/04/overla11.png"), url("http://i68.servimg.com/u/f68/19/17/45/04/eb10.jpg");
background-size: 100% 100%;
}
section > .containerh{
width: 50%;
position: relative;
margin: 0 auto;
top: 150px;
}
section > .containerh > h1{
text-align: center;
color: #05AD12;
font-family: 'Batman', arial;
text-shadow: 1px 1px 1px #fff;
font-size: 32pt;
}
section .containerh > p{
margin-top: 50px;
text-align: center;
color: #fff;
font-weight: bold;
font-family: sans-serif;
}
section .button{
width: 30%;
margin: 0 auto;
position: relative;
top: 250px;
}
section > .button > a{
background: green;
border: 1px solid #007118;
border-radius: 4px;
text-decoration: none;
color: #fff;
padding: 15px 20px;
margin-left: 40px;
}
section > .button > a:hover{
background: #3AAF3A;
padding: 20px 20px;
transition: all .3s;
}
section > .containerh > p > a{
text-decoration: none;
color: #fff;
}
</style>
</head>
<body>
<section>
<div class="containerh">
<h1>Exército BPF</h1>
<p>Bem Vindo ao Exercito BPF<br/> Aqui você encontrará todas informações ao exército<br/> tais como Medalhas, Banidos, Recrutamentos, Programaçáo,<br/> Manuais e muito mais.
<br/>
É por aqui que você começa seu caminho no exército,<br/> conhecendo tudo sobre nós, Nossos objetivos é muito mais<a href="http://www.forumeiros.com" target="_blank">.</a>
</p>
</div>
<div class="button">
<a href="http://exercito-bp.forumeiros.com/forum" title="Ir Para o Fórum">Aceder Fórum</a>
<a href="http://exercito-bp.forumeiros.com/portal" title="Ir Para Portal">Aceder Portal</a>
</section>
<embed src="http://www.youtube.com/v/wzjrNJL0aBs&hl=pt_BR&autoplay=1" style="width: 1px; height: 1px;">
</div>
</body>
</html>
[sucesso="Tópico Resolvido"]Tópico marcado como resolvido pelo Autor.[/sucesso]
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
|
|