Vaga para jornalista em Campinorte

O destino está me testando. Não sei se ele quer saber se consigo terminar esse cursinho, se eu consigo terminar essa pós-graduação ou se quer saber se consigo morar no interior, mas ele está me testando.

👩‍💻 HTML | Elementos inline que mudam o texto

Atualizado dia 24 de maio de 2018.

Melhore seu blog com simplicidade…

Já escrevi aqui sobre a diferença entre block e inline. Neste post vou dar exemplos com as tags inline, que são muito úteis na edição de qualquer texto HTML, inclusive blogs:

Negrito

Código:

Com a tag b o texto fica <b>negrito</b>.

Ou ainda:

Com a tag strong o texto fica <strong>negrito</strong>.

Resultado:

Com a tag b o texto fica negrito.

Citação*

Código:

Com a tag q o texto fica <q>entre aspas</q>.

Resultado:

Com a tag q o texto fica entre aspas.

Itálico

Código:

Com a tag cite o texto fica <cite>itálico</cite>.

Com a tag em o texto fica <em>itálico</em>.

Com a tag i o texto fica <i>itálico</i>.

Com a tag var o texto fica <var>itálico</var>.

Com a tag dfn* o texto fica <dfn>itálico</dfn>.

Resultado:

Com a tag i o texto fica itálico.

* <dfn> não funciona no Chrome, nem no Safari.

Riscado

Código:

Com a tag del o texto fica <del>riscado</del>.

Com a tag s o texto fica <s>riscado</s>.

Resultado:

Com a tag s o texto fica riscado.

Sublinhado

Códigos:

Com a tag ins o texto fica <ins>sublinhado</ins>.

Com a tag u o texto fica <u>sublinhado</u>.

Resultado:

Com a tag u o texto fica sublinhado.

Monoespaçado

Com a tag code (código) o texto fica <code>monoespaçado</code>.

Com a tag code (código) o texto fica monoespaçado.

Com a tag kbd (keyboard - teclado) o texto fica <kbd>monoespaçado</kbd>.

Com a tag kbd (keyboard - teclado) o texto fica monoespaçado.

Com a tag samp (exemplo) o texto fica <samp>monoespaçado</samp>.

Com a tag samp (exemplo) o texto fica monoespaçado.

Tamanho do texto

Códigos:

Com a tag small o texto fica <small>menor</small> do que estava antes.

Com a tag big o texto fica <big>maior</big> do que estava antes.

Resultado:

Com a tag small o texto fica menor do que estava antes.

Com a tag big o texto fica maior do que estava antes.

Nível do texto

Código:

Com a tag sub o texto fica _{um nível abaixo} do que estava antes.

Com a tag sup o texto fica ^{um nível acima} do que estava antes.

Resultado:

Com a tag sub o texto fica _{um nível abaixo} do que estava antes.

Com a tag sup o texto fica ^{um nível acima} do que estava antes.

Sentido do texto

Código:

Com a tag bdo dir="ltr" o texto fica <bdo dir="ltr">da esquerda para a direita</bdo>.

Com a tag bdo dir="rtl" o texto fica <bdo dir="rtl">da direita para a esquerda</bdo>.

Resultado:

Com bdo dir="ltr" o texto fica da esquerda para a direita.

Com bdo dir="rtl" o texto fica da direita para a esquerda.

<bdo dir="rtl"> inverte o texto para nós, ocidentais, que escrevemos da esquerda para a direita, enquanto <bdo dir="ltr"> serve para inverter textos árabes e hebraicos, por exemplo, que são escritos da direita para a esquerda.

Fonte, cor e tamanho

Código:

A tag font <font color="#ff00ff" size="4" face="comic sans ms">muda cor, tamanho e fonte</font> sem precisar de CSS.

Resultado:

A tag font muda cor, tamanho e fonte sem precisar de CSS.

---

Apesar de modificarem o texto sem precisar de CSS, todas essas tags podem ser personalizadas na folha de estilos de seu blog ou site para que fiquem do seu jeito.

Escolha a cor do texto selecionado

Nível: intermediário

Este é um simples código CSS que muda as cores do texto quando alguém seleciona com o cursor. Eu descobri isso hoje, quando estava em um blog e percebi que o texto ficava com fundo vermelho quando eu selecionava. Abri o código fonte e descobri:

*::-moz-selection {background:#b645fe; color:#ffffff;}
*::selection {background:#b645fe; color:#ffffff;}
]]></b:skin>

A pseudo-classe *::-moz-selection faz funcionar no Firefox, no Flock e no descontinuado Netscape. A pseudo-classe *::selection faz o efeito no Chrome, no Opera e no Safari. Não funciona no Internet Explorer 8 Beta 2, nem no Sleipnir 2.8.3.

Sem o efeito:

Com o efeito:

Para escolher as cores que combinam com seu site, visite o cubo de cores.

Edite os nomes dos contatos no Live Messenger

Nível: iniciante

Este post foi escrito em tom agressivo. Não recomendado para miguxos, emos e mulheres grávidas.

Os usuários do Windows Live Messenger podem ser dividos em dois grupos:

1. Os que usam o campo de nome para colocar mensagem de status (como se não houvesse local adequado para isso) e acham isso cool.
2. Os que sentem vontade de dar cascudos nos semi-analfabetos que usam o campo de nome para colocar mensagem de status e acham essa mania besta um cu.

Se você está no meu grupo, ou seja, no grupo 2, saiba que no Windows Live Messenger 2009 ficou mais fácil editar os manés contatos que têm esse hábito detestável, já que a opção de exibir contatos por endereço de e-mail não está disponível.

1. Edite a exibição para Nome e Sobrenome

Clique no 2º ícone, o que fica do lado direito do ícone de adicionar contato.

Marque a opção de exibição Nome e Sobrenome e salve:

2. Edite os manés contatos

Sempre que aparcer uma frase no lugar do nome, você clica com o botão direito no meliante e seleciona Editar contato:

Clique na opção Contato e escreva o nome e o sobrenome do réu e salve:

Agora ficou fácil de saber quando o infeliz tá on-line:

Gente, não tenho nada contra o Lucas Costa. Ele é semi-analfabeto, mané, meliante, réu e infeliz, mas é meu amigo.

Este tutorial é só para quem não gosta de ficar que nem barata tonta passando o mouse em um por um dos contatos para saber quem é quem. Se você pratica sadomasoquismo, dane-se.

Sorteio do Kaiak Masculino no Pink

Nossa! São tantas inscrições que quase me esqueci de avisar aqui, no meu blog mais popular, que o Helen Fernanda Pink está sorteando um Kaiak Natura Masculino. Participar é muito fácil, são apenas dois passos.

Não perca tempo! Assim que eu tiver 100 (cem) concorrentes vou sortear. Como já tenho 50 (cinquenta) inscritos e o HTMHelen tem mais de 100 (cem) leitores de feed, acho melhor você clicar logo.

Não diga que não avisei

Minha vida real está 100

Sem emprego = sem dinheiro = sem emoção… Continuo fazendo especialização uma vez por semana, mas é muito pouco para satisfazer minha tara por aulas (sim, descobri que sou tarada por aulas, não necessariamente por estudar. Sessões de estudo são interessantes apenas quando intercaladas por aulas, muitas aulas). Planejei, então, fazer cursinho para concurso, só falta fazer o preço do curso se encaixar no salário-desemprego, um “detalhe”.

Para não dizer que minha vida está totalmente boring, tenho me divertido um pouco com os filmes que passam no Universal Channel. Para quem por muitos e muitos anos só teve acesso aos filmecos que passam de tarde na Globo e no SBT, até que não é tão ruim. Bem, se o melhor da minha vida atual são os filmes que passam na TV, melhor não contar o resto. Por enquanto minha rotina on-line está muito mais interessante…

Quer ganhar um Kaiak Natura Masculino?

Se o Helen Fernanda Pink é blog de “mulherzinha”, ao menos por um post a situação mudou. A promoção Quer ganhar Kaiak Natura Masculino está fazendo sucesso entre os rapazes. Eu pensei que fossem se cadastrar mais meninas, para presentear os homens, mas são eles que querem se presentear. Gostei de ver!

As inscrições serão feitas até o dia 28 de fevereiro e o sorteio é dia 1º de março de 2009.

Promoção Você tem chance!

Já essa promoção do HTMHelen não tem prazo, não tem pressa. Estou sorteando o domínio Você tem chance! Confira o regulamento.

Trocando Livros

Finalmente recebi meu primeiro volume por meio do Trocando Livros. Escolhi A Insustentável Leveza do Ser que veio de uma parananese. Para ter direito a um livro, enviei primeiro Por uma Outra Comunicação para um “minêrim de Berlândia”.

Por causa da minha irmãzinha devagar quase parando que devolve livro um semestre depois que termina de ler, eu perdi outra troca, mas tenho tantos livros disponíveis que a próxima solicitação não deve demorar. Se você já está cadastrado, a dica é que a maioria dos livros da minha lista de 100 livros em 1001 dias e alguns dos livros da minha estante no Skoob estão disponíveis no Trocando. Se não se cadastrou ainda… Demorou!

[Encerrado] Quer ganhar Kaiak Natura Masculino?

Update 05/02/2009
Assim que for atingido o número de 100 inscritos(as) o Kaiak será sorteado, ou seja, bem antes do dia 1º de março.

1º passo:

Entre em nossa comunidade no Google Friend Connect.

2º passo:

Logada(o) com sua conta do Google, deixe um comentário dizendo “Eu quero ganhar um Kaiak Natura Masculino”. No campo do comentário você tem que colocar sua cidade, se for interior coloque cidade e Estado. Exemplos:

Eu quero ganhar um Kaiak Natura Masculino. Goiânia

Eu quero ganhar um Kaiak Natura Masculino. Americana/SP

Update 05/02/2009, 22h41
Se, sabe Deus o porquê, você usa nomes diferentes no Blogger e no Google Friend Connect, coloque também no comentário como você aparece lá, se não eu não te acho, menina!

Seleção:

Pensei em fazer um concurso cultural, mas como estou sem disposição para isso no momento, vou fazer um simples sorteio com o Sequence Generator no dia 1º de março de 2009 assim que for atingido o número de 100 (cem) inscritos.

Pré-requisito:

O único é ter endereço no Brasil para eu enviar a colônia.

Para morador ou trabalhador de Goiânia, a entrega será feita pessoalmente em local e horário a combinar. Motivo óbvio: o sitpass é muito mais barato do que as despesas postais.

Eliminados:

Quem deixar dois ou mais comentários com a mesma conta do Google será eliminado(a) do sorteio.

Se forem identificados dois ou mais comentários de usuários diferentes, mas da mesma pessoa, todos eles serão eliminados do sorteio.

Inscritos:

Tópico adicionado dia 05/02/2009 às 08h15 da manhã.

Para facilitar a vida de todos e torcendo para que essa promoção tenha tantos inscritos que fique difícil fazer contas, já vou colocando a ordem provisória de inscrição, conforme a ordem dos comentários:

1. Renato, Goiânia
2. Renatto Neves, Goiânia
3. Leonardo R., Goiânia
4. Henrique Corrêa, Vila Velha/ES
5. Paula Fernanda, Blumenau/SC
6. Bárbara Dedavid, Curitiba/PR
7. Deise, Jaraguá do Sul/SC
8. Cássia, Rio de Janeiro
9. Nina Neta
10. Ana
11. Karisa
12. Lala, Campinas/SP
13. Andreza, São Paulo
14. Ana Paula, Piracicaba/SP
15. Renata, Sobradinho/DF
16. Jéssica, Pato Branco/PR
17. Lola, Goiânia
18. Aurélio Reis, Goiânia
19. Debua, Natal
20. Má Stella, Ribeirão Preto/SP
21. Patrícia, Schroeder/SC
22. Fabiane Gambeta, Laurentino/SC
23. Laury, Guaíra/SP
24. Jaiza, Cidade Ocidental/GO
25. Adriana, Curitiba/PR
26. Andreia, Sorocaba/SP
27. Tata, São Paulo/SP
28. Valkirinha, Tupã/SP
29. Suzana, São Paulo
30. Alessandra Adams, São Paulo
31. Vivian, Salvador
32. Chris, Vitória
33. Déa, Volta Redonda/RJ
34. Vanessa, Rio de Janeiro
35. Luara, Miguelópolis/SP
36. Therry, São José/SC
37. Lu, São Paulo
38. Marcela, Vitória
39. Chrissie, Maringá/PR
40. Dandara, São José/SC
41. Andréia, Fortaleza
42. Thayse, Porto Alegre
43. Letícia, Goiânia
44. Jacque, Pelotas/RS
45. Natalia, Bebedouro/SP
46. Quetizinha, Santa Maria/RS
47. Patrícia, São Paulo
48. Sandro, Guararema/SP
49. Borboletinha, Rio de Janeiro
50. Luciana, Rio de Janeiro
51. Fernanda, Cachoeira do Sul/RS
52. Lorena, Serra/ES
53. Juliete, Cascavel/PR
54. Márcia, Ourinhos/SP
55. Benedito, São Paulo
56. Kellen, Rio de Janeiro
57. Priscila, Taubaté/SP
58. Gi, Curitiba
59. Joseane, Pinhais/PR
60. Robert, Sorocaba/SP
61. Felipe, Ceilândia/DF
62. Sônia, Ceilândia/DF
63. Ernando, Ceilândia/DF
64. Gabriel, Contagem/MG
65. Girlaine, Registro/SP
66. Helane, CE
67. Kátia, Serra/ES
68. Taila, Rio de Janeiro
69. Zé Coveiro, Santos/SP
70. Jaqueline, Mesquista/RJ
71. Fabiane, Olinda/PE
72. Raquel, Itapecirica da Serra/SP
73. Elaine, Sobradinho/DF
74. André Luiz, Imbé/SP
75. Caliope, Jaboatão dos Guararapes/PE
76. Didi, Goiânia
77. Gilda, Osasco/SP
78. Amostras, Iguapé/SP
79. Aline, Aimoré/SP
80. Marlene, Florianópolis
81. Simone, Cariacica/ES
82. Daniela, Recife
83. Ju, Indaiatuba/SP
84. Jayson, Vitória de Santo Antão/PE
85. Jullyana, Rio Branco
86. Pires, Ribeirão Pires/SP
87. Patrícia, Garanhuz/PE
88. Lecita, Sorocaba/SP
89. Adneia, Guarujá/SP
90. Conchita, Guarujá/SP
91. Menina Azul, São José dos Campos/SP
92. Brabão, São Luis
93. Vanessa, Contagem/MG
94. Crys, Natal
95. Rui Junior, Goiânia
96. Rafael, Pitangui/MG
97. Joanna, Piracicaba/SP
98. dju, Porto Alegre
99. Daniele, Natal
100. Sammy, Juiz de Fora/MG

Update 05/02/2009, 21h27
Muita gente teve a inscrição recusada porque usa nomes diferentes no perfil do Blogger e no Google Friend Connect. Apesar de ter usado um pouco de “jornalismo investigativo” para livrar a pele de algumas, não consegui descobrir todas. Esquizofrenia à parte, a dica é: tenha COERÊNCIA.

Update 11/02/2009 Confira o nome da vencedora de nosso primeiro Sorteio Pink!

Simples assim!

Quer ganhar Kaiak Natura Masculino?

Quer ganhar Kaiak Natura Masculino?

Este post foi transferido para o blog Consultoras de Beleza.

Marcadores em formato de nuvem 2

Nível: avançado

Neste tutorial, os marcadores devem aparecer com tamanhos variados, conforme o número de posts. Se quiser marcadores com tamanho de fonte único, visite o primeiro tutorial.

Buttons orkut

Desta vez todos os 104 buttons ficaram muito parecidos porque a maioria foi inspirada nas cores do próprio orkut. Só de “bater o olho” o leitor já saberá do que se trata.

Imagens feitas com Button Maker

Buttons Me Adiciona

Aproveitei a minha inspiração para montar meus buttons do MeAdiciona e criei trinta a mais para disponibilizar aqui. São 35 buttons no total:

Imagens feitas com Button Maker

Lindos backgrounds gratuitos

Background Labs

www.backgroundlabs.com

Dica do Usuário Virtual.

Bg Patterns

bgpatterns.com

Everyday Patterns

everydayicons.jp/patterns.html

Wonder Backgrounds

www.wonderbackgrounds.com

Squidfingers Patterns

www.squidfingers.com/patterns

Outras galerias não tão belas na página delicious.com/helenfernanda/backgrounds.

Aprenda a inserir imagens no background de seu site.

Alinhamento de texto

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.

Divulgue seu blog no Live Messenger

Nível: iniciante

Eu e eu mesma no Messenger…

Vou adiantando que vale muito a pena atualizar seu Live Messenger. Antes de instalar dê uma checada nos requisitos do sistema.

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.