TUTORIAL: Criando Caixa Para Postar Codigos HTML/JAVASCRIPT
Cansado de procurar códigos de caixas para postar ''códigos'' e cansado de sempre os codigos das caixas darem errado ou ficarem com um visual que eu não gostasse, eu resolvi criar minha própria caixa para postar ''códigos'' aqui no Blog e vou compartilhar ela com vocês.
o visual da caixa ficou assim:
o visual da caixa ficou assim:
Para você colocar ela nas suas postagens é fácil.
Quando você for fazer uma nova postagem que tenha que publicar um código para seu leitores você faz o seguinte:
Escreva sua postagem normalmente, e no lugar onde você tem que colocar a caixa com o código você clica em ''EDITAR HTML'' e ensira o seguinte codigo:
<textarea name="textarea" onfocus="this.select()" onmouseover="this.focus()" style="height: 100px; margin: 2px; width: 380px;">coloque seu código aqui</textarea>
A onde esta em vermelho você apaga e coloca o código que deseja postar.
exemplo imagem abaixo:
Se for continuar escrevendo a postagem click em ''ESCREVER'' ao lado de ''EDITAR HTML'' e continua a sua postagem normalmente.
DICA:
Salve o código no bloco de notas do seu computador, para quando você precisar.
3 comentários:
nossa muito obrigado eu estava procurando esse tutorial e não consegui fazer,mais esse seu é mais simples é da certo. valeu mesmo!
Tutorial perfeito! Me ajudou muito.
Participando do site. participa e segui o meu? *-*
Postar um comentário