Delicada e Abusada: outubro 2011

23 outubro 2011

a sua calculadora va descobrir sua idade

✱ Postado por DÉBORA ALVIM ♥ Um comentário:

Faça corretamente! Pegue uma calculadora para facilitar!

esse truque foi tirado do site someday 2 . é muito legal, e funciona mesmo.

1. Primeiro: escolha o número de vezes que voce gostaria de visitar o site receitasdmais na semana (mais do que 1 menos que 10)

2. Multiplique o número por 2 (Apenas para ser ousado)

3. Adicione 5

4. Multiplique por 50 -

5. Se você já tiver feito aniversario esse ano some 1761 ..
Se não tiver feito, some 1760.

6. Agora subtraia os quatro digitos do ano em que voce nasceu.

Voce agora deve ter um número de três digitos...

O primeiro digito foi o número que voce escolheu!!!
(impressionante...).

Os proximos dois números são:
SUA IDADE! (OH SIM! É MESMO!!!!)

18 outubro 2011

Imagem no título da postagem

✱ Postado por DÉBORA ALVIM ♥ Nenhum comentário:

Vamos colocar um ícone ou imagem ao lado do titulo das postagens, isso serve para deixar bem localizado o inicio de cada um dos textos afinal tem alguns modelos de template que as coisas ficam juntas demais, portanto seria bom ter algo que destacasse o inicio de cada um dos posts do blog.

Fazer isso é bem simples entre na pagina editar HTML e procure por H3{... } ou o estilo que controla o titulo do blog que também pode ser h2 em alguns casos, em nosso blog de Dicas de Sitesé assim:

post h3 a, .post h3 a:visited, .post h3 strong{….}

Para ter certeza que está modificando o estilo certo antes de começar faça um teste, coloque border: 1px solid #000000; dentro das chaves no estilo que você acha que é o certo no seu modelo isso faz aparecer uma borda preta em volta do estilo, então clique para visualizar o blog se apareceu a borda nos títulos da postagem é porque este é o lugar certo. Caso o fundo do seu blog seja preto ou escuro faça o teste usando ffffff em vez de 000000 para a borda ficar branca.

Agora vamos colocar uma imagem ao lado do título da postagem insira o seguinte código:

background-image: url(http://img195.imageshack.us/img195/668/iconebig.jpg);
background-repeat: no-repeat;text-indent: 30px;
background-position: left top;

Você só precisa hospedar uma imagem e colocar o endereço no lugar desta que está no exemplo, cuidado na hora de fazer a imagem para que ela não seja grande demais senão aparecerá somente uma parte dela. Outro ajuste necessário é o valor 30px no final da segunda linha, isso é um recuo de texto, ou seja, quando maior o numero mais espaço terá o texto da margem esquerda no caso de não usar o texto centralizado, então é só modificar esse numero para que o título não fique sobre a imagem. Agora é só visualizar e se ficou como você queria salvar as alterações no blog.