sábado, 29 de novembro de 2008

Marcadores em formato de nuvem

Nível: intermediário
Nuvens

Este tutorial é para quem usa Blogger, tem muitos marcadores e quer mantê-los ocupando menos espaço no template.

1. Adicionando os Marcadores

Se seu blog já exibe os marcadores, pule para o próximo passo, se não tem, vá até Layout » Elementos da página » Adicionar um gadget. Procure e selecione a opção Marcadores:

Marcadores

Configure como desejar e salve:

Marcadores2

Arraste o gadget criado para o local desejado e salve:

Marcadores

2. Coloque os marcadores em formato de nuvem

Por padrão, esse recurso gera uma lista, onde um marcador aparece abaixo do outro. A lista de marcadores do Blogger utiliza id='Label1', sabendo disso é fácil forçar sua lista em formato de nuvem com CSS. Logo acima do trecho do seu código que diz ]]></b:skin>, adicione as linhas abaixo (exceto a última, que já tem no seu blog):

#Label1 ul {text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>

3. Tirando o contador de posts

Por padrão, cada marcador mostra o número de posts com aquela tag. Para sua nuvem ficar bonita é melhor não mostrar. Clique em Expandir modelo de widget e procure o seguinte código:

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>

</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Onde está escrito Marcadores deve estar o nome que você escolheu para sua lista de marcadores. A parte de código em destaque deve ser escluída para que os números não apareçam. Após excluir, salve e desmarque a opção “Expandir modelos de widgets”.

Marcadores em Nuvem

4. Outras opções de efeitos

Para exibir os marcadores com todas as letras minúsculas:

#Label1 ul {text-transform:lowercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>
Exemplo de Marcadores

Para exibir os marcadores com todas as letras maiúsculas:

#Label1 ul {text-transform:uppercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>
Nuvem Uppercase

Para definir a fonte:

#Label1 ul {font-family:verdana; font-size:11px; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}
]]></b:skin>

Para efeitos de links, visite Links e sublinhados.

Eu tive a idéia desse tutorial porque via alguns blogs com um número muito grande de tags que talvez precisassem desse recurso. Aproveitei e transformei em nuvem os marcadores do meu blog pessoal.

Update 04/02/2009

Se quiser uma nuvem de marcadores com tamanhos de fonte variados, visite o tutorial Marcadores em formato de nuvem 2.

Aline, mais uma jornalista no BloGYN

Aline Blá-blá-blá

Ser blogueiro é uma válvula de escape para nós, jornalistas. Apaixonados pela comunicação escrita, no mercado de trabalho nos vemos podados por todos os lados por motivos econômicos, religiosos, pseudo-moralistas, isso e aquilo. No blog podemos ser nós mesmos, sem máscaras, sem hipocrisia… Não gostou? Dane-se!

Fico feliz quando descubro mais colegas jornalistas-blogueiros de Goiânia. A Alinne é jornalista, faz pós-graduação em Comunicação e Marketing, trabalha em uma produtora e é curiosa pra valer (entra no assunto até dos funcionários da copiadora, muito engraçado!). O blog dela é um pouco da visão que essa goiana enxerida tem dos mais variados fatos.

E aí, Alinne, está garantida a carona do próximo sábado?

sexta-feira, 28 de novembro de 2008

Kriska Frésia da Natura

Muito feliz porque a Revista Natura do Ciclo 17/2008 finalmente chegou às minhas mãos.

Kriska Frésia

O lançamento de perfumaria do ciclo é a colônia Kriska Frésia, floral floral em edição limitada que será vendida nos ciclos 17/2008 e 01/2009.

Uma fragância que desperta o frescor da bergamota, a energia do buquê floral de frésia e o aconchego da baunilha.

Se você espera de Kriska Frésia alguma similaridade com as outras três e irresistíveis colônias Kriska, esqueça! Frésia se parece mais com uma nova colônia para a linha Avon Breeze, ou seja, aproveitaram apenas o nome e a embalagem da linha Kriska, não aproveitaram a tendência olfativa de Kriska que é de perfumes estonteantes e jovens. Ao contrário, Kriska Frésia é um perfume suave e tem “cheiro de vó”. Se minha avó usasse perfume eu compraria um para a minha. Como a colônia Natura é em edição limitada, fica para a Avon a sugestão de uma nova colônia para a linha Breeze, com cheiro de Frésia.

Quem quer levar Kriska Frésia para casa deve aproveitar este ciclo. A colônia de R$ 61,00 está em promoção por apenas R$ 49,00. Eu tenho que entregar meus pedidos do ciclo até o dia 12/12/2008.

Descontinuados Natura do ciclo 17

Criança faz Tchau

Vamos ver quais produtos estão deixando nosso portfólio Natura neste último ciclo de 2008.

Blog ByMe! no BloGYN

Blog By Me

Mais um comunicador social no BloGYN. Blog ByMe! (by @byroNMedeiros) fala de comunicação e tecnologia com foco em publicidade. Mais um excelente blog para enriquecer nosso feed.

Promoção Clique de Verão Avon

Wallpaper do Coqueiro

quinta-feira, 27 de novembro de 2008

Salve em PDF de qualquer programa

Já começo esse tutorial com vergonha por não tê-lo escrito antes. Faz alguns anos que uso esse recurso e sei que até hoje muitas pessoas leigas sofrem quando precisam salvar um arquivo em formato .pdf, pensam que precisam instalar algum programa muito pesado para conseguir fazer isso ou qualquer outra coisa muito complicada.

Divulgue seu blog com TwitterFeed

Para blogueiros e editores de quaisquer sites que contenham feed, os microblogs servem também para divulgar as novidades.

terça-feira, 25 de novembro de 2008

Elementos block e inline em CSS

Nível: iniciante

Neste tutorial vou explicar a diferença entre elementos block (em bloco) e inline (na mesma linha). Vários tutoriais deste blog podem depender de saber esses conceitos de HTML. Na verdade, eu estava preparando outros tutoriais quando percebi que eles exigiam esse conhecimento, então resolvi publicar este primeiro.

Pela tradução dos termos você já pode ter uma noção, mas vamos às definições:

Block
Um elemento block (em bloco) gera, automaticamente (sem precisar da tag <br>) uma quebra de linha antes e outra quebra depois do elemento.
Inline
Um elemento inline (na mesma linha) não gera quebra de linha e é exibido no mesmo bloco no qual está inserido.
None
Em HTML existem vários elementos que não são exibidos, não sendo block nem inline.

Com CSS você pode forçar um elemento que é block (por padrão) a aparecer como inline e vice-versa. Também é possível forçar elementos invísiveis. Porém é importante saber a visualização padrão de cada tag ou, pelo menos, ter uma lista para poder consultar.

Elementos block

Cubo mágico
<div>
Tag genérica para gerar blocos.
<address>
Tag que deixa o texto em itálico, mas em forma de bloco.
<blockquote>
Bloco de citação
<center>
Tag que gera um bloco centralizado.
<frameset>
Cria um site dividido em frames ou molduras.
<form>, <fieldset>, <label> e <legend>
Formulário e suas tags.
<h1>, <h2>, <h3>, <h4>, <h5> e <h6>
Todos os cabeçalhos.
<hr>
Linha horizontal.
<dir> e <menu>
Foram substituídos por <ul>.
<noframes>
Conteúdo alternativo para navegadores que não suportam frameset.
<noscript>
Conteúdo alternativo para navegadores que não suportam script.
<p>
Parágrafo.
<pre>
Bloco com texto pré-formatado
<table>, <thead>, <tbody>, <tfoot>, <tr>, <td>, <th>, <colgroup> e <col>
Tabela e seus elementos.
<ul>, <ol>, <dl>
Listas com bullets, numeradas e de definição.
<li>, <dt>, <dd>
Todos os ítens de listas.

Elementos inline

Patins Inline
<span>
Tag genérica para gerar um elemento inline.
<a>
Âncora, usada para links.
<abbr> e <acronym>
Abreviatura e acrônimo.
<applet>
Insere um programa em Java na página.
<b> e <strong>
Negrito
<basefont>
Tag de fonte que só funciona no Internet Explorer, portanto é totalmente dispensável.
<bdo>
Com essa tag você pode escolher se o texto é da esquerda para a direita ou da direita para a esquerda.
<big>
Texto grande
<br>
Apesar de servir para gerar uma quebra de linha, <br> é um elemento inline.
<button>
Elemento de
<cite>, <dfn>, <em>, <i> e <var>
Itálico como aqui.
<code>, <kbd>, <samp> e <tt>
Texto monoespaçado.
<del>, <s> e <strike>
Riscado como aqui.
<font>
Fonte.
<iframe>
Insere uma página dentro de outra.
<img>
Imagem.
<input>
Campos de formulário como e .
<ins> e <u>
Sublinhado como aqui.
<map>
Mapa de imagem.
<object>
Insere um objeto na página.
<q>
Insere aspas antes e depois do texto. No Internet Explorer essa tag não faz nada.
<select>
Caixa de
<small>
Texto pequeno
<sub>
Texto um nível abaixo, como este.
<sup>
Texto um nível acima, como este.
<textarea>
Área de texto como .

Elemento inline exibido como block e vice-versa

Nível: intermediário

Um elemento inline pode ser exibido como block usando display:block. Exemplo:

Exemplo de elemento inline exibido como block.
Exemplo de <span style='display:block;border:1px solid black; padding:5px;'>elemento inline exibido como block.</span>

Um elemento block pode ser exibido como inline usando display:inline. Exemplo:

Exemplo de

elemento block exibido como inline.

Exemplo de <h3 style='display:inline;'>elemento block exibido como inline.</h3>

Um elemento block pode ser exibido como none usando display:none. Exemplo:

Exemplo de elemento block
exibido como none.
Exemplo de elemento block <div style='display:none;'>exibido como none.</div>

Um elemento inline pode ser exibido como none usando display:none. Exemplo:

Exemplo de elemento inline exibido como none.
Exemplo de elemento inline <span style='display:none;'>exibido como none.</span>

Fontes: web design from scratch, CSS no Lanche e HTMLDog

Imagens: Alibaba.com e Wikimedia Commons

Bichinhos de Jardim no desktop

Bichinhos de Jardim

Para quem passa algumas ou muitas horas por dia em frente ao computador, é muito bom ter sempre alguma novidade estimulante no desktop. Se você também gosta de papéis de parede coloridos, a dica é visitar a página de downloads do blog Bichinhos de Jardim.

Fonte: Bubuzando na Net!

sexta-feira, 21 de novembro de 2008

Entre Aspas | Renato Russo

Sol e Rio
Mas é claro que o sol vai voltar amanhã
Mais uma vez eu sei
Escuridão já vi pior de endoidecer gente sã
Espera que o sol já vem.

Tem gente que está do mesmo lado que você
Mas deveria estar do lado de lá
Tem gente que machuca os outros
Tem gente que não sabe amar
Tem gente enganando a gente
Veja a nossa vida como está
Mas eu sei que um dia a gente aprende
Se você quiser alguém em quem confiar
Confie em si mesmo
Quem acredita sempre alcança!

Mas é claro que o sol vai voltar amanhã
Mais uma vez eu sei
Escuridão já vi pior de endoidecer gente sã
Espera que o sol já vem.

Nunca deixe que lhe digam que não vale a pena
Acreditar no sonho que se tem
Ou que seus planos nunca vão dar certo
Ou que você nunca vai ser alguém
Tem gente que machuca os outros
Tem gente que não sabe amar
Mas eu sei que um dia a gente aprende
Se você quiser alguém em quem confiar
Confie em si mesmo
Quem acredita sempre alcança!

Quem acredita sempre alcança!
Quem acredita sempre alcança!
Quem acredita sempre alcança!
Quem acredita sempre alcança!
Quem acredita sempre alcança!
Quem acredita sempre alcança!
Quem acredita sempre alcança!

Papel de carta no Yahoo! Mail

Descobri hoje que o Yahoo! Mail tem uma charmoso recurso de papéis de carta para você colorir seus e-mails pessoais, principalmente os direcionados a amigos e pessoas queridas.

Busque em blog sem caixa de busca

Atualizado dia 13/06/2015.
Praia na China
Onde está Wally?

Você já tentou buscar um post não-sei-de-que-data em um blog que não tinha caixa de busca? Sentiu muita raiva? Mandou o blogueiro para a ponte que partiu por não ter colocado caixa de busca no blog? Procurou no Google e ele mostrou praticamente todos os posts do blog, menos o que você procurava? Considerando que a maioria esmagadora dos blogueiros utiliza Wordpress ou Blogger, você não vai mais passar por isso.

quinta-feira, 20 de novembro de 2008

Crie e esconda seu blog de testes

Quem está começando no Blogger e quer aprender a deixar seu blog mais bonito do que os templates prontos que o o site oferece, terá que criar um ou mais blogs de testes ocultos para poder aprender à vontade e sem fazer bagunça no blog oficial.

A maioria dos iniciantes erra nisso, seja por não criarem um blog de testes, seja por deixarem seus blogs de testes expostos, confundindo as pessoas que visitam sua página de perfil. É um saco ter que clicar em vários blogs para descobrir qual é o oficial e descobrir que de cinco, quatro blogs são apenas experiências. A maioria dos leitores do HTMHelen me "obriga" a isso, então vou ensinar como se faz.

HTMHelen no ranking BlogBlogs

HTMHelen no Ranking
"É nóis" no ranking!

Assim como o Usuário Compulsivo, que queria passar o Interney no ranking BlogBlogs e, merecidamente, já conseguiu, o HTMHelen também tinha uma meta inicial com a campanha Mamãe, eu quero subir no ranking do BlogBlogs: aparecer no ranking.

Quando percebi e registrei o HTMHelen no ranking, estávamos em 394º lugar, na 16ª página, logo após TampaBlog! e logo antes de New Curiosidades (dois blogs muito interessantes, recomendo-os).

Agora deixa eu ir trabalhar porque essa posição ainda pode melhorar bastante…

30 temas para colorir o Gmail

Gmail Bala
Bala

Já estão disponíveis em minha conta do Gmail 30 (trinta) temas bonitos para eu personalizar minha caixa postal.

quarta-feira, 19 de novembro de 2008

Sandálias de pneu Goóc

Chinelo K-Fine

Sou uma pessoa extremamente sensível a questões ambientais, do tipo que xinga estranhos dentro do ônibus quando jogam lixo pela janela, que dá sermão quando alguém ri por eu usar o mesmo copo descartável mais de uma vez na lanchonete, que acha que quem jogar lixo em via pública ou direto no bueiro (como já vi alguns garis daqui de Goiânia fazendo) merece morrer na próxima enchente.

Minerva Trainee 2009

Grupo Minerva

As vagas são para profissionais de:

  • Administração de Empresas
  • Ciências Contábeis
  • Economia
  • Medicina Veterinária
  • Zootecnia
  • Engenharia de Alimentos
  • Engenharia de Produção
  • Engenharia com foco em gesta financeira

Perfil desejado:

  • Fluência em Inglês e Espanhol
  • Tenha feito estágio durante a graduação
  • Disponibilidade para viagens e mudanças de cidade
  • Capacidade de liderança
  • Visão empreendedora
  • Facilidade para trabalhar em equipe

Por telefone consegui a informação de que tanto o processo seletivo como o programa serão realizados em Barretos (SP), cidade sede do Grupo Minerva. Porém, durante o 6 (seis) meses do programa pode ser necessário viajar pelos Estados onde o grupo está presente: São Paulo, Goiás, Tocantins, Mato Grosso do Sul, Espírito Santo e Santa Catarina.

Fonte: Jornal dos Concursos

Bolsas para cursos de petróleo e gás

Logo Prominp

O Programa de Mobilização da Indústria Nacional de Petróleo e Gás Natural (Prominp) está com inscrições abertas para 20.891 vagas em cursos gratuitos oferecidos pelo Plano Nacional de Qualificação Profissional em 12 Estados:

  • Amazonas
  • Alagoas
  • Bahia
  • Ceará
  • Pernambuco
  • Rio Grande do Norte
  • Espírito Santo
  • Rio de Janeiro
  • São Paulo
  • Paraná
  • Rio Grande do Sul
  • Santa Catarina
Vagas Nível do curso Inscrição Valor da bolsa*
16.808 Básico R$ 22,00 R$ 300,00
3.427 Médio R$ 38,00 R$ 600,00
236 Técnico R$ 38,00 R$ 600,00
420 Superior R$ 56,00 R$ 900,00.

*A bolsa de estudos é paga para quem estiver desempregado durante o curso, o que é bastante provável para quem tiver que mudar de Estado para fazê-lo.

As inscrições vão até o dia 19/dez (sexta-feira). A prova nacional será realizada em todas as localidades com oferta de vagas e está agendada para o dia 18 de janeiro de 2009.

Confira no edital os pré-requisitos para cada um dos cursos oferecidos.

Podem pedir isenção da taxa de inscrição candidatos com Número de Identificação Social e que forem integrantes de família de baixa renda (com renda familiar mensal per capita de até meio salário mínimo, ou renda familiar mensal de até três salários mínimos). As inscrições, nesse caso, são até o dia 23/nov (domingo), sendo que dia 5/dez será divulgado o resultado do pedido de isenção.

A participação nos cursos do Prominp não garante emprego após a conclusão do curso. O objetivo é oferecer cursos para melhorar a qualificação dos profissionais que serão, eventualmente, aproveitados pelas empresas privadas fornecedoras de bens e serviços do setor de petróleo e gás natural.

Fonte: G1

700 vagas na Tivit

Tivit

A Tivit, empresa do Grupo Votorantim, tem 700 vagas para contratações efetivas e imediatas na unidade de São José dos Campos (SP) para os cargos de teleatendente e supervisor. A remuneração para o cargo de teleatendente pode chegar a R$ 650,00.

A empresa oferece:

  • Seguro de vida;
  • Vale-refeição e alimentação;
  • Assistência médica e odontológica
  • Plano de carreira para todos os níveis hierárquicos;
  • Transporte fretado com acesso ao centro da cidade e aos principais bairros, além de integração às demais redes de transporte público da cidade.

O candidato deve ter Ensino Médio completo até dez/2008, conhecimento de informática e 18 anos ou mais.

Os interessados nas vagas de teleatendentes devem comparecer à Escola Educare (Rua Teopompo de Vasconcellos, 57 – Vila Adyana), às 8h, com currículo e documentos pessoais. Para as vagas de supervisão, os currículos devem ser enviados para selecao.rh.saojose [arroba] telefutura.com.br.

Fonte: G1

Sistema Integrado Martins

Martins

Saiba mais sobre o grupo:

O Sistema Integrado Martins (SIM) tem como foco principal o desenvolvimento da cadeia de consumo com a maximização da sinergia entre as empresas do Grupo. Há mais de 50 anos o Martins atua na distribuição de alimentos, materiais de construção, produtos veterinários, eletro-eletrônicos, farmacêuticos, de higiene e limpeza para pequenos e médios varejos de todo o Brasil. Além do Martins, uma das empresas do SIM é o Tribanco, o banco focado no pequeno e médio varejo. O Tribanco possui força de venda e produtos especializados no segmento de varejo, visando o crescimento dos lojistas. Além disso, fazem parte do SIM a Tricard, empresa de cartões private label e a corretora Tribanco Seguros, ampliando ainda mais as opções de crescimento dos varejistas.

Esta oportunidade é para quem se formou entre jul/2006 e dez/2008 nas áreas de Exatas ou Humanas, de preferências nos cursos de:

  • Administração de Empresas
  • Economia
  • Engenharia
  • Ciências Contábeis
  • Comércio Exterior
  • Direito
  • Marketing
  • Estatística
  • Publicidade e Propaganda
  • Psicologia
  • Pedagogia
  • Sistemas de Informação
  • Tecnologia da Informação

Outros pré-requisitos:

  • Inglês fluente
  • Conhecimento avançado de Pacote Office
  • Flexibilidade
  • Orientação para resultados
  • Habilidade para trabalhar em times
  • Empreendedorismo
  • Disponibilidade para viagens a negócios
  • Disponibilidade para morar em Uberlândia (MG)

O processo seletivo para preenchimento das 12 (doze) vagas será realizado em:

As inscrições vão até o próximo dia 30/nov (domingo), o processo seletivo vai até fevereiro e o programa deve começar dia 02 de março de 2009, com duração de 24 meses. Para mais informações visite o site www.prudent.com.br/traineesim. As inscrições podem ser feitas aqui.

10 kits de Natal Yes Cosmetics - Parte 2

Confira mais cinco deliciosos kits da Yes para você:

Kit Erva Doce

Kit Erva Doce

10 kits de Natal Yes Cosmetics - Parte 1

O catálogo Yes Cosmetics out/nov de 2008 tem dez lindos e perfumados kits para você. Demorei para colocar os kits aqui porque estava sem scanner, mas ainda dá tempo de aproveitar as ofertas. Confira os cinco primeiros kits:

terça-feira, 18 de novembro de 2008

CSS: aprendendo a usar bordas

Flores
Quem não quer deixar seu blog mais bonito?

Aprender a utilizar bordas em CSS é um passo imprescindível para deixar a aparência do blog do seu jeito e sem depender de templates prontos. Se forem bem utilizadas elas conseguem deixar o leiaute bonito, leve e sem necessitar de muitas imagens.

Este tutorial foi classificado como intermediário, não tanto pela complexidade do código, mas porque é necessário ter boas noções de design para não deixar seu blog poluído e feio utilizando bordas cafonas ou em exagero.

Definindo bordas direto na tag

<div style='border:2px solid red; padding:5px;'>Este é um exemplo em que eu defini as bordas diretamente na tag. border define a borda e padding define a distância entre o texto e a borda, para facilitar a leitura e ficar bonito.</div>
Este é um exemplo em que eu defini as bordas diretamente na tag. border define a borda e padding define a distância entre o texto e a borda, para facilitar a leitura e ficar bonito.
<div style='border-width:2px; border-style:solid; border-top-color:#ccccff; border-right-color:#ccffff; border-bottom-color:#ccffcc; border-left-color:#ffffcc; padding:5px;'>Este é um exemplo em que eu defini as bordas diretamente na tag. border define a borda e padding define a distância entre o texto e a borda, para facilitar a leitura e ficar simpático.</div>
Este é um exemplo em que eu defini as bordas diretamente na tag. border define a borda e padding define a distância entre o texto e a borda, para facilitar a leitura e ficar simpático.

Definindo bordas na folha de estilos

Como já foi dito no tutorial anterior, sua folha de estilos é tudo que está entre as tags <b:skin> e </b:skin> do Blogger ou entre as tags <style> e </style> de outros sites e blogs.

Escolha o elemento ao qual deseja acrescentar alguma borda. Neste exemplo eu quero acrescentar uma borda ao elemento <h2>. Eu procurei o elemento na minha folha de estilos e verifiquei que ele está assim:

h2 {font-size:180%;}

Vou acrescentar bordas a ele:

h2 {font-size:180%;
border:1px solid #f0f0f0;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-bottom:5px;
padding-right:5px;}

Lembrando mais uma vez que padding é a distância entre o texto e a borda. Exemplo de como vão ficar meus títulos que usam a tag <h2> depois que eu fizer essa modificação:

Eles vão aparecer com bordas

Tipos de bordas

Nos exemplos acima utilizei o tipo solid, mas não só de solid vivem as bordas. Vejamos:

<div style="border:2px dotted deeppink; padding:5px;">Exemplo de borda dotted (pontilhada).</div>
Exemplo de borda dotted (pontilhada).
<div style="border:2px dashed dodgerblue; padding:5px;">Exemplo de borda dashed (tracejada).</div>
Exemplo de borda dashed (tracejada).
<div style="border:5px double chocolate; padding:5px;">Exemplo de borda double (duplicada).</div>
Exemplo de borda double (duplicada).
<div style="border:10px ridge gold; padding:5px;">Exemplo de borda ridge (moldura).</div>
Exemplo de borda ridge (moldura).
<div style="border:10px groove gold; padding:5px;">Exemplo de borda groove (moldura invertida).</div>
Exemplo de borda groove (moldura invertida).
<div style="border:2px inset yellowgreen; padding:5px;">Exemplo de borda inset (baixo-relevo).</div>
Exemplo de borda inset (baixo-relevo).
<div style="border:2px outset yellowgreen; padding:5px;">Exemplo de borda outset (alto-relevo).</div>
Exemplo de borda outset (alto-relevo).
<div style="border:2px solid hotpink; padding:5px;">Exemplo de borda solid (sólida).</div>
Exemplo de borda solid (sólida).
<div style="border:hidden; padding:5px;">Exemplo de borda hidden (escondida).</div>
Exemplo de borda hidden (escondida).
<div style="border:10px lightblue; border-style:solid dotted dashed groove; padding:5px;">Exemplo de bloco usando quatro bordas diferentes, sendo que a ordem é no sentido horário: a primeira é sempre border-top e a quarta sempre border-left.</div>
Exemplo de bloco usando quatro bordas diferentes, sendo que a ordem é no sentido horário: a primeira é sempre border-top e a quarta sempre border-left.
<div style="border:5px plum; border-style:dotted dashed; padding:5px;">Quando eu coloco só dois estilos em border-style, o primeiro é border-top/border-bottom, o segundo é border-left/border-right.</div>
Quando eu coloco só dois estilos em border-style, o primeiro é border-top/border-bottom, o segundo é border-left/border-right.
<div style="border:5px coral; border-style:double hidden dotted; padding:5px;">Quando eu coloco três estilos em border-style, o primeiro é border-top, o segundo é border-left/border-right e o terceiro é border-bottom.</div>
Quando eu coloco só dois estilos em border-style, o primeiro é border-top, o segundo é border-left/border-right e o terceiro é border-bottom.

Lista completa de propriedades:

  • border você usa para definir as três características da borda: largura, estilo e cor.
  • border-top você usa para definir a borda superior.
  • border-bottom você usa para definir a borda inferior.
  • border-left você usa para definir a borda esquerda.
  • border-right você usa para definir a borda direita.
  • border-style você usa para definir o estilo da borda.
  • border-top-style você usa para definir o estilo da borda da borda superior.
  • border-bottom-style você usa para definir o estilo da borda da borda inferior.
  • border-left-style você usa para definir o estilo da borda da borda esquerda.
  • border-right-style você usa para definir o estilo da borda da borda direita.
  • border-color você usa para definir a cor da borda.
  • border-top-color você usa para definir a cor da borda superior.
  • border-bottom-color você usa para definir a cor da borda inferior.
  • border-left-color você usa para definir a cor da borda esquerda.
  • border-right-color você usa para definir a cor da borda direita.
  • border-width você usa para definir a largura da borda.
  • border-top-width você usa para definir a largura da borda superior.
  • border-bottom-width você usa para definir a largura da borda inferior.
  • border-left-width você usa para definir a largura da borda esquerda.
  • border-right-width você usa para definir a largura da borda direita.

Para escolher cores que combinam com seu blog, visite sempre nossa tabela e nosso cubo de cores.

Ufa! Até eu relembrei um monte de coisa que não usava mais com este post. Espero que tenham gostado.

Fonte: HTMLDog

Programa Jovens Profissionais Carrefour

Carrefour

As vagas são para profissionais que se formaram há no máximo dois anos em algum dos seguintes cursos ou áreas de formação:

  • Administração
  • Ciências da Computação
  • Comunicação Social
  • Contabilidade
  • Direito
  • Economia
  • Engenharia
  • Estatística
  • Finanças
  • Marketing
  • Matemática
  • Psicologia
  • Tecnologia

Qualidades buscadas pela empresa:

  • Comprometimento
  • Comunicação
  • Criatividade
  • Dinamismo
  • Empreendedorismo
  • Iniciativa
  • Negociação
  • Paixão pelo cliente
  • Planejamento
  • Trabalho em equipe
  • Visão de futuro

Outro pré-requisito é ter fluência em um segundo idioma, que pode ser inglês, francês ou espanhol.

Tanto as etapas da seleção como o programa, que tem duração de nove meses, são realizados em São Paulo.

Inscrições até 30 de novembro neste site.

Fontes: Canal Executivo e Carrefour

CREA-GO abre 7 vagas para graduados

CREA-GO

O Conselho Regional de Engenharia, Arquitetura e Agronomia do Estado de Goiás [CREA-GO] realiza concurso para provimento de empregos públicos de nível superior. Confira o quadro de vagas:

Curso Vagas Cadastro de reserva
Arquitetura 1 2
Engenharia Agronômica 1 2
Engenharia Civil 3 3
Engenharia Elétrica 1 2
Psicólogo 1 1
Total 7 10

O salário inicial é de R$ 2.978,80 para o cargo de Analista de Área II (psicólogo) e de R$ 3.605,00 para o cargo de Analista de Fiscalização II (os demais profissionais). A carga horária semanal é de 40 horas e o regime é celetista. Todas as vagas são para Goiânia, cidade onde serão realizadas as provas.

As inscrições começaram na última segunda-feira (17/nov/2008) e o valor exorbitante é de R$ 120,00 (cento e vinte reais). A organização é do Instituto de Desenvolvimento Tecnológico do Centro-Oeste [ITCO].

Eu acho um absurdo as inscrições para concursos goianos serem as mais caras do Brasil.

Cronograma
Inscrições 17 a 28/nov/2008
Provas Objetiva 07/dez/2008
Publicação Gabarito Oficial Preliminar 07/dez/2008
Recursos interpostos contra Gabarito Oficial Preliminar 08 e 09/dez/2008
Gabarito Oficial Final 12/dez/2008
Resultado Final do Concurso 18/dez/2008
  • Edital - Em formato .pdf.
  • Inscrições - O site deles é bem fraco, se der erro, continue tentando.

segunda-feira, 17 de novembro de 2008

Frase do dia | Clarice Lispector

As pessoas mais felizes
não têm as melhores coisas.
Elas sabem fazer o melhor
das oportunidades que aparecem
em seus caminhos.

Veja a poesia inteira aqui.

domingo, 16 de novembro de 2008

Xampus sem sal Abelha Rainha

A Abelha Rainha trouxe para seu portfólio os famosos e polêmicos xampus sem sal. Eu, particularmente, sei que "xampu sem sal" é marketing. Xampus com sal não são mais agressivos ao cabelo. Mas como há quem acredite cegamente que sim, a Abelha Rainha está se aproveitando da idéia para vender mais. Está funcionando!

A linha Intensive de tratamento para cabelos tem ainda condicionadores, cremes, sérum e óleos, de acordo com a necessidade de cada tipo de cabelo.

Lisos Intensive

Xampu Lisos
Desenvolvida com complexo pró-gravidade, a linha Liso Intensive deixa os cabelos perfeitamente lisos por mais tempo, proporcionando nutrição, maciez e flexibilidade.
Xampu sem sal - 300 mL
De R$ 7,99 por R$ 5,99*
Condicionador hidratante - 300 mL
De R$ 7,99 por R$ 5,99*
Finalizador liso extremo - 120 mL
De R$ 6,99 por R$ 4,99*
Ampola extra-liso - 60 mL
De R$ 5,99 por R$ 3,99*

Brilho Intensive

Xampu Brilho
A linha Brilho Intensive foi desenvolvida com alta tecnologia para dar brilho platinado aos seus cabelos. Contém Nutri-Ilumine, que fornece brilho intenso aos cabelos, deixando você mais bela e radiante. Uma linha completa com intensificador de luz, que revitaliza e nutre os fios.
Xampu sem sal - 300 mL - R$ 7,99
Condicionador hidratante - 300 mL - R$ 7,99
Recarga de brilho - 13 mL
De R$ 5,99 por R$ 3,99*

Força Intensive

Xampu Força
Os cabelos crespos são muito delicados e necessitam de cuidados constantes para ficarem sedosos, brilhantes, fortes, macios e sem pontas duplas. A linha Força Intensive promove tudo isso! Seus fios ficam com muito mais movimento e forma. Um luxo!

A linha Força Intensive foi desenvolvida com o exclusivo complexo Bio-Restore, composto por peptídeos e aminoácidos de trigo, que formam um filme protetor sobre a superfície dos cabelos, hidratando e reestruturando os fios. Deixe seus cabelos crespos sensacionais!
Xampu sem sal - 300 mL - R$ 7,99
Condicionador hidratante - 300 mL - R$ 7,99
Creme para pentear - 300 g - R$ 7,99
Choque de tratamento concentrado - 130 g
De R$ 6,99 por R$ 5,99*
Sérum reparador de pontas - 15 mL
De R$ 4,99 por R$ 3,99*
Óleo de hidratação a quente - 15 mL - R$ 2,99

*Ofertas válidas durante os meses de novembro/2008 e dezembro/2008.

K|sual Colônia Unissex Abelha Rainha

K‌‌‌‌‌‌‌|sual Unissex

Cítrica suave

Fragância ‌‌‌‌‌suave‌ e agradável. Combina com dias quentes e com prática de esportes. Ao meu olfato, K|sual pareceu mais masculina do que unissex, portanto eu não usaria, mas daria de presente para meu pai se ele usasse perfume. Talvez eu dê uma para meu irmão.

Yin e yang, corpo e alma, côncavo e convexo, relativo e absoluto, único e múltiplo. Fusão entre opostos; universo de escolhas. Equilíbrio para a diversidade. Uma fragrância moderna, para homens e mulheres que sabem viver do jeito que bem querem. Uma essência para ser compartilhada.
Notas de saída
mandarina, bergamota e grapefruit
Notas de coração
alecrim, flor de laranjeira, lavanda e tomilho
Notas de fundo
mimosa, musk e sândalo

No catálogo 06/2008 a colônia de R$ 29,90 está em promoção de lançamento por R$ 19,90. A embalagem é de vidro com spray e tem 100mL de produto. Para adquirir, entre em contato com sua revendedora Abelha Rainha.

Batons Abelha Rainha por R$ 2,99 cada

Tenho vários motivos para usar e revender Abelha Rainha, mas só por esse já valeria a pena: ótimos batons com preços imbatíveis.

K|sual Colônia Unissex Abelha Rainha

Este post foi transferido para o blog Consultoras de Beleza.

Simply Delicate Sabonete Íntimo da Avon


Você delicadamente perfumada!

Um dos mais aguardados lançamentos da Avon para essa Campanha 20/2008 é o Sabonete Íntimo Feminino Simply Delicate.

sábado, 15 de novembro de 2008

Mamãe, eu quero subir no ranking do BlogBlogs!!!

Subindo no Ranking
Esta campanha veio a calhar…

O HTMHelen é um blog novo. Antes ele era apenas uma categoria no meu blog pessoal. Por conta de nossa mudança de endereço o nosso rank no BlogBlogs está bem loooonge… O HTMHelen não está nem entre os 500 ainda. =(

Mas nossos problemas acabaram… Chegou a revolucionária campanha Mamãe, quero subir no ranking do BlogBlogs. Os blogs inSUPORTÁveis e Rafabarbosa.com tomaram a iniciativa de linkar todo mundo que está chorando por uma posição melhor.

Para participar também, entre neste post ou neste, pegue os links dos blogs que já estão participando da campanha para colocar no seu blog. Após publicar seu post, entre novamente no blog e comente deixando o link da postagem que você fez sobre a campanha.

Esta também é uma forma de divulgar seu blog. Se alguém achar o nome do seu blog interessante, clicar, gostar do conteúdo, é possível que você ganhe um parceiro permanente.

Veja a descrição oficial da campanha:

Se você está cansado de ver blogs piores do que o seu subindo horrores no ranking do Blogblogs e o seu humilde blog lá, estacionado na traseira do ranking, essa é a sua chance. Nós vamos te ajudar a alcançar os lugares mais altos do ranking que é referência em qualidade no Brasil. Essa é a sua chance.

Grite para todo mundo ouvir: “Mamãe, eu quero subir no ranking do BlogBlogs!”.

Não tem mistério nenhum. Chegou a hora de você deixar para trás aquele seu amigo blogueiro que alcançou a fama, sucesso e mulheres apenas postando imagens engraçadinhas, enquanto você, um jovem culto, mestre na arte da comunicação, não consegue nada além das visitas da sua mãe e da sua namorada. Chegou a hora de você figurar nas primeiras posições ao lado dos grandes nomes da blogosfera nacional.

A campanha Mamãe, eu quero subir no ranking do BlogBlogs vai te colocar lá no topo, onde os melhores estão. Para participar é simples: Divulgue a campanha para o maior número possível de blogueiros.

A cada post sobre a campanha, o blog em questão deve linkar os outros blogs participantes. Esse é o segredo do sucesso amigão! Links. Não importa se você é PhD em Física Quântica ou se aprendeu a ler hoje. O esquema é linkar, linkar e ser linkado! Essa é a mágica da qualidade!

Anote a sua posição atual e, ao final da campanha, olhe para trás e dê risada do quão medíocre você era antes dessa campanha.

Não perca tempo, divulgue já para todos os seus amiguinhos. Não perca tempo. Link é relevância!

Já estão participando:

inSUPORTÁveis RafaBarbosa.com SNES-Classics Lazer Paguei Mico Totalmente Responsa NerdPobre Desconspiração Até Tu Brutus Boneco de Meia Cogumelos O Crepúsculo Triplo Sentido Caixa Pretta Papibakigrafo Fester Blog Estranhos Europeus Igaum Senhor Coxinha Macacumor Jacaré não come Alpiste Muita Pimenta Blog Stereo Portal Brogui AJ Seu estranho E-Fail Speed Racer Go Brazil Pica Pau Brazil Blog da Mandioca Malcan Kamikaze Blog Mamão Papaia Malvada Blog Alternativa Praticando Humor Resistance Base Tudo a ve Esqueci as chaves Os Gugas Foodasticos Medo do Ego Denker Quarto Universitário SlinkBlog Café com Pão Blog do Tiago Pior XGoogle Momento Piada Fábio P. Blogando Blog Seu Boga Drax Corto Cabelo e pinto Outside Balabusca Void Torresmo Fresco Quatro Minutinhos Que Mario? O Padre Voador Mundo Véio Mente Vazia é Oficina! Cogumelo Louco Vipuraí Velho N3tho Corvos de Malta NadaVe Na Mosca Bate Cabeça Tô Zuando Xerox66 Comic World Bravus D_Ver@s Medsi Downloads Plano Beta Sónaboa Blog do Catarino Dekantalabassi O que rola na net Infonet News Dia Quente Minino Bobo Toques de Prazer Erro 404 Jose Carlos Jr. Eh Memo Gestantes Blog do Ananias Humoroto Dicas na net CRPO Um Tudo Cérebro de Batata Seita Sempuu {D}efeitos Especiais Papo de Buteco Tio Punk @Grega Oncioso Suspensa Vai Digitando Top Pacaralhu DJ Magu SempreON Pigg Balastraca Tudo Junto Cidadão Maluco Mundo dos Blogues Usuário Compulsivo A vaca foi pro brejo Nerd Somos Nozes Falando Dormindo Cerebelo na Brita Efeito Joule Giba Net Cozinha Masculina Blog do Inho Grãos de areia pelo infinito Criativo de Galochas Tríade Nerd Athanazio The LG blog Zine Acesso Irrealidade Sempre Tops Deliárea Remodelações Ferramentas Blog Mente com curiosidades Girls Wireless X com tudo dentro Tô Atoa Warning Downloads Boa Grana Vixe Mano Blog Direção Anderson Nascimento Swell Blog do Galvão Popular Nem Tanto Irradiando Luz Só piadas Quadrideko Computação Móvel Blogaragem Peido de Véia Códigos Blog Zoom Digital Blogando 2.0 Rock dos Lokos Rondonia Fest Malandro eh o pato Riso em foto Amenidades da Cristandade Capa Verde Chronicles & TalesUnlimited (RED) Ah! tri Né! Asttro! Cadê o Ganso? E-Mail Twist Gordo Besta Trocistas Rbardini Sobreturismo Omedi Sobre Carros Blog da DOC Mj-Coffeeholick HTMHelen

Esta campanha é, no mínimo, divertida e interativa. Participe!

Fonte: Códigos Blog

Quando e como usar blockquote

Estante de Livros
Bonito isso, né? Li num livro!
Nível: iniciante

A tag <blockquote> é figura fácil nos meus blogs. Como o próprio nome já diz, é uma "citação em bloco". Foi criada principalmente para identificar algo que não é de sua autoria, uma frase famosa, uma entrevista, trecho de outro blog/site… Aqui vai um exemplo bacana de <blockquote>:

“Coisa boa ou má não existe: o pensamento humano é o que faz as coisas terem tal ou qual aparência.” Shakespeare

Você deve inserir <blockquote> antes e </blockquote> depois do texto que deseja ver destacado em forma de citação. Muito simples. Veja o código do trecho supracitado:

<blockquote>“Coisa boa ou má não existe: o pensamento humano é o que faz as coisas terem tal ou qual aparência.” Shakespeare</blockquote>

Blockquote com CSS

Nível: intermediário

Para deixar suas citações ainda mais destacadas, com cores, bordas e background, basta utilizar CSS.

No Blogger, vá até Layout >> Editar HTML e procure, entre as tags <b:skin> e </b:skin>, o elemento blockquote. Em outro site o elemento tem que estar entre as tags <style> e </style>. Se não encontrar esse elemento no seu código Blogger, acrescente o seguinte código logo acima do trecho do seu código onde está ]]></b:skin>:

blockquote {border-left:#009900 5px double;
background:#f0fff0;
color:#006600;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;}

O código vai ficar assim:

blockquote {border-left:#009900 5px double;
background:#f0fff0;
color:#006600;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;}
]]></b:skin>

Seu elemento <blockquote> vai ficar assim:

Exemplo de como fica a bagaça. Utilize sua criatividade para personalizar de acordo com o template do seu blog.

Para escolher cores que combinem com o seu blog, visite nosso cubo ou nossa tabela de cores.

Se o seu código já tiver o elemento blockquote entre as tags <b:skin> e </b:skin>, verifique quais propriedades quer acrescentar ou retirar para que ela fique como deseja. Propriedade é tudo que fica entre as chaves {} que aparecem logo após o elemento.

Blockquote com imagem no background

No exemplo abaixo, além da imagem de fundo, também coloquei o texto em itálico acrescentando font-style:italic. Se preferir o texto sem esse efeito, retire essa parte do código.

blockquote {border:silver solid;
border-width: 0px 2px 2px 0px;
background: transparent url(http://www.blogblog.com/tictac/quotes.gif) no-repeat scroll left top;
padding-left: 33px;
padding-top: 17px;
padding-bottom:10px;
font-style:italic;}

Exemplo de blockquote:

Exemplo de como fica a bagaça. Utilize sua criatividade para personalizar de acordo com o template do seu blog.

A parte em destaque no código você troca pela imagem que você deseja.

Agora não tem desculpa… É citação? Blockquote nele!

sexta-feira, 14 de novembro de 2008

Os níveis dos tutoriais

Para facilitar a vida de todos (inclusive a minha), todos os tutoriais serão classificados em níveis.

Tenho recebido muitos e-mails desesperados de pessoas totalmente leigas e iniciantes que tentam usar tutoriais de nível avançado e, o que é pior: sem experimentar primeiro em um blog de testes. Avacalham com o próprio blog e ainda insinuam que a culpa é minha. Morro de rir, mas mesmo assim sinto compaixão por essas pessoas.

Antes de mais nada, tenha sempre um blog/site de testes. Se você usa o Blogger, aí é que não tem desculpa mesmo, já que é gratuito e ainda dá para configurar o blog como privado para ninguém ficar bisbilhotando suas experiências. Experimentou no blog de testes? Funcionou? Então vá para o blog real, mas não sem antes salvar o atual template.

Os níveis serão apenas três:

Nível: iniciante
Esses tutoriais são os mais simples. Espero que mesmo uma pessoa que ainda não conhece a maioria das tags de HTML já seja capaz de utilizar esses tutoriais sem muito sofrimento, só seguindo os passos ou as instruções do post e fazendo primeiro em um blog de testes.
Nível: intermediário
Esses tutoriais exigem noções sólidas de HTML, noções de CSS e do código do Blogger (quando for o caso). No nível intermediário pode ser que você ainda não saiba o que fazer, mas tem que saber pelo menos o que não deve ser feito. Imprescindível experimentar primeiro em um blog de testes.
Nível: avançado
Desejável domínio de HTML, noções sólidas de CSS e total familiaridade com o código do Blogger (quando for o caso). Exemplo: olhar uma determinada parte do código do seu blog e saber que aquilo se refere aos comentários e não aos posts, à barra lateral e não ao cabeçalho. Não é porque você já está no nível avançado que vai deixar de fazer primeiro em um blog de testes e fazer backup do template antes de modificar.

Não existe fórmula mágica para evoluir entre os níveis. "Blogar" dá trabalho, tem que estudar, fuçar, experimentar, estudar, fuçar, experimentar…

Imagem surrupiada do blog bzanella.blogspot.com.

quinta-feira, 13 de novembro de 2008

Twitter em pauta

Tudo começou quando o Rodrigo Alves disse que o Twitter não servia para nada. Eu, para zoar com o mau péssimo humor, típico dos textos dele, linkei o post no Twitter para que eu e um monte de twitterolics entrássemos no blog para dizer o contrário. Eu fiz um post sobre o assunto, ele leu e achou que até poderia ter alguma serventia para alguém.

Era um lindo dia quente em Goiânia irrelevante, em Goiânia até os dias chuvosos são quentes, o Rodrigo tinha tomado muito sol na moleira, estava sem idéia para o caderno Magazine de O Popular, quando se lembrou do Twitter. Sugeriu a pauta e, por parível que incresça, aceitaram. Ele me ligou, me entrevistou, indiquei alguns twitteiros (todos, coincidentemente, do #BloGYN), alguns responderam a tempo de sair na matéria e três até toparam fazer foto - um ficou com cara de pateta, outro com cara de bobo, mas é normal os editores sempre escolhem as piores fotos dos rapazes e as melhores das moças.


Rafael Sarmento ganhou a maior foto da matéria.

A matéria foi publicada nesta quinta-feira, 13/nov/2008, e teve participação dos seguintes twitteiros:

Fabíola Ariadne
A blogueira do Eu preciso te contar! saiu bem na foto para salvar o #BloGYN - apesar de ter sido tirada "com cabelo de pijama". Da matéria não reclamou. (…) acho que a matéria conseguiu explicar o q é Twitter e para q serve. Esse é o objetivo, e ñ mostrar o "conhecimento" de cada entrevistado. Via Twitter.
Fernando Giron*
Ainda não lista no #BloGYN, mas se tiver blog será bem-vindo.
Leonardo Barbosa R.
(…) o cara simplesmente inverteu tudo que eu falei - disse em seu twitter o blogueiro do Um Tudo.
Núbia Rodrigues
Parece que não deu tempo de fotografarem a dona do Meu Canto, que foi identificada como universitária no lugar do Rafael.
Rafael Sarmento
Com cara de pateta. Ficou indignado por terem chamado ele de estudante ao invés de universitário. Falou sobre a matéria em seu blog.
Renato Batista
Também conhecido como Zenatuz, nosso blogueiro é mais um indignado com a matéria… (…) Pô, fiquei parecendo que não sei nada de informática e com cara de bobo (…).
Helen Fernanda
Ao contrário de um certo repórter do Correio Braziliense, o Rodrigo acertou minha idade. Toda matéria sobre comportamento tem um especialista dando pitaco no final, por ter começado uma pós-graduação em agosto eu fiquei sendo "a especialista" da matéria. Tá, nem tudo são flores, ele também distorceu algo que eu falei, exatamente a última frase da matéria. Eu não previ que spams automáticos invadirão o Twitter, eu disse que eles já invadiram.

Resumo de tudo: o Rodrigo exaltou as moças e zoou com os rapazes. Foi isso! Erika, dá um jeito nesse menino aí para ele não ficar fazendo essas maldades com os garotos.

* Fernando Giron é o único citado neste post que ainda não é membro do BloGYN.

Hotsite da nova linha Avon Sun

O novo hotsite da linha Avon Sun - que agora tem Protetor Solar Gel FPS 15 e Bloqueador Solar Spray FPS 30 - está muito bonito e agradável.

quarta-feira, 12 de novembro de 2008

Alternativas ao Peônia Radiant da Avon

Contei aqui e reforcei neste post que a colônia Peônia Radiant[bb] da linha Avon Breeze será descontinuada e está sendo vendida pela última vez na campanha 19.

Sabendo que algumas clientes utilizam essa fragância, fui fazer o que para mim já se tornou mais um hobby: procurar uma colônia similar.

Apesar de não poder dizer que é idêntica (as fragâncias da Avon são únicas), não foi muito difícil encontrar um perfume que possa agradar os mesmos olfatos que gostam de Peônia Radiant: Mania, de Giorgio Armani.


Armani Mania Feminino[bb]

Eau de Parfum
Floral, oriental e amadeirado, com notas de tangerina, cereja negra, magnólia, lírio-do-vale, peônia, cedro, âmbar e almíscar. Para a mulher que brilha e sorri, que tem amor pela vida e se sente bem consigo mesma. Armani Mania é a essência da elegância, espontaneidade e auto-confiança feminina.

A Yes Cosmetics tem um contratipo dessa fragância que é a 47.

Deo-colônia Feminina 47

Floral oriental
Fragrância feminina e sensual. As notas de saída combinam o frescor cítrico da mandarina com acorde de frutas vermelhas suculentas. O corpo floral delicado, composto de rosas, jasmim, ylang e peônia, é enriquecido por fundo almiscarado, nuances de baunilha, a sofisticação do âmbar e as madeiras de sândalo e cedro.
  • Embalagem de vidro.
  • Spray.
  • 85 mL
  • R$ 35,00

Você pode adquirir a colônia 47 entrando em contato com a revendedora Yes Cosmetics mais próxima.

geek gyn no BloGYN

Fernando Pedro é mais um programador do pé-rachado¹ para enriquecer nossa comunidade de blogueiros.

O blog dele é como o Web4u do Fred, tipo "se você não sabe do que eu estou falando, caia fora daqui". A jornalista que vos escreve é muito leiga em programação, mas uma coisa eu consegui captar do blog dele: software livre.

Bem, se você programa, vai se identificar bastante com o Fernando. Se você é como eu, "Leiguinho da Silva", recomendo os posts de pelo menos duas categorias: Frases e Histórias.

  1. Goiano do pé-rachado é a expressão que utilizamos aqui em Goiás para designar alguém que nasceu e sempre morou no Estado de Goiás. O pé-rachado é por causa do tempo aqui, muito quente e seco.

segunda-feira, 10 de novembro de 2008

Escolha o ícone da sua lista de blogs

Nível: iniciante

Quando você cria uma lista de blogs no Blogger, tem a opção de mostrar os ícones dos blogs listados, como neste exemplo:

Alguns blogs não vão exibir ícone algum, outros vão exibir o ícone de sua hospedagem gratuita (Blogger, Wordpress…) e só alguns títulos de blogs vão aparecer com seu próprio ícone.

Se cada blog exibisse seu próprio ícone eu ía preferir assim, mas como fica bastante irregular, eu preferi padronizar as imagens que são exibidas antes dos títulos dos blogs.

Passo 1 - Vá até Layout >> Elementos da Página e clique em Editar na widget da sua lista de blogs. Desmarque a opção Ícone e Salve:

As demais opções você pode deixar como estavam antes.

Passo 2 - Escolha uma imagem que vai utilizar como "ícone" nas suas listas de blogs e copie o endereço dela. Se quiser sugestões eu recomendo o Website Bullets.

Passo 3 - Vá até Layout >> Editar HTML e procure pelo código ]]></b:skin>

Logo acima, cole o código abaixo, sendo que na parte em destaque você coloca o endereço do seu ícone:

.blog-title {background:url(http://www.websitebullets.com/bullets/71.gif) no-repeat left; padding-left:20px;}

Tem que ficar assim:

.blog-title {background:url(http://www.websitebullets.com/bullets/71.gif) no-repeat left; padding-left:20px;}
]]></b:skin>

Clique em Visualizar antes de salvar. Deve ficar parecido com isso:

Lista com snippets Lista sem snippets

Se você sabe um pouco de CSS, já percebeu que não é um ícone verdadeiro, é um background que, utilizado sem repetir (no-repeat), alinhado à esquerda (left) e com certa distância do texto (padding-left:20px), fica parecendo um ícone. Funciona com qualquer outra class ou id do seu blog/site.

Descontinuados Avon da Campanha 19

Final de ano sempre tem muitos produtos descontinuados, uns porque são reformulados, outros porque saíram definitivamente do portfólio.

Como hoje é o penúltimo dia para você fazer seu pedido da Campanha 19 comigo (isso mesmo, amanhã a tarde já envio meus pedidos!), vou listar aqui as colônias que estão disponíveis pela última vez no folheto Avon:

Programa Trainees Vivo 2009

Campanha da Vivo

Achei o convite do site da Vivo tão motivador que vou ter a cara-de-pau de copiar:

O Programa Trainees 2009 da Vivo visa recrutar jovens profissionais para trabalhar conosco. A formação presencial tem duração de 12 meses e é baseada nas competências e valores da Vivo:

  • Qualidade
  • Confiança
  • Simplicidade
  • Interação
  • Sustentabilidade
  • Entusiasmo

Durante o programa, você desenvolverá projetos aplicados à realidade da empresa, sob orientação contínua. Você terá a oportunidade de ampliar sua visão de negócios e exercer seu potencial.

Para concorrer é preciso ter inglês avançado/fluente, espanhol intermediário e ser graduado há no máximo dois em anos em:

  • Administração de Empresas
  • Análise de Sistemas
  • Ciências Contábeis
  • Ciências da Computação
  • Comércio Exterior
  • Comunicação Social
  • Economia
  • Engenharia
  • Estatística
  • Direito
  • Marketing
  • Matemática
  • Psicologia
  • Relações Internacionais
  • Tecnologia da Informação
  • outros cursos similares/relacionados aos supracitados

Para participar, visite o site Vivo RH e inscreva-se. Não se esqueça de marcar Tipo de currículo = Trainee.

Posts relacionados