ColorZilla, um dos addons do Mozilla

O Firefox é o navegador amigo do webdesigner e do programador web. Ele permite que tu adiciones “complementos”, que são pequenos softwares desenvolvidos por outras pessoas, que aumentam as funcionalidades do navegador.

Um ferramenta muito útil é o ColorZilla. Numa pequena janela na barra de ferramentas do Firefox é exibido o código HEX e RGB da cor de qualquer componente do site onde a seta do rato está.

Então para descobrir qual é o código HEX de uma determinada fonte, ou imagem de fundo, basta passar o rato sobre ela e visualizar o código.

Ele também mostra qual um retângulo vermelho sobre div, p, span e outros elementos html. Para instalar o ColorZilla clica aqui.

Descobri recentemente um conjunto de blogs que são muito interessantes e que valem a pena dar uma olhadela, mais que não seja pela sua diversidade.

Expression Engine
Movable Type
Serendipity
Textpattern
Drupal
Mephisto
Blog

Espero que gostem, até à próxima.

Excelente video sobre a Web 2.o

Para quem não sabe o que é um "Easter Egg", é a designação que dão a mensagens sublimes em tudo, como por exemplo no livro do Código da Vinci e em quadros etc...neste caso vou-vos falar do Mozilla, se quiserem ver basta fazerem isto:

1-Abram o Mozilla e escrevam no endereço "about:mozilla"
2-Se quiserem descobrir o que quer dizer vão aqui O livro de Mozilla

Têm um significado interessante e sempre podem ver outros Easter Eggs, como do Internet Explorer e livros, filmes e por ai adiante...

Dica para o Mozilla

Descobri agora que podemos abrir mais que um separador logo no iniciar do Mozilla, aliás, descobri agora mesmo...basta seguir estes passos:

1-Têm de ter os endereços das páginas que querem que abra logo quando iniciam o Firefox
2-Entrem no Mozilla e vão às "Ferramentas" e depois às "Opções"
3.Devem estar numa parte que diz "Geral" e ai vão deparar-se com o link que inicia com o vosso Mozilla, basta que agora coloquem a seguir a esse endereço, ou apaguem esse se não quiserem que surja o motor de busca do Mozilla, o(s) endereço(s) que que querem que abra, basta que os separem por esta barra "|"
Exemplo:

Se antes estava assim:
http://www.google.pt/firefox?client=firefox-a&rls=org.mozilla:pt-PT:official

Ficou depois assim:
http://www.tribalwars.com.br/|http://coisasopinioeseafins.blogspot.com/

Desta forma abriria estes dois sites ao iniciar o Mozilla, sem o motor de busca que tinha apagado, só existe um senão, cada vez que clicarem no botão Home, ele vai abrir novamente os endereços que colocaram, mesmo que ja os tenha abertos, pode ser chato ou não, a escolha é vossa.

Alterar endereços

Descobri isto num blog mas agora já não encontro o link, porque é merecido a sua publicação, mas voltemos agora à explicação de como isto funciona, o endereço que vos vou dar faz com que o site que la coloquem fique alterado, isto é porreiro se quiserem guardar endereços que possuem nomes ou palavras impróprios =), seja como for deixo para vocês a decisão de o que fazer com isso.

Not Safe For Work
Descobri este site onde podemos registar os vários ramos da família numa árvore genealógica. Um design limpo e atractivo, muito web 2.0, e um serviço na mesma onda, já que o meusparentes.com.pt permite construir uma comunidade familiar baseado na nossa árvore, convidando e interagindo com os familiares dos nossos ramos.

Um site social familiar, gratuito que começou na Alemanha, mas já tem uma versão em Português (tanto de Portugal, como do Brasil, inclusive com domínios endémicos, o com.pt e o com.br) e que está aqui.

Uma pequena e estúpida descoberta, espero que gostem.

Site de jogos

Descobri um site de jogos bastante bons, nada de sangue nem nada disso, somente uma boa lista de jogos para relaxar, acreditem que é bastante relaxante.

http://www.ferryhalim.com/orisinal/


Para mim o melhor de todos é o do astronauta, deliro com aquilo, mas isso sou eu e por favor, gostos não se discutem =)

Imagens de fundo degrade



Código para Azul e Branco degrade:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/azul_branco.gif') fixed top left repeat-x;



Código para Preto e cinza:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_cinza.gif') fixed top left repeat-x;



Código para Preto e Vermelho:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_vermelho.gif') fixed top left repeat-x;



Código para Laranja e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/laranja_branco.gif') fixed top left repeat-x;



código para Verde e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/verdea_branco. gif') fixed top left repeat-x;

E aqui esta uma lista bastante boa penso eu, se quiserem ver onde é que stes codigos se colocam, basta verem os posts anteriores, até à próxima.
Caso queiram colocar uma imagem como fundo do vosso blog é bastante fácil de o fazer, sigam estes passos:

1-Vão ao vosso "Painel de controlo" e escolham "Editar HTML"
2-Procurem a tag:

body {

Está logo no início do HTML

Agora vejam se a tag tem a palavra background

Se não tiver coloque esse código logo após a tag body {

Um exemplo de como isto deve ficar:
background: black url(ENDEREÇO DA IMAGEM) fixed top left repeat-x;

Se já tiver a palavra background, substitua por isto:
Vamos as variáveis.

black - Significa que a cor de fundo atrás da imagem é preta. (Para trocar de cor, basta trocar a palavra) - Red=vermelho, #ffffff=Branco, green=Verde...

Fixed - Significa que a imagem irá ficar intacta ao mexeres os posts para cima e pra baixo, caso queriam que a imagem se mexa juntamente com o texto retirem a palavra

top - Significa que a imagem irá ficar no Topo, caso queiram que ela fique em baixo, troquem por "bottom".

left - Significa que a imagem irá ficar à esquerda, se quiserem que fique à direita, troque por "right."

repeat-x - Significa que a imagem irá repetir-se na horizontal, caso queriam que ela se repita na Vertical troquem o "x" por "y", caso queiram que não se repita troque "repeat-x" por "no-repeat"

E aqui esta, até à próxima.
Em alguns esquemas do blogger as imagens ficam com marcas um pouco ranhosas à volta, caso queiram alterar isto para sempre basta irem ao "Painel de controlo" do vosso blog e depois escolham "Editar HTML" e vão ter de procurar esta parte:

. post img {
padding:4px;
border:1px solid $bordercolor;
}

Agora vão à parte que diz "1px" e alteram para "0px" e é só salvar que já esta, as vossas imagens ficam com um rebordo reduzido ao mínimo possível.

Até à próxima.
Se quiserem retirar aquela barra chata de cima do vosso blog basta fazerem isto:

1-Vão ao vosso blog, entrem e vão ao "Painel de controlo"
2-Escolham a opção "Esquema" e escolham o opção "Editar HTML"
3-Copiem este código para uma parte que já vos vou indicar, o código é :
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

E devem colocar isto antes destas linhas:
#outer-wrapper {
background: #123;
}

Ou seja, deve ficar assim:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

#outer-wrapper {
background: #123;
}

Agora é só salvar o j esta, o vosso blog sem a barra e navegação, caso queiram voltar atrás, é só apagar este código e o a barra volta.

Até à próxima.

Modificar o hi5, myspace, blog etc...

Olá a todos, este post será muito fácil de fazer e muito útil também para quem gosta de fazer coisas diferentes com os seus blogs, wordpress, hi5, myspace etc...vasta irem a este site:
Profile tweaks

Depois procurem a secção que diz "mY space codes" e já ai têm os vossos codigos para coisas bem interessantes.

Até à próxima.
Este é um post parvo, como todos os outros mas este é mais, se por algum acaso alguém quiser colocar um chat num local qualquer seu, basta ir a este site e fazes um chat em um minuto sem problemas nenhuns, eu fiz um na brincadeira e é mesmo fácil..e é isso.

Meebo

Até à próxima.
top
Embed Wave to Blogger