sexta-feira, 31 de outubro de 2008

Faça os links abrirem em uma nova aba

Nível: iniciante
Link de aço

Fazer os links do seu blog abrirem em uma nova aba ou janela é importante para aumentar a permanência do leitor no seu site. Quando o leitor é mais distraído (como a maioria dos internautas é!), se ele clicar e sair do seu site, é bem provável que se distraia com o conteúdo do site linkado e nem se lembre de voltar para o seu.

Nos posts:

Quando você coloca links no seu post, basta acrescentar target='_blank' na tag <a>:

Exemplo de link que vai abrir na mesma janela:

<a href='http://htmhelen.helenfernanda.com' title='Visite o blog HTMHelen'>HTMHelen</a>

Exemplo de link que vai abrir em uma nova janela:

<a href='http://htmhelen.helenfernanda.com' title='Visite o blog HTMHelen' target='_blank'>HTMHelen</a>

Nas listas de links do Blogger:

Nível: avançado

Quando você adiciona uma Lista de blogs, o Blogger já faz com que os links abram em nova aba ou janela. Porém, quando você cria uma Lista de links o Blogger, por padrão, abre na mema janela.

1. Para mudar isso, você tem que ir em Layout >> Editar HTML.

2. Marque Expandir modelos de widgets. Qual é o nome da sua lista de links? Meus links, Blogroll, Recomendo… não importa. A lista de links que estou usando como exemplo se chama Favoritos. Procure pelo nome da sua lista de links no código do seu blog expandido:

<b:widget id='LinkList1' locked='false' title='Favoritos' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>

3. Identifique a tag <a>, como destacado acima e acrescente target='_blank'.

Antes:

<a expr:href='data:link.target'><data:link.name/></a>

Depois:

<a expr:href='data:link.target' target='_blank'><data:link.name/></a>

4. Salve e teste. Não adianta clicar em "visualizar" porque não dá para testar links nesse modo. Se você tiver mais de uma lista de links, é necessário realizar o mesmo processo em cada uma delas.

Pix meutedio arroba mail ponto com

Brasil Telecom tem 2520 vagas no Call Center

Brasil Telecom
Uma empresa do grupo Brasil Telecom.

A Brasil Telecom Call Center, assim como eu contei em maio, continua precisando de atendentes.

Essa é a empresa onde eu trabalho e sou feliz aqui em Goiânia, cidade onde há mais vagas (1.400), seguida por Curitiba (500), Florianópolis (350) e Campo Grande (270).

Os candidatos podem se inscrever pelo site. Se preferir podem enviar o currículo por e-mail.

  • Goiânia - recrutamento.go.brtcc [arroba] brasiltelecom.com.br
  • Campo Grande - recrutamento.ms.brtcc [arroba] brasiltelecom.com.br
  • Curitiba - recrutamento.pr.brtcc [arroba] brasiltelecom.com.br
  • Florianópolis - recrutamento.sc.brtcc [arroba] brasiltelecom.com.br

Mande o currículo apenas para a(s) cidade(s) onde deseja trabalhar. Não pense que mandar para todos eles vai dar mais resultado. Vai só queimar seu filme antes da hora, afinal de contas, interpretação de texto elimina muita gente.

Eu não trabalho no RH da empresa, mas como já fiz currículo de muito parente e amigo para deixar lá, sei como eles preferem. Recomendo que siga o modelo que eu sugeri em abril/2007.

Duas coisas que eu não escrevi no post de 2007:

  1. Não coloque foto. A última coisa que interessa em uma seleção para atendente de call center é se seu rostinho é bonito.
  2. Se você tem necessidades especiais deixe isso bem claro no currículo, já que, por parível que incresça, eles nunca conseguem atingir aquela meta que o governo pede, então quem tem, tem mais chances.

Pré-requisitos:

  1. 18 anos completos
  2. Ensino Médio completo
  3. Prática de informática

O processo seletivo não é nenhum bicho-papão, mas menos de 10% dos candidatos que são chamados para a 1ª etapa chegam ao treinamento. As provas de português, informática básica, redação e digitação eliminam muita gente.

Os salários dos agentes de atendimento variam entre R$ 513 e R$ 710, sendo que os atendentes da área de cancelamento recebem comissão. A carga-horária é de 6h20 por dia com direito a uma folga semanal, que é escalada aos fins-de-semana, sendo que cada atendente tem direito a um domingo de folga por mês.

Benefícios:

  • Vale-transporte
  • Vale-alimentação e/ou vale-refeição
  • Plano de saúde
  • Plano odontológico
  • Auxílio-creche
  • Seguro de vida
  • Depois de seis meses os atendentes que atingem as metas ganham bolsas de estudo de 50% na Unip.

Quem me conhece pessoalmente também pode deixar currículo impresso comigo que eu levo lá. Não adianta enviar currículos para o meu e-mail.


Pix meutedio arroba mail ponto com

Pix meutedio arroba mail ponto com

quinta-feira, 30 de outubro de 2008

Contax tem 6 mil vagas em São Paulo

Contax

A Contax, empresa de call center, está com 6 mil vagas abertas para as unidades de São Paulo.

Os interessados precisam ter 18 anos completos, 2º grau completo e conhecimento básico em informática.

O processo seletivo inclui:

  • Entrevista coletiva
  • Dinâmica de grupo
  • Provas de Matemática
  • Prova de Português
  • Redação
  • Teste prático de Informática

Já trabalhei como atendente de call center nessa empresa e, apesar de parecer simples, eles têm muita, muita dificuldade mesmo para preencher as vagas: a maioria dos candidatos não passa nem na primeira prova, a de Português que nada mais é que uma prova de ortografia. O Ensino Médio no Brasil é tão ruim que não consegue formar nem operador de telemaketing mais, #prontofalei.

Para os candidatos que passarem pela seleção, a contratação será imediata, logo após o exame admissional.

Além de receber benefícios, como vale-transporte, cartão-lanche, assistência médica e odontológica, seguro de vida e assistência funeral, os novos contratados da Contax podem participar, depois de seis meses de casa, dos programas que incentivam o crescimento dentro da empresa, como o Degrau e o Apareça e Cresça.

A carga horária diária é a padrão de call center: 6h20. A carga horária mensal pode variar entre 150 e 180 horas, de acordo com o cliente.

A Contax tem mais de 50 clientes corporativos e é uma das principais empregadoras do país. São mais de 65 mil funcionários em 24 filiais localizadas em sete estados do Brasil. Só em São Paulo são aproximadamente 20 mil colaboradores.

Portanto, se você mora na Grande São Paulo, está desempregado, não levou o segundo grau "na barriga", sabe a diferença entre sela e cela, sabe como faz e para que serve a regra de três, sabe fazer redação, sabe os atalhos, os nomes das ferramentas e das barras do Windows, vai lá que você tem chance!

Pix meutedio arroba mail ponto com

Programa de Engenheiros ALL

Logo ALL

A América Latina Logística está com as inscrições abertas para o Programa de Engenheiros 2009 até hoje, quinta-feira, dia 30/10. São 40 vagas disponíveis para jovens formados nos últimos cinco anos em todas as áreas da engenharia.

“Buscamos profissionais com garra e determinação, que gostem de desafios e tenham disponibilidade de mudanças”. Rodrigo Paupitz, coordenador de Desenvolvimento de Gente da ALL.

A seleção inclui etapas de Dinâmicas de Grupo, Entrevistas e Painel com Superintendentes e Diretores. Após selecionados os candidatos serão inseridos em um programa de treinamento com duração de 12 meses.

Durante o programa o treinando faz um curso de extensão em Engenharia Ferroviária, com duração de três meses, especialmente desenvolvido pela ALL para os novos profissionais.

As inscrições estão abertas no site www.dreves.com.br/all/engenheiros.

Pix meutedio arroba mail ponto com

Trainee BrMalls inscreve ate domingo

Trainee BrMalls

Boa notícia para todos nós: para você que não se inscreveu ainda e para mim, já que deixei para publicar sobre esse programa na última hora.

A BrMalls prorrogou as inscrições para o seu Programa de Trainee até este domingo, dia 02/11. O prazo se encerraria hoje, dia 30/10.

A BrMalls administra e comercializa shopping centers em todo o Brasil. Aqui em Goiás eles administram o Araguaia Shopping e o Goiânia Shopping. A foto da página de perfil da empresa é do Goiânia Shopping.

Apesar disso, as 5 vagas do Programa Trainee são para Rio de Janeiro e São Paulo.

A companhia selecionará profissionais graduados entre dezembro de 2006 e dezembro deste ano nos cursos de:

  1. Administração de Empresas
  2. Arquitetura
  3. Ciências Econômicas
  4. Comunicação Social (Publicidade e Propaganda, Marketing e Propaganda e Marketing)
  5. Engenharia

O site não diz que é uma vaga para cada curso, mas suspeito que não seja mera coincidência: 5 cursos, 5 vagas.

Assim como a maioria dos programas Trainee, pede fluência em Inglês, domínio do pacote Office e disponibilidade para viagens e mudança de Estado.

O processo seletivo

O Processo Seletivo ocorrerá em São Paulo/SP e no Rio de Janeiro/RJ. Os eventuais custos com transporte e hospedagem para participar do processo serão de responsabilidade do candidato.

Etapas:
  • Até 02 de novembro: Inscrições on-line.
  • Análise qualitativa da ficha de inscrição.
  • 1ª quinzena de novembro - Teste on-line (Inglês e Raciocínio Lógico).
  • 1ª quinzena de dezembro - Laboratório de Competências.
  • 2ª quinzena de dezembro - Entrevista Individual.
  • Janeiro de 2009 - Início do Programa Trainee.

Os trainees aprovados receberão salário de R$ 3 mil. Além disso, terão direito a benefícios como assistência médica, seguro de vida, vale-refeição e vale-transporte durante os 12 meses do programa.

Inscrições neste site até domingo. Não deixe para a última hora!

Fontes: Jornal dos Concursos
com informações da Cia de Talentos.
Pix meutedio arroba mail ponto com

Oportunidades na web

Nível: iniciante
Jornal
Networking é a união dos termos em inglês Net (Rede) e Working (Trabalhando). O termo, em sua forma resumida, significa que quanto maior for a rede de contatos de uma pessoa, maior será a possibilidade dessa pessoa conseguir uma boa colocação profissional.
Fonte: Wikipédia.
Pix meutedio arroba mail ponto com

quarta-feira, 29 de outubro de 2008

U by Ungaro da Avon

Aqui no meu setor já estamos na Campanha 19 e com ela veio para as clientes o tão aguardado lançamento que é a linha U By Ungaro. Lê-se "Iu bai Ungarrô", mas já tem muita "gente grande" da Avon traduzindo como "U de Ungarrô".

A campanha de marketing na web foi a melhor da Avon já feita para lançamento de colônia eau de parfum¹ e eau de toilette². Prova disso são os vários blogs e sites de notícias (a maioria não é de Sacoleiras) que repercutiram o lançamento do perfume muito antes de estar disponível para vendas no Brasil.

E olha que está só começando. O lançamento oficial da campanha é em novembro. Como revendedora disfarçada de jornalista metida a webdesigner e futura marketeira, pense no quanto estou ansiosa pelo hotsite que eles vão lançar daqui há uns dias… Leia sobre o concurso do hotsite neste post.

U by Ungaro for Her

U by Ungaro for Her
  • Floral Fresco Amadeirado
  • 50 mL
  • R$ 79,90
  • Brinde: uma sacola de papel cor-de-rosa e linda U by Ungaro for Her. Não consegui colocar uma foto da sacola linda aqui. Estou sem scanner e não encontrei essa imagem na web. =(

U by Ungaro for Him

U by Ungaro for Him
  • Amadeirado aromático
  • 75 mL
  • R$ 79,90
  • Brinde: uma sacola de papel preta e linda U by Ungaro for Him.

Kits das Campanhas 19 e 20

A Avon lança junto com seus perfumes estojos com loção hidratante (para elas) e loção após barba (para eles) com as mesmas fragâncias dos perfumes, só que esses produtos geralmente são descontinuados algumas campanhas depois.

Para o lançamento de U by Ungaro os estojos estão muito lindos e imperdíveis. Pagando apenas R$ 10,00 a mais que o preço do perfume, você leva o estojo completo:

Estojo for Her
O estojo feminino contém:
  • Eau de Parfum Spray 50mL
  • Loção hidratante para o corpo 200 mL
  • Linda embalagem de lata 20 x 20 x 7,4 cm Pensa que porta-bijoux lindo você vai ter…
  • R$ 89,00
  • Brinde: Linda sacola cor-de-rosa U by Ungaro.

Estojo for Him
O estojo masculino contém:
  • Eau de Toilette Spray 75mL
  • Loção após barba 100 mL
  • Linda embalagem de lata 20 x 20 x 7,4 cm
  • R$ 89,00
  • Brinde: Linda sacola preta U by Ungaro.

Caso alguém se interesse em adquirir as loções separadamente, os preços são: R$ 23,00 para a loção hidratante (for Her) e R$ 19,00 para a loção após barba (for Him).

  1. Eau de parfum: 10% a 20% de compostos aromáticos. A U by Ungaro for Her tem 20%.
  2. Eau de toilette: 5% a 10% de compostos aromáticos. A U by Ungaro for Him tem 10%.
Pix meutedio arroba mail ponto com

Como redirecionar um site para outro

Atualizado dia 25/05/2015.
URLs

Você mudou de endereço e quer que os visitantes sejam automaticamente redirecionados para a nova URL, sem ter que clicar em nada? Eu conheço pelo menos 5 formas diferentes. Escolha a opção mais adequada para o seu caso.

Pix meutedio arroba mail ponto com

terça-feira, 28 de outubro de 2008

Concorra a ingressos de Última Parada 174

O portal Universia está realizando um concurso cultural que vai sortear 8 pares de ingressos de cinema para o filme Última Parada 174.

Para ganhar, basta escrever uma frase com até 500 caracteres contendo as palavras oportunidade, educação e violência. Para a escolha das 8 melhores frases os critérios são:

  • criatividade;
  • adequação ao tema;
  • uso correto da Língua Portuguesa.

Participe até o dia 02/11/2008. É preciso ter cadastro (gratuito) no portal Universia.

A censura do filme é de 16 anos, mas o regulamento da promoção diz que é preciso ter 18 anos para participar. O ingresso é valido de segunda à quinta-feira, exceto feriados.

Pix meutedio arroba mail ponto com

Trainee C&A 2009

Logo CeA

Em maio eu citei aqui o programa de Trainee da C&A. Na época eles estavam selecionando os treinandos que começaram em 2008/2.

Agora estou escrevendo agora para lembrar que as inscrições da 54ª edição de um dos programas de Trainee mais antigos do Brasil (quiçá do Mundo) se encerram no dia 30/10 (quinta-feira). Então, se você achou que tinha dormido no ponto para a seleção 2009/1, ainda dá tempo de aproveitar a chance de concorrer às 25 vagas.

Pré-requisitos:

  • Graduação concluída entre jul/2005 e dez/2008.
  • Inglês avançado e/ou fluente.
  • Disponibilidade para participar das fases presenciais em diversas localidades do Brasil às próprias custas (na última fase do processo seletivo - entrevista - a C&A banca)
  • Disponibilidade para morar em qualquer cidade durante os 15 meses do programa e a partir de mar/2009.
  • Disponibilidade para sobreviver com o salário R$ 3,5 mil durante os 15 meses. Tô brincando não! Tem gente que é solteiro, sem filhos e ainda acha pouco. Depende muito do berço, sabe como é…

Cursos Alvos:

  • Administração de Empresas
  • Administração Mercadológica
  • Arquitetura
  • Ciências Contábeis
  • Comércio Exterior
  • Comunicação Social
  • Economia
  • Engenharia Civil
  • Engenharia de Produção
  • Engenharia Química
  • Engenharia Têxtil
  • Marketing
  • Moda
  • Publicidade e Propaganda

Etapas do Processo Seletivo:

  1. Divulgação
  2. Inscrição
  3. Etapas On-Line
  4. Etapas Presenciais
  5. Início do Programa

Durante o processo seletivo, o candidato faz uma prova de inglês, outra de raciocínio lógico, passa por testes comportamentais e dinâmicas de grupo, além de ser entrevistado por diretores da empresa.

O programa:

Objetivo: Formação de Gerentes de Negócios do Varejo.

Etapas:

  • Módulo Básico Loja
  • Módulo Básico Compras
  • Módulo Especialização Vendas

As férias são fracionadas em dois períodos de 15 dias logo após o básico em lojas e o básico em compras.

A seleção ocorre duas vezes por ano. No último processo, realizado no primeiro semestre deste ano, aproximadamente 15.000 candidatos disputaram 25 vagas.

O índice de efetivação em cargo de gerência ao término do programa é de aproximadamente 80% dos participantes. Atualmente, 70% dos diretores da C&A são oriundos do Programa de Trainees. Muito animador, não é à-toa que é tão disputado. Eu também quero!

A C&A responsabiliza-se pelas despesas dos trainees que permanecerão fora dos seus estados durante a realização do programa, além de fornecer passagens aéreas para os participantes viajarem para suas cidades de origem. Chique de doer!

Eu sei que você está doido para se inscrever, então clica logo aqui.

Pix meutedio arroba mail ponto com

Ponto Frio tem 1500 vagas em 10 estados

Outubro está acabando, novembro está chegando e com ele as excitantes animadoras vagas temporárias. Quem tem perfil para trabalhar no comércio fica até indeciso para escolher. Quem está topando o que vier para sair do desemprego ou da informalidade não pode perder a chance.

Só a rede de lojas Ponto Frio está com 1,5 mil vagas de trabalho abertas para o quadro de temporários para o Natal. Algumas vagas não exigem experiência profissional. As oportunidades são para ambos os sexos, nas unidades federativas onde há loja(s) Ponto Frio, ou seja:

Logo Ponto Frio
  • Centro-Oeste
    • Distrito Federal
    • Goiás
    • Mato Grosso
  • Nordeste
    • Bahia
  • Sudeste
    • Espírito Santo
    • Minas Gerais
    • Rio de Janeiro
    • São Paulo
  • Sul
    • Paraná
    • Rio Grande do Sul
    • Santa Catarina

Oportunidades e pré-requisitos

Vendedor
Ensino Médio completo e experiência mínima de seis meses em vendas.
Operador de Caixa
Ensino Médio completo e experiência de seis meses comprovada na função.
Expedidor
Ensino Fundamental completo.
Auxiliar de Armazenagem
Ensino Fundamental completo.
Operador de Empilhadeira
Ensino Médio completo, experiência mínima de seis meses comprovada na função e certificado de Operador de Empilhadeira.
Conferente
Ensino Médio completo e experiência mínima de seis meses comprovada na função.

Inscreva-se neste site ou entregue o currículo em uma das lojas Ponto Frio entre os dias 15 de outubro e 28 de novembro, colocando no envelope a referência Natal PF/2008.

Pix meutedio arroba mail ponto com

Trainee Tetra Pak 2009

Tetra Pak é uma multinacional sueca líder em soluções para embalagens e processos, que opera em mais de 165 países e trabalha como parceiro estratégico junto aos seus clientes, fornecendo soluções eficientes e inovadoras e produtos de alta qualidade e em harmonia com o meio ambiente a milhoes de pessoas no mundo.
Logo Tetra Pak

Importante!

  • Disponibilidade para morar em Monte Mor (SP) durante os 12 meses do programa. Se você pensou "Onkifica?", me solidarizo. Também nunca tinha ouvido falar nessa cidade.
  • Disponibilidade para trabalhar em outros estados após o termino do programa.
  • Inglês fluente.

Formação desejada

  • Administração
  • Administração com ênfase em Marketing
  • Ciências Contábeis
  • Economia
  • Engenharia Elétrica
  • Engenharia de Alimentos
  • Engenharia de Produção
  • Engenharia Mecânica

Áreas de Interesse

  • Financeiro
  • Marketing
  • Produção
  • Recursos Humanos
  • Serviços Técnicos
  • Vendas
“Nossa seleção é bastante intensa e procura avaliar o potencial de cada candidato. As características mais valorizadas são o dinamismo, facilidade de trabalhar em equipe, versatilidade, criatividade e potencial de liderança”. Mônica Santos, coordenadora do programa.

As cinco etapas da seleção

  1. Preenchimento do cadastro no site.
  2. Quem passar pela triagem será convocado para uma etapa de testes online, composta por redação, raciocínio lógico e inglês.
  3. Primeira etapa presencial, com dinâmica de grupo e testes práticos de inglês.
  4. Os convocados apresentarão um case para representantes da Tetra Pak e da Dreves.
  5. Os selecionados participarão da última etapa: uma entrevista individual com o diretor da área do candidato.

Serviço:

  • Vagas: 11
  • Inscrições: até o dia 31 de outubro (sexta-feira) no site da Dreves & Associados.

Ainda não consegui descobrir se a etapa presencial da seleção também é em Monte Mor.

Pix meutedio arroba mail ponto com

domingo, 26 de outubro de 2008

Listas de definição

Diferente das listas numeradas e das listas com bullets, as listas de definição têm três tags diferentes:

Exemplo Código
<dl>
Serve para abrir a lista.
<dt>
É a tag do termo a ser definido.
<dd>
É a tag da definição do termo.
<dl>
<dt>&lt;dl>
<dd>Serve para abrir a lista.
<dt>&lt;dt>
<dd>É a tag do termo a ser definido.
<dt>&lt;dd>
<DD>É a tag da definição do termo.</dl>

Outro exemplo:

Exemplo Código
Ana Clara
É a líder da torcida. Popular por seus olhos verdes e seus cachinhos dourados.
Juliana
A caxias da turma. Consegue ter excelentes notas, tanto em Matemática como em Química e Português.
Yasmim
Mais conhecida como Paty (de Patricinha). Vaidosa e metida, não é de "dar conversa" para qualquer um.
<dl>
<dt>Ana Clara
<dd>É a líder da torcida. Popular por seus olhos verdes e seus cachinhos dourados.
<dt>Juliana
<dd>A caxias da turma. Consegue ter excelentes notas, tanto em Matemática como em Química e Português.
<dt>Yasmim
<dd>Mais conhecida como Paty (de Patricinha). Vaidosa e metida, não é de "dar conversa" para qualquer um.
</dl>

Não é possível colocar uma lista de definição dentro de outra lista de definição.

Pix meutedio arroba mail ponto com

Listas com bullets

Se preferir avance para:

  1. Os bullets pré-definidos
  2. Usando imagens como bullets

Todo dia vejo em blogs e sites "listas" assim:

Paulo:
Farinha
Açúcar

Adriana:

Café

Leite em pó

Beto:


Creme dental
Sabonete

Júnior:

Macarrão
Extrato de tomate

Se você quer fazer um post bonito e ainda facilitar a vida do leitor, faça assim:

Exemplo Código
  • Paulo:
    • Farinha
    • Açúcar
  • Adriana:
    • Café
    • Leite em pó
  • Beto:
    • Creme dental
    • Sabonete
  • Júnior:
    • Macarrão
    • Extrato de tomate
<ul><li>Paulo:
<ul><li>Farinha
<li>Açúcar</ul>
<li>Adriana:
<ul><li>Café
<li>Leite em pó</ul>
<li>Beto:
<ul><li>Creme dental
<li>Sabonete</ul>
<li>Júnior:
<ul><li>Macarrão
<li>Extrato de tomate</ul></ul>

Assim como ocorre com as listas numeradas, a diferença entre um post desmantelado e um post organizado são apenas duas tags: <ul> e <li>.

A tag <ul> abre a lista e a tag <li> abre um ítem da lista. A tag </li> ao final do ítem não é obrigatória, mas a tag </ul> ao final da lista sim.

1. Os bullets pré-definidos

No exemplo anterior usei lista dentro de lista. Observe que, quando muda o nível da lista, além da indentação (que é o que mantém a lista visivelmente mais clara), mudam os bullets, que são essas "bolinhas" que aparecem antes de cada ítem. Vamos ver o que ocorre se fizermos uma lista com mais níveis:

  • Izabel é mãe de:
    • Joverci, que é mãe de:
      • Maria José, que é mãe de:
        • Joceane, que é mãe de:
          • Ninguém
        • Rilbert
      • Cida, que é mãe de
        • Pedro
    • Antônio, que é pai de:
      • Adriana, que é mãe de:
        • Adriane
      • Andréa, que é mãe de:
        • Aline
        • Bruna
    • Helena, que é mãe de:
      • Helen Fernanda
      • Herica

Por padrão, as listas utilizam três bullets nessa ordem: disc ("bolinha", círculo preenchido), circle (círculo não-preenchido) e square (quadrado preenchido). Depois do terceiro nível todas as listas passam a usar square.

Definindo qual bullet usar

Com o atributo type fica fácil escolher:

Exemplo Código
  • Qualidades:
    • Bonito
    • Inteligente
    • Simpático
  • Defeitos:
    • Ciumento
    • Teimoso
    • Guloso
<ul type='square'> <li>Qualidades:
<ul type='circle'>
<li>Bonito
<li>Inteligente
<li>Simpático
</ul>
<li>Defeitos:
<ul type='disc'>
<li>Ciumento
<li>Teimoso
<li>Guloso
</ul> </ul>

Se preferir fazer isso na própria folha de estilos do site para poupar trabalho, também não tem segredo:

<!--
ul {list-style:circle;}
ul ul {list-style:square;
ul ul ul {list-style:disc;}
ul ul ul ul {list-style:circle;}
ul ul ul ul ul {list-style:square;}
-->

2. Usando imagens como bullets

Agora o segredo é CSS. Observe:

Exemplo Código
  • Pessoas
  • Animais
  • Computadores
  • Plantas
  • Cosméticos
<ul style='list-style:url(http://www.websitebullets.com/bullets/215.gif)'>
<li>Pessoas
<li style='list-style:url(http://www.websitebullets.com/bullets/213.gif)';>Animais
<li>Computadores
<li>Plantas
<li>Cosméticos</ul>

No exemplo acima eu defini uma imagem como bullet para toda a lista colocando a classe list-style na tag <ul>. Porém, quis destacar um único ítem com um bullet diferente, então usei novamente a classe list-style, porém dentro da tag <li> do ítem que eu escolhi.

Também posso usar as imagens para diferenciar os vários níveis da lista. Veja:

Exemplo Código
  • Frutas favoritas:
    • Maçã
    • Morango
    • Coco
    • Graviola
  • Pratos favoritos:
<ul style='list-style:url(http://www.clickbusca.com.br/images/Bullets/000000901.gif);'>
<li>Frutas favoritas:
<ul style='list-style:url(http://www.clickbusca.com.br/images/Bullets/000001142.gif); line-height:24px;'>
<li>Maçã
<li>Morango
<li>Coco
<li>Graviola
</ul>
<li>Pratos favoritos:
<ul style='list-style:url(http://www.clickbusca.com.br/images/Bullets/000001142.gif); line-height:24px;'>
<li>Arroz com <a href='http://pt.wikipedia.org/wiki/Pequi' target='_blank'>pequi</a>.
<li>Galinhada com <a href='http://pt.wikipedia.org/wiki/Guariroba_(Palmeira)' target='_blank'>guariroba</a>.
<li>Bife com couve.
</ul>
</ul>

Para fazer isso na folha de estilos e definir uma imagem padrão para todas as listas com bullets do seu site, siga o exemplo:

<--
ul {list-style:url(http://www.websitebullets.com/bullets/245.gif);}
ul ul {list-style:url(http://www.websitebullets.com/bullets/241.gif);}
-->

O importante é que o tamanho da imagem que vai ser o bullet não seja muito maior que o tamanho da fonte da lista.

Bullet fantasminha

Para que sua lista não mostre nenhum bullet, o código é o seguinte:

Exemplo Código
  • Exemplo
  • de
  • lista
  • sem
  • bullet
<ul style="list-style:none;">

Na folha de estilos:

<--
ul {list-style:none;}
ul ul {list-style:none;}
-->
Pix meutedio arroba mail ponto com

Promoção Fórmula Universia

Prêmios

Na Promoção Fórmula Universia, os 5 melhores competidores com menor tempo participam de uma final com o Nelsinho Piquet, piloto oficial da equipe Renault, concorrem a prêmios e poderão assistir a corrida do GP do Brasil.

1º Lugar Ingresso GP Brasil de F1+ Macbook
2º Lugar Ingresso GP Brasil de F1 + iPhone 8Gb
3º Lugar Ingresso GP Brasil de F1 + iPod Touch 8Gb
4º Lugar iPod Nano 8Gb
5º Lugar iPod Shuffle 2Gb

Os 250 melhores classificados no game on-line assistem a grande final com a presença do piloto, no dia 30/10, participam de um bate-papo exclusivo com Nelsinho e também concorrem a ingressos para o GP Brasil.

Toda a competição ocorre através do game TrackMania Nations Forever, no servidor Fórmula Universia. Para participar, primeiro faça o download e login do game, que tem 504 MB. Em seguida faça seu cadastro no concurso Fórmula Universia utilizando o mesmo login do game.

Eu não vou participar porque não gosto de jogos de corrida, mas se você gosta, você tem chance!

Pix meutedio arroba mail ponto com

Pix meutedio arroba mail ponto com

sábado, 25 de outubro de 2008

Concurso Criança e Consumo

Criança

O concurso Criança e Consumo, parceria da Fundação Victor Civita, com a revista Nova Escola e com o Projeto Criança e Consumo, do Instituto Alana, teve o prazo final para a entrega dos trabalhos prorrogado para o dia 31/10. A divulgação dos vencedores acontecerá na primeira semana de dezembro. Professores de todo o país podem mandar trabalhos que despertem a curiosidade e a reflexão das crianças diante dos conteúdos veiculados nas mídias, principalmente no que diz respeito à publicidade. Cada professor pode inscrever quantos trabalhos quiser. A ficha de inscrição para o concurso pode ser encontrada aqui.

Pix meutedio arroba mail ponto com

quinta-feira, 23 de outubro de 2008

Seguidores do Blogger liberados em português

Seguidores
Que triste! Quase ninguém me segue. =(

No dia 11 de setembro contei aqui que o recurso de Seguidores (Followers) já estava disponível para quem colocasse o Blogger em inglês. Hoje já não é preciso fazer gambiarra, o recurso já está disponível para nós, humildes lusófonos.

Para saber como funciona você pode ler o post de setembro. O que mudou é que o link que está lá é para seguir meu blog pessoal, o Helen Fernanda Ponto Com.

Clique aqui para seguir HTMHelen.

Dessa vez não digo que vou retribuir todo mundo, mas se vale a pena seguir, eu sigo, então não custa tentar.

Pix meutedio arroba mail ponto com

quarta-feira, 22 de outubro de 2008

Social Bookmarks, salve seus favoritos na web com Delicious e outros

Os Social Bookmarks são websites que servem para guardar links de outros sites favoritos. Quem acessa a web geralmente o faz de vários computadores, um em casa, outro no trabalho, na casa do primo, na lan-house; no laptop, no desktop, no plamtop, no celular…, daí a comodidade de ter cadastro em um desses sites: além de poder acessar e atualizar seus sites favoritos de qualquer lugar com web, você fica livre do pesadelo de perder todos os seus links porque o computador "deu pau" ou algo do tipo.

Pix meutedio arroba mail ponto com

segunda-feira, 20 de outubro de 2008

IrfanView para ver e editar imagens

Brincando no Irfan View
No Irfan View dá para brincar disso e muito mais…

PhotoShop? Paint? Fireworks? Image Ready? Nada disso! Meu programa de imagens preferido para o dia-a-dia é leve e gratuito: IrfanView.

Que fique bem claro que o IrfanView não é ideal para criar imagens, mas sim para visualizar e para fazer pequenas edições como recortar, redimensionar, inverter as cores, colocar em preto em branco, fazer justaposição de imagens na vertical ou horizontal e outras coisinhas que a gente (principalmente blogueiros e afins) tem que fazer várias vezes ao dia e muitas vezes perde um "tempão" nos programas mais pesados e complicados.

Depois de instalar o programa, você ainda pode colocá-lo em português entrando nesta página para baixar este arquivo. Utilizo esse programa há alguns anos, a maioria das imagens dos meus blogs e sites foi editada nele.

Além de leve, o programa é muito simples e eficiente, principalmente se você traduzir, mas vou facilitar um pouco mais sua vida colocando alguns atalhos do programa para você se familiarizar ou para consultar quando precisar:

  • A abre a janela "About Irfan View".
  • B converte arquivos (em série) de um formato para outro.
  • C captura de tela.
  • D fecha o arquivo aberto sem fechar o programa.
  • F zoom que ajusta o tamanho da imagem ao tamanho da tela.
  • H inverte a imagem na horizontal.
  • I informações sobre a imagem.
  • L gira a imagem no sentido anti-horário.
  • M minimiza a janela.
  • O abre (open) um arquivo.
  • P propriedades do programa.
  • S salvar imagem como…
  • T abre as imagens (da pasta na qual você está) em miniaturas, como no Windows Explorer.
  • V inverte a imagem na vertical.
  • W cria um slideshow com imagens selecionadas por você. Você pode apenas visualizar ou também salvar como protetor de tela (.scr).
  • Enter tela inteira. Quando você coloca em tela inteira pode usar as teclas de direção para visualizar todas as imagens de uma pasta.
  • Ctrl E efeitos tão legais que você vai ficar um bom tempo brincando e se perguntando "porque não descobri esse programa antes?".
  • Ctrl F localizar arquivos.
  • Ctrl H volta a imagem para o tamanho original (caso você tenha usado zoom antes).
  • Ctrl M exibe outra imagem da mesma pasta, só que aleatoriamente.
  • Ctrl N abre a novamente a imagem que você está olhando em outra janela, desfazendo todas as edições que você não salvou ainda.
  • Ctrl P propriedades de impressão.
  • Ctrl R redimensionar imagem.
  • Ctrl S salvar.
  • Ctrl T editar texto sobre a imagem (é preciso selecionar uma área da imagem primeiro).
  • Ctrl U girar em ângulo.
  • Ctrl V cola o que estiver na área de transferência criando uma nova imagem.
  • Ctrl W abre a primeira imagem da pasta em tela inteira.
  • Ctrl X remove da imagem a área selecionada (se não selecionar primeiro não acontece nada).
  • Ctrl Y recorta a área selecionada e cola em uma nova imagem (se não selecionar primeiro não acontece nada).
  • Ctrl Z desfaz a última ação.
  • Ctrl Home abre o primeiro arquivo da pasta.
  • Ctrl End abre o último arquivo da pasta.
  • Space abre o próximo arquivo da pasta.
  • Shift G correção das cores.
  • Shift H historiograma da imagem.
  • Shift S nitidez.
  • Shift T coloca o cursor numa caixa de texto onde você pode digitar o número da imagem na pasta e clicar Enter para abrí-la.
  • Shift U auto-ajuste das cores.
  • Alt Shift C mostra/esconde barra de título do programa.
  • Alt Shift M mostra/esconde barra de menu do programa.
  • Alt Shift S mostra/esconde barra de status do programa.
  • Alt Shift T mostra/esconde barra de ferramentas do programa.

Existem também outros arquivos para plugins opcionais que você pode instalar quando já estiver mais habituado ao programa.

Pix meutedio arroba mail ponto com

Links | Como ganhar dinheiro na web

Dinheiro
São tantas emoções…

Este post era na verdade um e-mail que eu ía mandar para um colega de trabalho que me perguntou sobre formas de ganhar dinheiro na web. Percebi que seria útil tanto para minha consulta posterior quanto para outros blogueiros, então veio para o <htmhelen>.

Pix meutedio arroba mail ponto com

quinta-feira, 16 de outubro de 2008

Nova linha Natura Plant

A linha para cabelos da Natura está totalmente renovada e inovadora.

Tendo cabelos escuros, cacheados, secos, quebradiços e longos, eu sempre ficava em dúvida se comprava produtos para cabelos escuros, cacheados, secos, quebradiços ou para cabelos longos.

A idéia é que essa nova linha da Natura simplifique sua escolha, ao invés de decidir de acordo com seu tipo de cabelo, você decide o que você quer para seus cabelos: brilho, maciez, hidratação, proteção da cor, tratar a queda, tratar a caspa… O hotsite da nova linha está muito legal. Além de conhecer os novos produtos, você poderá tirar suas dúvidas nas seções Mitos e Verdades e Palavra do Especialista.

Pix meutedio arroba mail ponto com

segunda-feira, 13 de outubro de 2008

Calendários 2009 Avon

Para aqueles que querem participar da rifa de final de ano, além dos cosméticos e demais produtos do catálogo, outra opção para concorrer é adquirir dois calendários 2009 que tenho para pronta-entrega. Cada calendário está sendo vendido por R$ 5,00, comprando dois você já concorre com um nome na rifa a R$ 100,00 em produtos Avon, já que os mesmos calendários são vendidos na revista Avon Moda e Casa pelo mesmo preço.

Na versão Amizade cada mês tem uma bela foto com um pensamento motivador. Na versão Dia-a-dia pelos caminhos da fé, é apresentado um santo a cada mês. Nas duas versões cada um dos doze meses vira um simpático e útil marcador de páginas.

Você também concorre se comprar um calendário e mais R$ 5,00 de quaisquer outros produtos das revistas Avon e Avon Moda & Casa.

Pix meutedio arroba mail ponto com