Hoje o tutorial é como fazer uma página de preview. Estava há muito tempo procurando esse tutorial e agora encontrei e vim compartilhar com vocês.. Se você está boiando no que eu estou falando, veja o teste aqui.
<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet" type="text/css">
<title> TITULO DA PÁGINA </title>
<style>
body { background: url('http://static.tumblr.com/pwfjl94/9pwm5y2a4/background_por_htmlstudio_9.jpg'); /*background da página */ }
#content { position: relative;text-align:justify; top: 30px; margin-left: auto; margin-right: auto; width: 500px; /* tamanho do conteúdo - deixe esse valor */ font-family: verdana; /* fonte do texto do conteúdo */ font-size: 10px; /* tamanho da fonte do texto*/ color: #b9b9b9; /* cor da fonte do texto */ text-shadow: -1px -1px 0px #f3f3f3; /* sombra da fonte do texto */ }
.titulo { color: #fff; /* cor do título */ text-shadow: -1px -1px 0px #b9b9b9; /*sombra do título*/ font-family: 'Grand Hotel', cursive; /*fonte do titulo*/ font-size:45px; /*tamanho da fonte do título*/ }
</style>
</head>
<body>
<div id="content">
<div class="titulo"> TÍTULO DO TUTORIAL </div>
ESCREVA O SEU TEXTO AQUI
</div>
</body>
</html>
Você personaliza ele onde se pede {as letras maiúsculas}. Depois você clica para salvar, e na hora de colocar o nome de arquivo você coloca o nome que quer e no final coloca : .html , ex: arquivodoblog.html , e no tipo você coloca "todos os tipos" como no print:
Depois é só hospedar o arquivo em um site e copiar o link e usar para o que deseja. O dropbox é um ótimo site e foi onde hospedei o de teste aqui do tutorial, entre aqui no dropbox.
Bj gente ♥
Nenhum comentário:
Postar um comentário
Comente: dúvidas, sugestões, recadinhos fofos pra mim ♥ e tudo que quiser , menos desrespeito e palavrões okay? Quer que eu visite seu blog? Claro só comentar o link ♥
Mais regras em Regras do Cake