Páginas

sábado, janeiro 31, 2009



Pix meutedio arroba mail ponto com

Alinhamento de texto

nivel
Seus textos estão bem alinhados?

Mais um tutorial de HTML e CSS muito simples e necessário que todos poderão aplicar em seus blogs.

Texto centralizado

Centralizando com a tag center:
<center>Centralizando com a tag center.</center>

Centralizando com align:
<div align="center">Centralizando com align.</div>

Centralizando com text-align:
<div style='text-align:center;'>Centralizando com text-align.</div>

Texto alinhado à direita

Alinhado com align:
<div align="right">Alinhado com align.</div>

Alinhado com text-align:
<div style='text-align:right;'>Alinhado com text-align.</div>

Texto alinhado à esquerda

Alinhado com align:
<div align="left">Alinhado com align.</div>

Alinhado com text-align:
<div style='text-align:left;'>Alinhado com text-align.</div>

Texto justificado

Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align:
<div align="justify">Justificado com align.</div>

Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align:
<div style='text-align:justify;'>Justificado com text-align.</div>

Exemplo na folha de estilos

.post div, p {text-align:justify;}
#comments {text-align:left;}
#post-comment-link .comment-link {text-align:center;}
blockquote {text-align:right;}
]]></b:skin>

Pratique alinhamento e melhore a qualidade visual de seus posts.



Pix meutedio arroba mail ponto com

sexta-feira, janeiro 30, 2009



Pix meutedio arroba mail ponto com

quinta-feira, janeiro 29, 2009

Como mesclar blogs no Blogger

Nível: avançado

Este post é para quem usa Blogger e precisa mesclar dois ou mais blogs. Isso ocorre principalmente nas seguintes situações:

  • Você tem vários blogs e, por quaisquer motivos, preferiu mesclá-los em um só para facilitar a atualização.
  • Você desistiu de seu blog e vai excluí-lo, mas quer que seus posts continuem disponíveis no blog de algum amigo que vai continuar atualizando.
  • Você e seu(s) amigo(s) resolveram mesclar seus blogs e manter um blog coletivo.

Você vai perceber que é bem simples e não é preciso copiar post por post, como muitos ainda acreditam. Veja os passos:

1. Escolha o blog que fica

Escolha o blog que fica, já que o(s) outro(s) será/serão eliminado(s) ou redirecionado(s). Para facilitar o tutorial vamos chamar o blog que fica de blog F e o blog que será eliminado de blog E.

Se você tem problema com Internet lenta e um blog tem muito mais posts que o outro, escolha o blog que tem mais posts como blog F. Exemplo: um blog tem 40 posts e outro tem 150, escolha o que tem 150 como blog F. Não se preocupe com template e endereço, isso você pode trocar depois.

2. Desative os comentários do blog E

Para não perder nenhum comentário durante o processo, sugiro que desative os comentários do blog E.

  • Entre no Blogger.
  • No painel do blog E, vá até Configurações » Comentários.
  • Marque a opção Ocultar.
  • Clique no botão laranja Salvar configurações.

3. Exporte o blog E

  • Vá até Configurações » Básico » Exportar blog.
  • Clique no botão laranja Fazer download do blog.
  • Escolha uma pasta e salve.

Não faça mais nada no blog E por enquanto.

4. Importe o blog E no blog F

  • Entre no painel do blog F.
  • Vá até Configurações » Básico » Importar blog.
  • Clique no botão Arquivo
  • Selecione o arquivo .xml que você acabou de salvar.
  • Escreva a palavra da imagem.
  • Sugiro que mantenha a opção Publique automaticamente… DESmarcada.
  • Clique no botão laranja Importar blog.
  • Aguarde o upload, que pode demorar alguns minutos se o blog importado tiver centenas de posts.

5. Escolha e publique

Observe que na lista de posts agora tem a classificação Importado.

Antes de publicar os posts, verifique se os marcadores estão corretos e edite se for necessário.

Se for publicar a maioria dos posts, sugiro que clique em Selecionar Todos e desmarque apenas os que não for publicar. Em seguida clique no botão laranja Publicação Selecionada:

Aguarde a mensagem de confirmação:

Somente após ter certeza de tudo foi importado corretamente, exclua os posts do blog E.

Sugiro que ao menos durante um mês não exclua o blog E, mas matenha-no com um aviso apontando para o blog F. Se preferir pode também usar um redirecionamento.



Pix meutedio arroba mail ponto com

Seis coisas, seis links

O HTMHelen foi indicado para essa peteca pelo blog Fronteiras no Tempo. Se não me falha a memória, foi só esse. Tive outras indicações para essa mesma brincadeira em outros blogs, por isso estou meio confusa.

A brincadeira consiste em postar seis curiosidades aleatórias sobre você e apontar seis blogueiros para que façam o mesmo. O objetivo é que os leitores e os companheiros da blogosfera possam conhecer mais cada um dos blogueiros que participarem.

Regras:

  • Linkar o blog da pessoa que te indicou.
  • Escrever as regras do meme da peteca em seu blog.
  • Contar 6 curiosidades aleatórias sobre você.
  • Indicar mais 6 pessoas e colocar os links no final do post.
  • Ao publicar o post, avise cada um de seus indicados, deixando comentários nos blogs.

Sobre mim:

  1. Sou virgem e pretendo morrer assim. Me divirto muito dizendo isso porque sei que a maioria não acredita. Vocês precisam experimentar esse prazer de contar uma verdade polêmica que você pode dizer sem medo porque a maioria não acredita. Como diria a Fabíola, é orgástico!
  2. Só aprendi a dizer palavrões na faculdade de Jornalismo, mesmo tendo sido criada por pais que diziam um palavrão a cada duas palavras.
  3. Xingo estranhos quando os vejo jogando lixo em ruas e calçadas.
  4. Descobri que café-com-leite é um excelente acompanhamento para qualquer tipo de comida, doce ou salgada, quente ou fria.
  5. Eu enjoo das pessoas e não escondo isso delas.
  6. Acredito que pior do que ser pobre é ser um pobre que fez filhos.

Eu indico:

  1. Bubuzando na Net
  2. Christian Gump
  3. Erika Lettry
  4. Internet para Todos - Participou aqui!
  5. Lucky Star Downloads
  6. Vida Digital

Aproveito o post “social” para agradecer ao Ferramentas Blog pela indicação em um post exclusivo. Chique de doer!



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

Sem comentários anônimos, novamente

Sombra
Saia da sombra e exista!

Gente, por um tempo eu liberei os comentários para que parceiros como Christian pudessem utilizar a opção Nome/URL. Infelizmente, para deixar a opção Nome/URL disponível é preciso liberar também os comentários anônimos. Foi aí que lascou tudo!

Esse é um blog pessoal, opinativo, indignado. Eu escrevo o que desejo, sem censura, porém dou minha cara a tapa. Se eu for numa entrevista de emprego e uma psicóloga perguntar qual foi a sensação de ter publicado a foto do Paulinho, posso até mijar na roupa, mas sou EU quem vai ter que assumir as conseqüências consequências, só EU e “zefini”.

Infelizmente há muita gente por aí que não tem 1/10 da minha coragem e se aproveita da opção de comentários anônimos para dizer o que não sabe, o que não sente, com palavras que não usaria se eu soubesse quem escreve. Assim, acabo perdendo muito tempo lendo e recusando esses comentários covardes que não valem nada, já que não têm dono. Anônimo não é ninguém. Um covarde não é ninguém. Anônimos me dâo nojo porque covardia me dá nojo. Talvez Rodrigo Alves se lembre que penso assim desde os tempos da faculdade.

Assim sendo, para comentar você terá que usar sua conta do Google/Blogger ou sua Open ID. Você vai perceber que não é tão ruim quanto parece.

Imagem do blog Eu e a Minha Sombra



Pix meutedio arroba mail ponto com

quarta-feira, janeiro 28, 2009

Feed, clipagem, mesa e chance

Depois de muito procrastinar, tirei a tarde de hoje para resolver o problema do feed coletivo BloGYN. Não foi simples, tive que fazer umas firulas lá no Pipes, mas o trabalho valeu a pena, nosso feed já está funcionando normalmente com todos os blogs. Se o feed voltou, o Twitter @blogyn também está atualizado.



Pix meutedio arroba mail ponto com

segunda-feira, janeiro 26, 2009

Como colocar imagem no background

Alguns exemplos para você experimentar em posts do seu blog de testes.

Como determinar a imagem:

<div style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVrh_KnqTB7sBt8owyRJhYeLoaEklYBi1qNuQXdnVptr_9giN3vzphUfkNQmHsKNdhLw7HrvTd_hFiA8wCWMQzTJP6u8rdGBxFis1nyFT0VgIC4K4ZEPELPaAYtR_CnFoUcHxo3U1Jt7v/s190/09.jpg); width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo.</div>
Exemplo de imagem de fundo.

Imagem centralizada:

<div style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJVrh_KnqTB7sBt8owyRJhYeLoaEklYBi1qNuQXdnVptr_9giN3vzphUfkNQmHsKNdhLw7HrvTd_hFiA8wCWMQzTJP6u8rdGBxFis1nyFT0VgIC4K4ZEPELPaAYtR_CnFoUcHxo3U1Jt7v/s190/09.jpg) center center; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo centralizada.</div>
Exemplo de imagem de fundo centralizada.

Imagem de fundo fixa:

<div style='color:white; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC4oeZ3kZ3u825jnoAwxZQc5J9PHqdY8oMXYTT1IF0-RmTLzNNoGw_FGCH5awRPlMV_wMQY_vcvTI4rHhhd069c6NHgeBdlSxjGXztQv_ONVBeHoSGDRjZLGnSknaBQ3XvomquKvTnQ7sV/s0-r/bg%255B1%255D.jpg) fixed; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo fixa.</div>
Exemplo de imagem de fundo fixa.

Repetição na vertical:

<div style='border:1px #ffcc00 solid; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) repeat-y; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo que se repete na vertical.</div>
Exemplo de imagem de fundo que se repete na vertical.

Repetição na horizontal:

<div style='border:1px #ffcc00 solid; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) repeat-x; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo que se repete na horizontal.</div>
Exemplo de imagem de fundo que se repete na horizontal.

Não se repete:

<div style='border:1px #ffcc00 solid; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) no-repeat; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo que não se repete.</div>
Exemplo de imagem de fundo que não se repete.

Imagem centralizada que não se repete:

<div style='border:1px salmon solid; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) center center no-repeat; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem de fundo centralizada que não se repete.</div>
Exemplo de imagem de fundo centralizada que não se repete.

Imagem no canto inferior direito:

<div style='border:1px salmon solid; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) right bottom no-repeat; width:400px; height:200px; margin:auto; text-align:center;'>Exemplo de imagem no canto inferior direito.</div>
Exemplo de imagem no canto inferior direito.

Folha de estilos:

Alguns exemplos de imagens no background determinadas na folha de estilos:

body {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) #000000 repeat fixed;}
blockquote {border:silver solid; border-width: 0px 2px 2px 0px; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) no-repeat scroll left top;
.blog-title {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif) no-repeat left; padding-left:20px;}
]]></b:skin>

Propriedades separadas:

Nos exemplos supracitados, eu coloquei todas os atributos de fundo dentro da propriedade background, mas também é possível determinar cada um deles separadamente. Veja:

body {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ANdcJoDtqHbhw2sJlcwhFrgNu6fQZByz8G13Vsck0slClXkAOqnzTzX83Z6hr6-QljL_xWVsFVQk-DkIxYBEADbU2wW2lXtFpkCLWZ2GUTlcE1iZ0fiFBtfxgBIJNDBJFIL0q2zfQoXe/s32/tile.719336865.gif);
background-color:#000000;
background-repeat:repeat;
background-attachment: fixed;}
background
Todas os atributos de fundo podem ser definidos aqui separados por espaço.
background-color
Cor de fundo.
background-image
Imagem de fundo seguindo o modelo url(nome-da-imagem.ext). Os navegadores atuais aceitam imagens com as extensões .gif, .jpg, .jpeg e .png. Imagens com extensão .bmp não devem ser usadas.
background-position
Posição da imagem de fundo. Valores aceitos:
  • top - topo
  • right - direita
  • bottom - base
  • left - esquerda
  • center - centro
  • porcentagem - Exemplos: 50% 0%, 40% 100%. O primeiro valor é a distância da esquerda para a direita e o segundo valor é a distância do topo para baixo.
  • lenght - Exemplos: 100px 0px, 40px 300px. O primeiro valor é a distância da esquerda para a direita e o segundo valor é a distância do topo para baixo.
  • combinação - Exemplos: bottom left, center 20%, 100px bottom, 50% 200px. O primeiro valor é a distância da esquerda para a direita e o segundo valor é a distância do topo para baixo.
background-repeat
Repetição da imagem de fundo. Valores:
  • repeat (lado a lado)
  • no-repeat (não repete)
  • repeat-y (repete na vertical)
  • repeat-x (repete na horizontal)
background-attachment
Valores:
  • fixed - imagem de fundo fixa. Quando você rola a barra, a imagem continua no mesmo lugar e só os elementos rolam.
  • scroll (padrão) - imagem rola junto com os elementos da página.
  • inherit - conforme o padrão do site (geralmente determinado em body)

Escolher o background de seu blog ficou fácil agora!

Update 1º/02/2009
Conheça galerias com Lindos backgrounds gratuitos.

Fonte: HTML Dog



Pix meutedio arroba mail ponto com

Promoção Avon Color Trend - A Estrela é Você

A Estrela é Você

Essa promoção é tão boa que tenho que me controlar para não comprar o portfólio inteiro da linha Color Trend só para receber muitos cupons.

Como participar

  • A cada 3 (três) produtos Color Trend adquiridos nas campanhas 04 e 05/2009, você recebe um cumpom que pode ter um dos mil prêmios instantâneos.
    • Exceção: O produto esmalte de longa duração não dá direito a cupom.
  • Cupons não-premiados poderão concorrer aos 125 prêmios em sorteio se enviados ao CEP da promoção ou cadastrados no site até o dia 17/04/2009.

1.000 (mil) prêmios instantâneos:

  • 30 (trinta) câmeras fotográficas digitais.
  • 300 (trezentas) assinaturas da revista Gloss por um ano.
  • 700 (setecentos) kits Color Trend contendo:
    • 21 (vinte e um) produtos de beleza Color Trend
    • 1 (uma) bolsa exclusiva

125 (cento e vinte e cinco) prêmios em sorteio:

  • 100 (cem) pen drives em formato de coração. Pode ser usado como colar.
  • Mesada de R$ 500,00 por mês durante um ano para 15 (quinze) ganhadoras.
  • Final de semana de ESTRELA para 10 (dez) ganhadoras. Programação:
    • Viagem a São Paulo.
    • Hospedagem em hotel de luxo (com translado e alimentação).
    • Visita à redação da Revista Gloss, na Editora Abril.
    • Consultoria de moda e beleza com a estilista da Revista Gloss.
    • Book fotográfico com participação de Isis Valverde.

Mais informações:

Boas compras e boa sorte!



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

domingo, janeiro 25, 2009



Pix meutedio arroba mail ponto com

sábado, janeiro 24, 2009



Pix meutedio arroba mail ponto com

Texto alternativo e descrição

Nível: iniciante

Esses são dois recursos muito simples e ao mesmo tempo muito importantes para a usabilidade de seu site. Estamos falando dos atributos alt e title, tantas vezes esquecidos por webmasters e blogueiros.

Texto alternativo em imagens

Como o próprio nome sugere, o texto alternativo (atributo alt) é exibido no lugar da imagem quando a mesma não pode ser carregada. Nesse atributo coloque a palavra que resume a imagem. Quando essa imagem apontar para um outro site, coloque o nome do site no campo alt.

Abaixo segue um exemplo de utilização desse recurso. À esquerda aparece a imagem que desejo exibir. À direita simulei um erro de carregamento de imagem. Como ela não abriu, aparece o texto que coloquei no campo alt:

GatinhoGatinho
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aMa416_ULuGw5aItuJ38PzWUUY5WvbiL7xyI_iBNw_vHBPPXJM7pbwwjESY-ZA4ldDQYVeKsAaNtZ5LeZz62j5TPanaEPsYGMtaR3MqY4DViHyZa0nwla3wk4SaoS5mM-r1ZLhkbflpZ/s144/me_voy.gif" alt='Gatinho'>

Neste outro exemplo, a minha imagem é um link, então vou facilitar a vida do leitor colocando no campo alt o nome do site, porque é isso que eu quero que ele veja se a imagem não carregar.

Helen Fernanda PinkHelen Fernanda Pink
<a target='_blank' href='http://pink.helenfernanda.com'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aMa416_ULuGw5aItuJ38PzWUUY5WvbiL7xyI_iBNw_vHBPPXJM7pbwwjESY-ZA4ldDQYVeKsAaNtZ5LeZz62j5TPanaEPsYGMtaR3MqY4DViHyZa0nwla3wk4SaoS5mM-r1ZLhkbflpZ/s144/me_voy.gif" alt='Helen Fernanda Pink'></a>

Descrição em imagens

A descrição é feita com o atributo title. O texto da descrição aparece quando você passa o mouse sobre a imagem.

Gatinho
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aMa416_ULuGw5aItuJ38PzWUUY5WvbiL7xyI_iBNw_vHBPPXJM7pbwwjESY-ZA4ldDQYVeKsAaNtZ5LeZz62j5TPanaEPsYGMtaR3MqY4DViHyZa0nwla3wk4SaoS5mM-r1ZLhkbflpZ/s144/me_voy.gif" alt='Gatinho' title='Gatinho'>

Navegadores

Quando a imagem não tem o atributo title, o Internet Explorer (e somente ele) exibe o texto que está no campo alt quando o cursor está sobre a imagem, mesmo que ela tenha sido carregada normalmente.

Descrição em links

Helen Fernanda Pink
<a target='_blank' href='http://pink.helenfernanda.com' title='Meu site cor-de-rosa com assuntos de mulherzinha'>Helen Fernanda Pink</a>

Quando a imagem for um link, coloque alt na tag <img> e title na tag <a>:

Helen Fernanda Pink
<a target='_blank' href='http://pink.helenfernanda.com' title='Helen Fernanda Pink'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8aMa416_ULuGw5aItuJ38PzWUUY5WvbiL7xyI_iBNw_vHBPPXJM7pbwwjESY-ZA4ldDQYVeKsAaNtZ5LeZz62j5TPanaEPsYGMtaR3MqY4DViHyZa0nwla3wk4SaoS5mM-r1ZLhkbflpZ/s144/me_voy.gif" alt='Helen Fernanda Pink'></a>

Descrição em texto

Em HTML as tags que precisam de descrição são <abbr> (abreviatura) e <acronym> (sigla):

Pe. Inácio - Cel. Cardoso
HTML - CSS
<abbr title="Padre">Pe.</abbr> Inácio - <abbr title="Coronel">Cel.</abbr> Cardoso - <acronym title="HyperText Markup Language">HTML</acronym> - <acronym title='Cascading Style Sheets'>CSS</acronym>

Porém, title é um atributo que pode ser utilizado na maioria das tags:

White House

Goóc - Nanda
<h4 title="Casa Branca">White House</h4> - <i title="Marca de calçados feitos de pneu reciclado">Goóc</i> - <b title="Meu principal apelido">Nanda</b>

Na folha de estilos

Nível: intermediário

Para que o leitor saiba que tal palavra ou expressão tem uma descrição, é recomendado que você crie uma identificação na folha de estilos. Vou dar um exemplo, observe o código:

#temdes {cursor:crosshair; border-bottom:1px dashed #cccccc;}
]]></b:skin>

Neste exemplo, sempre que eu colocar title em um texto vou usar id='temdes' para que o mesmo apareça diferenciado, com o cursor em forma de cruz e um sublinhado riscado cinza. Assim, o leitor que estiver habituado ao meu blog, saberá sempre que um texto tiver descrição.

<span id='temdes' title='Filme nacional'>Meu Tio Matou um Cara</span>
Meu Tio Matou um Cara
<i id='temdes' title='Meu blog pessoal'>Helen Fernanda Ponto Com</i>
Helen Fernanda Ponto Com

Faça bom uso!

Imagem do site Bubbaloo Brigadeiro



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

sexta-feira, janeiro 23, 2009

Melissa | Coleção Outono-Inverno 2009

Melissa Pink
Anota aí: meu aniversário é em agosto.

Apaixonada que sou por Melissa desde que me entendo por gente, estou aqui babando estrelinha pela nova coleção.

Melissa Red

Minha mãe não vê com bons olhos minha fissura por calçados de plástico, por isso meu estoque de Melissa está zerado.

As que eu comprei na adolescência já estragaram de tanto eu usar. Não quis comprar mais para não ficar ouvindo abobrinhas da Dona Helena.

Coleção Melissa

Agora penso em voltar a colecionar e usar Melissa para fazer companhia à minha coleção da Dijean.

Vamos às compras…



Pix meutedio arroba mail ponto com

[Encerrado] Concurso Terceira Plush Poison Tilibra

O site Plush Poison tem um concurso para que seja escolhida a terceira integrante da banda.

A primeira etapa do concurso é fazer um avatar. O meu avatar até que ficou interessante. A Purple Luna foi inspirada em mim: míope, mal humorada e metida a intelectual:

A segunda etapa é responder a um quiz com 15 (quinze) perguntas sobre rock. Mas, como não gosto de Rock, não me saí bem. Mesmo chutando as quinze respostas, acertei 5 (cinco). Considerei 1/3 um resultado bom para quem não sabia nada.

Ainda tenho chance de melhorar minha posição se tiver uma boa torcida, a terceira etapa do concurso:

Prêmios:

Os vencedores de cada uma das três etapas ganharão:

  • Ipod Touch de 8 GB
  • Kit de produtos Tilibra: um caderno, uma agenda, um estojo, um bloco e um fichário.

O grande vencedor ganhará:

  • Ipod Shuffle de 1GB
  • Kit de produtos Tilibra: um caderno, uma agenda, um estojo, um bloco e um fichário.

Por falar nisso, na minha coleção de cadernos eu tenho uma caderneta Plush Poison:

Dica da Tati Toda Pink



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

Ofertas de Janeiro da Yes Cosmetics

O catálogo de janeiro já está disponível e a novidade este ano é a versão on-line, em flash. Para acessá-lo, clique aqui. Vou destacar duas promoções das muitas que estão disponíveis até o dia 15 de fevereiro.

Deo colônias por R$ 28,00

Se esperou o mês de janeiro para renovar seu estoque de contratipos, acertou! São 15 deo colônias (85 mL) de R$ 35,00 pelo preço imbatível de R$ 28,00, ou seja, 20% de desconto.

Deo colônia 40

Femininas:

  • 02 - Cheirinho de Bebê - Floral Oriental
  • 06 - Sensi (Giorgio Armani) - Floral Oriental
  • 15 - Flower By Kenzo[bb] - Floral Oriental
  • 17 - Giovanna Baby - Lavanda
  • 28 - Lou Lou (Cacharel[bb]) - Floral Oriental
  • 30 - Extravagance D'Amarige (Givenchy[bb]) - Floral Frutal
  • 39 - Paloma Picasso - Chypre Floral
  • 40 - Paris (Yves Saint Laurent) - Floral Bouquet
Deo Colônia 91

Masculinas:

  • 64 - Black Code (Giorgio Armani[bb]) - Oriental
  • 70 - Drakkar Noir (Guy Laroche) - Fougère Aromático
  • 73 - Mont Blanc Men - Oriental
  • 74 - Mania Pour Homme (Giorgio Armani) - Cítrica
  • 80 - Men's Club (Helena Rubinstein) - Cítrica
  • 91 - Armani (Giorgio Armani) - Cítrica
  • 96 - Bvlgari[bb] - Fougère Fresco

Óleos hidratante em creme

Óleo Pêssego

As fragâncias Pêssego e Pêra estão com 14% de desconto. De R$ 19,90 por R$ 17,00.



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

quarta-feira, janeiro 21, 2009

Dia de Perua

Hoje foi um dia de muito investimento, no melhor estilo Papai, ser perua-pink é mara, não me reprima!

Pulseiras cor-de-rosa da mesma cor da minha bata Avon.
O mais interessante é que essas pulseiras só combinam mesmo com essa bata, mais nada.
Colar com strass.
Lindo! Tem uma menina sentada na lua e algumas estrelas.
Plataforma preta.
Estava precisando muito de uma sandália preta.
50 mL da colônia 38 da Empório Tropical Perfumes
Contratipo do Noa da Cacharel. Eu recomendo muito essa linha de contratipos com óleo que ajuda na fixação.
Pomada Clindoxil Gel que uso contra a acne.
Venda sob prescrição médica.
Update 23/01/2008 - Tinha me esquecido do meu sabonete líquido de 2L da Tricofácil com aroma de Cheirinho de Bebê. Tudo de bom!


Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com

terça-feira, janeiro 20, 2009



Pix meutedio arroba mail ponto com



Pix meutedio arroba mail ponto com