Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » Cascading Style Sheet (CSS) » 

Single Page HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]


Usuário ativo

em Seg Jun 27, 2016 9:43 pm
Minha questão:
Olá. Eu estava desenvolvendo uma página em HTML pra um fórum, mas eu estou tendo alguns problemas, obviamente estou aprendendo hehe.

Bom a dúvida é o seguinte. Eu não consigo centralizar bem no meio da página o texto (h1).

Código:
<html>
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Página de teste</title>
 <link rel="stylesheet" href="">
 </head>
 <style type="text/css">
 body {
 background-image: url(img4.jpg);
 -webkit-box-shadow:-15px 0 15px 4px #555;
 -moz-box-shadow:-15px 0 15px 4px #555;
 -ms-box-shadow:-15px 0 15px 4px #555;
 -o-box-shadow:-15px 0 15px 4px #555;
 background-repeat: no-repeat;
}

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.fadeIn {
-webkit-animation: fadeIn 3s ease-in-out;
-moz-animation: fadeIn 3s ease-in-out;
-o-animation: fadeIn 3s ease-in-out;
animation: fadeIn 3s ease-in-out;
}

.but-forum {
 display: inline-block;
 padding: 10px 30px;
 text-decoration: none;
 text-shadow: 0 2px 2px #000;
 color: #FFF;
 font-family: 'Perpetua Titling MT', sans-serif;
 font-size: 12px;
 margin: -22%;
 margin-left: 60%;
}

.but-forum:hover {
 text-decoration: underline;
 text-shadow: 0 0 8px #fff;
 color: #000;
 cursor: pointer;
}

.but-forum2 {
 display: inline-block;
 padding: 10px 30px;
 text-decoration: none;
 text-shadow: 0 2px 2px #000;
 color: #FFF;
 font-family: 'Perpetua Titling MT', sans-serif;
 font-size: 12px;
 margin: -22%;
 margin-left: 20%;
}

.but-forum2:hover {
 text-decoration: underline;
 text-shadow: 0 0 8px #fff;
 color: #000;
 cursor: pointer;
}

.but-forum3 {
 display: inline-block;
 padding: 10px 30px;
 text-decoration: none;
 text-shadow: 0 2px 2px #000;
 color: #FFF;
 font-family: 'Perpetua Titling MT', sans-serif;
 font-size: 12px;
 margin: -22%;
 margin-left: 20%;
}

.but-forum3:hover {
 text-decoration: underline;
 text-shadow: 0 0 8px #fff;
 color: #000;
 cursor: pointer;
}

h1 {
font-size:40px;
text-align: center;
font-family: 'Perpetua Titling MT', tahoma, sans-serif;
text-shadow: 0 2px 2px #000;
color: #2F4F4F;
margin-top: 25%;
}

p {
   text-align: center;
   fonte-size: 10px;
   font-family: 'Perpetua Titling MT', tahoma, sans-serif;
   color: #fff;
   text-shadow: 0 2px 2px #000;
}
 

</style>

<body class="fadeIn" onkeydown="return false">
 <h1>Teste de Fórum</h1>
 <p>Web Designer & Desenvolvedor da página</p>
 <a href="" class="but-forum"><b>Ir Fórum</b></a><b>
 <a href="" class="but-forum2"><b>Portal</b></a><b>
 <a href="" class="but-forum3"><b>Loja</b></a><b>
 <a href="" class="but-forum3"><b>Cadastre-se</b></a><b>
 <a href="" class="but-forum3"><b>Login</b></a><b>
</body>

</html>


Aí está o HTML, já tentei arrumar pelo CSS, mas nada ainda. Se alguém poder me ajudar, ficarei grato!


Endereço do meu fórum:
http://

Ver perfil do usuário

Administrador

em Seg Jul 04, 2016 1:30 am
Só quer o h1 centralizado ou os links também?
Posso tentar ajudar..



Olá Convidado! Eu sou o Hukers, sou administrador do Mais Fórum, a minha função é moderar o fórum e gerir a equipe assim como o fórum. Leia estes tópicos para evitares ser punido futuramente:

- Leia e respeite o regulamento geral do fórum;
- Fique informado das restrições aos usuários não oficiais.
Ver perfil do usuário http://www.alfasistemas.com.br/

Usuário ativo

em Sex Jul 08, 2016 7:27 pm
Sim o H1 centralizado e os links no canto superior direito. Como se fosse os menus

Ver perfil do usuário

Administrador

em Sex Jul 22, 2016 1:36 pm
Olá.

Desculpe a demora, antes de mais.

Tente usar as tags [codebox]center[/codebox] entre o h1.

Até mais e boas férias.

Ver perfil do usuário http://techmais.forumeiros.com
Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum