• Novo Site da Associação Vitoria em Cristo

    O mundo está mudando e já não é possível pensar em comunicação sem considerar a Internet como um canal imprescindível de relacionamento. Por esse motivo, e para comemorar os 29 anos da Associação Vitória em Cristo, a Avec promoveu uma reformulação em seu site, a fim de torná-lo mais atraente, dinâmico e interativo. O intuito é acompanhar a modernidade e ser transparente nas ações desenvolvidas pela Associação, informando com objetividade e clareza como são aplicados os recursos ofertados ao ministério...

    read-more
  • Quisque sed felis

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus.Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. [caption id="attachment_111" align="alignright" width="300" caption="Image with caption"][/caption] Mauris elit. Donec neque. ...

    read-more
  • Etiam augue pede, molestie eget.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis ...

    read-more
  • Hellgate is back

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris ...

    read-more
Anterior Proxima

terça-feira, 17 de maio de 2011

, ,

TUTORIAL: Criando Caixa Para Postar Codigos HTML/JAVASCRIPT

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:




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:

  1. Edina Ribeiro disse...

    nossa muito obrigado eu estava procurando esse tutorial e não consegui fazer,mais esse seu é mais simples é da certo. valeu mesmo!

  2. Luiza Viana disse...

    Tutorial perfeito! Me ajudou muito.

  3. Luiza Viana disse...

    Participando do site. participa e segui o meu? *-*

Postar um comentário