quarta-feira, 9 de junho de 2010

Brasileiros já conseguem mudar imagem da página inicial do Google

Página inicial permite colocar fotos como papel de parede! 
Por - Rafael Ferrer, iG São Paulo
Google: buscador pode ser personalizado.

Depois de anunciar que os usuários poderiam colocar imagens de fundo na página inicial americana, o Google liberou o recurso para a página inicial brasileira. A ferramenta permite que uma imagem do álbum do Picasa, uma foto pessoal ou qualquer outra divulgada na internet seja utilizada como papel de parede.
Para colocar uma foto de fundo, o usuário deve clicar no link “Faça login para visualizar a imagem de plano de fundo”, localizada no canto inferior esquerdo da página. Após fazer o login, o usuário é redirecionado para uma janela, onde pode selecionar uma imagem de fundo.

Passo a passo

Se a foto está no computador, o Google recomenda que o usuário só faça upload de imagens em formato JPG, GIF e PNG. As novas imagens são copiadas para o álbum do usuário no Picasa, álbum de fotos gratuito do Google. A imagem deve ter o tamanho mínimo de 800 x 600 pixels.
No caso de a foto estar num álbum do usuário no Picasa, é só escolher uma das fotos e clicar em “Selecionar”. Se o usuário quiser escolher entre as fotos que constam na galeria pública do Google, é só selecionar uma das imagens em destaque e clicar em “Selecionar”.
Para retirar a imagem de fundo há a opção “Remover imagem de plano de fundo”, que aparece no canto inferior esquerdo. Siga o mesmo processo na hora de trocar a imagem atual por outra.

Fonte - Tecnologia IG 
09/06/10

Marcadores: ,

Menu vertical Preto

http://easycaptures.com/fs/uploaded/360/6316579467.jpg 

Menu vertical bem elegante para seu blog ou site.

Copie código abaixo

<style type="text/css">
#tabs {
    float:left;
    width:100%;
    background:#ffffff;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #666;
    }

#tabs ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }

#tabs li {
    display:inline;
    margin:0;
    padding:0;
    }

#tabs a {
    float:left;
    background:url("http://i48.tinypic.com/2qtwxo7.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }

#tabs a span {
    float:left;
    display:block;
    background:url("http://i47.tinypic.com/2mrwleq.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
    }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
    color:#FFF;
    }

#tabs a:hover {
    background-position:0% -42px;
    }

#tabs a:hover span {
    background-position:100% -42px;
    }

</style>


<div id="tabs">
  <ul>
    <li><a href="LINK"><span>TITULO</span></a></li>
    <li><a href="LINK"><span>TITULO</span></a></li>
    <li><a href="LINK"><span>TITULO</span></a></li>
    <li><a href="LINK/"><span>TITULO</span></a></li>
    <li><a href="LINK"><span>TITULO</span></a></li>
    <li><a href="LINK"><span>TITULO</span></a></li>
  </ul>
</div>


Vá em Layout - Elementos da página - Adicionar um gadget = HTML/Javascript e cole.

Depois faça as modificações nas partes destacadas.

TITULO - coloque um título para o menu (Ex. Inicio , Contato, e etc...)
LINK - coloque o link para o título. (Link de destino)

Para adicionar um novo menu, copie  a parte destacada de verde e cole abaixo dela mesmo.

Para alterar a cor do fundo do menu,  modifique a parte destacada de rosa por outra cor em HEXADECIMAL, clique qui para ve a lista de cores

Depois de ter modificado, Salve! e arraste o gadget para o topo da sua página.

Marcadores: , ,