loading...




Um editor simples para se poder ver imediatamente o que se está a escrever em HTML e CSS.

Pode-se testar, ver e alterar um código que desejamos criar.

É muito fácil de de utilizar, coloca-se o código da parte de cima da janela e vê-se imediatamente como fica na parte de baixo.

Ver um exemplo: copiar o código abaixo e colar na parte de cima do editor;

Entrar


Para copiar o código clicar no ícone abaixo
<style>
body{
background: #393E42;
font-family: 'open_sansregular', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666;
line-height: 1.5em;
margin: 0;
padding: 0;
}
.logo{
background: url(https://dl.dropboxusercontent.com/u/3883727/MyCodeBox/images/logo-CodeBox.png) no-repeat;
background-size: 100%;
width: 600px;
height: 195px;
margin: 0 auto;
}
.text{
text-align: center;
color:#ddd;
line-height:200px;
color: #00baff;
font-size: 50px;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 15px rgba(0, 186, 255, 0.6);
}
</style>


<div class="logo"></div>
<div class="text">Este é um exemplo  de teste</div>



Muito simples, prático, útil e funcional.


0 comentários :

Enviar um comentário