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.
Expression Engine
Movable Type
Serendipity
Textpattern
Drupal
Mephisto
Blog
Espero que gostem, até à próxima.
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...
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.
Not Safe For Work
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.
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 =)
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.
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.
. 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.
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.
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.
Meebo
Até à próxima.
Subscrever:
Mensagens (Atom)