⇐ Clique aqui para expandir o post. ⇒

quinta-feira, fevereiro 19, 2009

Social Bar do Google Connect

Nível: intermediário

Comecei a testar a pouco no Helen Fernanda Pink a Social Bar do Google Friend Connect. Fora esse azul cueca insosso que ainda não dá para personalizar, eu achei muito interessante. Você coloca o código como um widget qualquer em qualquer local do seu leiaute que ele vai aparecer sempre no topo ou no rodapé, como você escolher nas configurações antes de gerar o código:

Vou experimentar aqui também. Até mais!

Pix meutedio arroba mail ponto com

7 comentários:

  1. @nando, não entendi nada, de novo.

    ResponderExcluir
  2. Olá Helen querida,como vai?
    Hoje estou dandouma passadinha pra dizer que tem um presentinho pra você no meu blog no post Troféu de Amigos ok?
    beijos

    ResponderExcluir
  3. Sem sacanagem.Cruel hein Helen....
    Como entender esse comentário do Nando???

    ResponderExcluir
  4. nem eu eu entendi até deletei o comentário (rs)desculpe !
    confeço que quando estou com preça começo falando uma coisa e termino com outra...
    mesmo sem conhecer a helen já deu para notar que ela é espirituoza e divertida por isso so fãn dela ... não intendo desse negócio de html é muito dificil falar do assunto rápido, claro ,em bom tom e sem cuspi (RS)
    essa barra do google friend connect é muito legal pena que ficou sobre cabeçalho do meu blog¨¨O¨¨¨¨O¨¨

    ResponderExcluir
  5. Nesse caso é preciso aumentar os pixels do padding-top do header-wrapper. Procure no seu código a parte da folha de estilos que diz:

    #header-wrapper {
    background : transparent;
    margin-top:0px;
    margin-right:0;
    margin-bottom:0;
    margin-left:40;
    padding-top:0px;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    color:#587eaf;
    }


    Substitua por:

    #header-wrapper {
    background : transparent;
    margin-top:0px;
    margin-right:0;
    margin-bottom:0;
    margin-left:40;
    padding-top:20px;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    color:#587eaf;
    }


    Você pode aumentar e diminuir o valor de padding-top:20px; até ficar bem ajustado.

    Obrigada por ter comentado novamente, agora entendi!

    ResponderExcluir
  6. a minha header-wrapper transparent divide o mesmo espaço do menu horisontal e da busca interna abaixo da tag body...
    eu consegui ajustar o padding da header e do menu
    já a busca acho que precisaria incluila no meu de modo que seria movida juntamente certo?isso é batata né imagino!só depois de fazer esses ajustes poderei por a barra do google fried connect. veja bem no meu modelo horiginal seria facil
    mais fui personalizar o que já era personalizado
    tornei o modelo um rascunho muito bonito diga-se de passagem heheh...tem muito html para ser corrigido lá !!!
    acho mais divertido corrigir e aprender alguma coisa do que usar o horiginal...
    obrigado pela ajuda e recomedo à todos que querem um modelo novo que usem o mesmo que eu ele é muito bom e fácil de personalizar ...
    Orkut blogger Template
    beijos¨¨O¨¨¨¨O¨¨

    ResponderExcluir
  7. a header-wrapper fica sobreposta aos outros elementos que etão abaixo da tag body por isso ela é transparent...tenho organizar isso!!!
    para fazer os ajustes ¨¨O¨¨¨¨O¨¨

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.