Editando o fundo a imagem com CSS sem editor de imagem

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.

Piadinha do Dia - Pensei agora

Quem é :
que ajuda todo mundo, tem barba branca e vive com pinguins?

Para ver a Resposta clique em "leia mais"


Resposta : Jon "Maddog" Hall

Abraços.

IRC via Browser - On-line

Você já foi usuário de IRC? Se sim, espero que ainda goste, pois hoje em dia as novas tendências da área tecnologica sempre nos mostram os caminhos do poder do navegador e dai vemos tudo sendo usado em navegador ao invés de instalar um programa, hoje podemos fazer a maioria das coisas via browser, e um bom exemplo disso é o IRC.

Antes tinhamos o vários programas e o mais conhecido pra Windows foi o mIRC, onde podiamos entra no chat de forma rápida e simples, mas hoje vou lhes mostrar outra opções, e todas pelo seu navegador sem necessidade de instalar nenhum programa, claro nisso concluo que você já possui plugin do Java, para executar aplicações java via browser.

Mibbit - A melhor opção

Dentre todos eu considerei essa a melhor, pois não existe a necessida de se ter instalar o plugin do Java no navegador, facilitando ainda, mais o uso do IRC. O site é bem simples onde pode ser inserido logo na página inicial o server e o channel + o nickname. O porém é que pelo menos eu, ao usar tive algumas restrições de comandos, mas vale o uso.

Site: http://www.mibbit.com/

Web-IRC - Pelo menos não usa Java

Eu não tenho quase nada contra o Java, pelo contrário, mas rodar Ajax no navegador ou invés de Java, concerteza é mais rápido, então essa é uma alternativa ao Mibbit. No entanto, eu não conseguia concluir a conexão com os servidores, talvez tenha sido um erro na minha conexão.

Site: http://www.web-irc.org/

Chatzilla - Talvez o melhor para o mundo

Esse realmente teria tudo para ser o melhor para mim, porém no meu trabalho se eu abrir outra janela já da pra ler o que significa, dai eu prefiro o mibbit, numa aba, mesmo que pelo menos dá pra ocultar mais, porém o Chatzilla, seria uma ótima alternativa, pra quem quer um cliente irc de modo fácil, rápido e gratuito, porém essa alterntiva, vai precisar instalar o plugin do chatzilla, para Mozilla Firefox. Esse aprensenta muitas vantagens, porém cada um tem um gosto, eu acho ele até maneiro, ainda mais pelo fato de usar Ajax como o Mibbit.

Site: https://addons.mozilla.org/pt-BR/firefox/addon/16

Nota: Esse plugin funciona em qualquer browser da Mozilla.

TaikoDom - Browser IRC Client

Esse nem tenho o que dizer, mas vou indicar, pois vale a pena, conferir, porém você precisa do plugin Java instalado para rodar o IRC, eu nãoi usei, e por isso só to indicando, pois talvez você goste mais dele.

Site: http://dl1.taikodom.com/irclient/taikodom/

abraços.

Código Pronto - TextArea

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>

Pesquisando parágrafos no Word e Office Writer

Estava com um problema ao organizar um texto onde tinha vários emails em vários paragráfos e para evitar um processo repetitivo queria substituir todos os paragráfos(¶) por ponto-e-virgula(;), porém não estava achando uma solução agradavel, mas persisti, li e entendi como funciona, dai consegui o código para localizar um paragrafo no MS Office Word e no Open Office Writer, veja como fazer:

No Open Office Writer:

1. Ctrl + F (para abrir a pesquisa)
2. No campo de busca digite:
2.1. $ (Sifrão) - Para Paragrafos em todo o texto
2.2. ^$ (Til + Sifrão) - Para Paragrafos sem texto, ou seja, linhas em branco.
3. Clique em mais opções e Selecione 'Expressoes Regulares'
4. Clique em localizar e pronto.

No MS Office Word:

1. Ctrl + L (para abrir a pesquisa)
2. No campo de busca digite:
2.1. ^p (Til + p minusculo) - Para Paragrafos em todo o texto
4. Clique em localizar e pronto.

No Open Office temos a vantagem de usar expressões regulares nos permitindo fazer quase tudo que desejarmos somente usando as mesmas, diferente do MS Word, que possui tags definidas. Espero que lhe ajude bastante.

Nota: Os códigos acima funcionaram muito bem no BrOffice.Org 2.3.1 e no MS Office Word 2003, caso tenha algum problema comente o erro.

Até mais.