![[PHP] Página simples Empty](https://2img.net/i/empty.gif)
[PHP] Página simples 31.01.16 18:04
Como prometido, fiz um tutorial para uma página web bem simples, tutorial bem explicativo, para aqueles que estão tentando aprender, entrando no ramo agora.
ScreenShot de como ficou!
ScreenShot de como ficou!
- Código:
<?php
$meusite = "DevUnit"; /*Entre as aspas, você bota o nome do seu site*/
?>
<html>
<head>
<title><?php echo "$meusite" ?> - Manutenção</title>
<meta charset="utf-8">
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto); /*Importamos a font roboto para o site*/
/* Css reset simples*/ *{
margin:0;
padding:0;
}
/*Aqui é onde a estilização do título é feita*/ h1{
font-family: 'segoe ui light', sans-serif; /*Definimos a font padrão para a segoe ui*/
text-transform: uppercase; /*Forçamos todo texto a ficar em CapsLock*/
color:white; /*Botamos a cor branca*/
font-size:80px; /*Aumentamos o tamanho da letra*/
margin:0; /*Tiramos o espaçamento de cima*/
}
/*Aqui é onde a estilização do sub-titulo é feita*/ p{
color:white; /*Botamos a cor branca*/
font-family: 'Roboto', sans-serif; /*Definimos a font padrão para a roboto*/
}
</style>
</head>
<body style="background-color: #262A2B;"><!-- Botamos a cor #262A2B, uma cinza escuro, no fundo da tela !-->
<center>
<h1><?php echo "$meusite" ?></h1><!-- Seu título !-->
<p>O <?php echo "$meusite" ?> está em manutenção no momento, por favor, retorne mais tarde.</p><!-- Seu sub-titulo!--><br>
<img src="http://www.guardirastreamento.com/files/gvhg-3yo61r2k0zcc-7uxvf.png"><!-- Uma imagem !-->
</center>
</body>
</html>
