Já pensou em editar seu código PHP ou HTML ou CSS ou qualquer outro? Bom eu já pensei e ainda não achei bem exatamante o que eu queria, que é um sistema de edição on-line que salva meus códigos e ainda envia por e-mail, mas mesmo assim vou continuar procurando e quando eu achar e posto aqui, senão eu acho que vou criar, mas enquanto isso eu vou postar o que eu já achei.

Editor PHP- Esse você pode editar seus códigos, de forma bem dinamica e rápida, e ainda pode fazer isso com várias linguagens, é bem legal.

Para usar, acesse: http://www.phpgratis.com.br/editor/

EditArea- Mais util que o Editor PHP, pois além de ter suporte para várias linguagens,ainda possibilita instalar em seu servidor de hospedagem, e ele usa JavaScript, para realiazar as alterações, super legal.

Para usar, acesse: http://www.cdolivet.net/index.php?page=editArea&sess=e91390c20602bd7a4e6170f299257cdc

Ao navegar na web, achei alguns outros, porém não achei tao interessante,assim e por isso não postei aqui. Mas se quiser comenta ai que eu posto mais sobre.

abraços

Olá , ontem eu fiz um post onde eu falava sobre o “Como trabalhar na ONU?” e me deparei com um situação diferente, pelo menos pra mim, onde a imagem que eu inserir no post o fundo era transparente e precisava ter uma cor no fundo, então eu fiz o óbvio e coloquei o fundo na imagem ou na tag, e agora vou colocar como se faz isso, o que pode até lhe ajudar quando você fizer uma imagem sem fundo e quiser mudar o fundo sem precisar usar um editor de imagens.

Codigo:

<p style=”text-align: center;”><img class=”aligncenter” style=”background-color: #6649ff;” src=”http://www.un.org/english/portals/images/biglogo.gif” alt=”Imagem da ONU, logotipo” width=”247″ height=”209″ /></p>

Exemplo:

Espero que tenham entendido, senão o eu explico rapidamente, pois onde está ‘<img … style:”background-color: ..’ é onde eu estou definindo a cor do fundo da imagem me dando o poder de alterar simplesmente um pequeno pedaço de codigo, bem simples não? Mesmo assim, valeu.

Até Mais.

As vezes alguns acham meio difícil inserir um favicon em um site, que pode ser animado ou não, e vou demonstrar de forma rápida e simples deixando um código pronto pra vocês.

Favicon Simples

Bom de inicio se você quiser inserir um Favicon (Ícone dos favoritos) no seu site você deve ter o ícone de 32×32 pixels e de preferência com a extensão ‘.ico’ e inclua em seu código fonte, antes do </head> o seguinte código:

<link rel="shortcut icon" href="/favicon1.ico" >

Favicon Animado

Agora se você deseja inserir um favicon animado, ele pode estar com a extensão ‘.ico’ ou ‘.gif’, porém eu prefiro usar o .gif, mas faça como quiser, e claro para se fazer isso você precisa ter um gif com tamanho de 32×32 pixels, e digite o seguinte código antes do </head>:

<link rel="icon" href="/animated-favicon.gif" type="image/gif" >

Sugestão

Agora se você der o azar de o cara que visita tua página, usar um browser muito velho ele pode não ver o seu gif animado, por isso sugiro que coloque o seguinte código antes da tag </head>:

<link rel="shortcut icon" href="/favicon1.ico" >
<link rel="icon" href="/animated-favicon.gif" type="image/gif" >

Nota: Eu pressuponho que o arquivo estará hospedado no diretório principal de sua hospedagem, senão coloque o endereço completo de seus ícones.

Abraços.

Algumas vezes preciso de uma TextArea e preciso ficar procurando no Google apesar de achar, porém as vezes é meio chato, então pra quem precisar fica ai a dica, lembrando que o ‘cols’ é referente ao número de colunas da área, ou seja, se você aumentar o número a largura do campo aumentará o mesmo para ‘rows’ só que pra altura, quem deseja pode estilizar com CSS, veja no exemplo 2:

Exemplo 1:
Gostou desse campo?

Código Exemplo 1:

<textarea cols=”25″ rows=”5″ name=”cyberdeliabr.com”>Gostou desse campo?</textarea>

Exemplo 2:
Gostou desse campo?

Código Exemplo 2:

<textarea style=”background-color: black; color: white;” cols=”25″ rows=”5″ name=”cyberdeliabr.com”>Gostou desse campo?</textarea>

Muitas vezes nós programadores temos casos onde precisamos fazer coisas que já fizemos antes ou fazer algo repetitivo, pensando nisso estarei criando uma seção onde serão postados códigos já prontos e organizados da melhor forma possível, isso para agilizar o trabalho de procurar no Google ou até mesmo digitar tudo. Então quando quiser o esse código procure na categoria ‘Código Pronto’ e boa sorte.

A dica de hoje é o Select de Estados do Brasil, onde neste fim de semana ao fazer um projeto tivemos um amigo e eu, uma demora enorme para achar um código agradável e ainda assim tava ruim, pois aqui fica a dica e até mais.

Exemplo:

Codigo HTML:

<select name=”Estados”>
<option value=”0″>Selecione o Estado</option>
<option value=”ac”>Acre</option>
<option value=”al”>Alagoas</option>
<option value=”ap”>Amapá</option>
<option value=”am”>Amazonas</option>
<option value=”ba”>Bahia</option>
<option value=”ce”>Ceará</option>
<option value=”df”>Distrito Federal</option>
<option value=”es”>Espirito Santo</option>
<option value=”go”>Goiás</option>
<option value=”ma”>Maranhão</option>
<option value=”ms”>Mato Grosso do Sul</option>
<option value=”mt”>Mato Grosso</option>
<option value=”mg”>Minas Gerais</option>
<option value=”pa”>Pará</option>
<option value=”pb”>Paraíba</option>
<option value=”pr”>Paraná</option>
<option value=”pe”>Pernambuco</option>
<option value=”pi”>Piauí</option>
<option value=”rj”>Rio de Janeiro</option>
<option value=”rn”>Rio Grande do Norte</option>
<option value=”rs”>Rio Grande do Sul</option>
<option value=”ro”>Rondônia</option>
<option value=”rr”>Roraima</option>
<option value=”sc”>Santa Catarina</option>
<option value=”sp”>São Paulo</option>
<option value=”se”>Sergipe</option>
<option value=”to”>Tocantins</option>
</select>

Valeu.