:: PHOTOS STAR FAKE: 09/25/11

A maioria das tags de HTML 5 ainda não funciona do mesmo jeito em todos os navegadores, então temos que usar gambiarras. Um exemplo é a tag <mark>, que colore o background do texto com a cor amarela, da mesma forma que uma caneta marca texto que usamos no papel.

Código:

Já viu como fica um <mark>texto marcado</mark> quando a gente usa essa tag nova?

Resultado:

Já viu como fica um texto marcado quando a gente usa essa tag nova?

Para saber se seu navegador já é compatível, visite a seguinte página nele:htmhelen.webcindario.com/mark.html.

Teoricamente a tag <mark> já deve funcionar perfeitamente nas versões mais recentes de todos os navegadores, mas na prática a teoria é outra.

► Outras cores

Para definir outra tonalidade em sua marcação, mude background-color ecolor na folha de estilos.

a) CSS padrão:

<style>

mark {background-color:#00ff00; color:#000000;}

</style>

b) CSS do Blogger:

mark {background-color:#00ff00; color:#000000;}

]]></b:skin> 

c) CSS dentro da própria tag (inline):

Defina dentro da tag <mark style="background-color:salmon; color:lightyellow;">mark</mark> a cor de sua marcação.

Resultado:

Defina dentro da tag mark a cor de sua marcação.

Algumas combinações com fonte preta (#000000):

#ffff00 #f5deb3 #ffd700 #ffa500 #9acd32 #adff2f #00ff7f #00ffff #d8bfd8 #ffc0cb#e6e6fa #ffeecc #ffccee #eeffcc #eeccff #ccffee #cceeff

Algumas combinações com fonte branca (#ffffff):

#7b68ee #00bfff #ee82ee #ff69b4 #ff1493 #d2691e #ff8c00 #f08080 #ff0000#0000ff #000066 #006666 #006600 #660000

► Bug do Internet Explorer

Fiz vários testes no Internet Explorer 9 e descobri que em alguns blogs a tag não funciona, mas em outras páginas sim. Para não ser refém da instabilidade desse navegador, sempre defina o background na folha de estilos, mesmo que queira manter o tom amarelo [#ffff00].

► Bug do Opera 11

No Opera dá erro quando a gente usa a tag <mark> dentro de um parágrafo <p>. Esse navegador gera INEXPLICAVELMENTE uma quebra de linha antes da primeira palavra marcada.

Código:

<p>Já viu como fica um <mark>texto marcado</mark> no Opera quando a gente usa essa <mark>tag nova?</p>

Resultado:

Já viu como fica um
texto marcado no Opera quando a gente usa essa tag nova?

Fiz centenas de testes para remover essa quebra com CSS, mas não funcionou. O que deu certo foi uma gambiarra: trocar <p> por <div> ou inserir uma tag <div> dentro de <p>.

<p><div>Já viu como fica um <mark>texto marcado</mark> quando a gente usa essa <mark>tag nova?</div></p>

Resultado:

Já viu como fica um texto marcado quando a gente usa essa tagnova?

Nos meus testes com a tag <mark> não identifiquei nenhum bug nos seguintes navegadores:

Chrome 14
Firefox 6.0
Safari 5.1

Barra de rolagem no blogger

Não é algo que deva ser usado sem moderação, mas caixas com barras de rolagem podem ser úteis em algumas situações, como quando você tem que disponibilizar um código muito grande ou quando existe a possibilidade do conteúdo ser expandido dinamicamente e assim deformar o leiaute, só para citar dois exemplos.

O valor auto é o que faz a barra aparecer somente quando o conteúdo da caixa extrapola o tamanho determinada na tag <div>.

height - altura em pixels
width - largura em pixels
overflow - valor da barra de rolagem
margin-left e margin-right - configuro como auto para a caixa ficar centralizada

Seguem três aplicações desse mesmo código, só muda o conteúdo da caixa e é ele que define se cada barra de rolagem, vertical e horizontal, deve ou não aparecer.

<div style='overflow:auto; width:300px; height:300px; margin-left:auto; margin-right:auto;'>Conteúdo aqui.</div>

Exemplo 1 → barra vertical:

Motivo

Eu canto porque o instante existe
E a minha vida está completa.
Não sou alegre nem sou triste:
Sou poeta.

Irmã das coisas fugidias,
Não sinto gozo nem tormento.
Atravesso noites e dias
No vento

Se desmorono ou se edifico,
Se permaneço, ou me desfaço,
- não sei, não sei. Não sei se fico
ou passo.

Sei que canto. E a canção é tudo.
Tem sangue eterno a asa ritmada.
E um dia sei que estarei muda:
- mais nada.

Cecília Meireles

Exemplo 2 → barra horizontal:

Exemplo 3 → duas barras:

Outros valores para overflow:

inherit → herdar do elemento superior na folha de estilos
visible (padrão) → mostra todo o conteúdo da caixa, nem que para isso tenha que desrespeitar o tamanho da caixa e atropelar outros elementos da página.
hidden → sem barra de rolagem
scroll → com barra de rolagem. Não dá um visual legal, porque obackground da barra aparece mesmo se ela for desnecessária.
auto → o modo inteligente: a barra aparece somente se for necessária.

Até mais!

Depoimentos 2

Own, minha melhor amiga você não tem noção do quanto você é importante em minha vida, quando eu preciso de um ombro, de um conselho, de um abraço de qualquer coisa você sempre está presente e me ajudando sempre *-* Um verdadeiro amigo está sempre ao seu lado, e não importa a situação e o acontecimento ele sempre está ao seu lado tanto pra te consolar quanto pra sentir a alegria que você está sentindo naquele momento. O mais importante em uma amizade não é só a confiança entre ambos, mas sim o tamanho do amor e do carinho que ambos sente por eles. Pois é, tudo isso que eu disse a ti, acredite é tudo o que você é, obrigada por sempre estar ao meu lado best.

Passei dias e dias tentando ter uma resposta pra tudo de ruim que você fez pra mim, nunca imaginei que você seria capaz das piores coisas do mundo, mas você fez exatamente o que não deveria fazer ;/ Tudo o que tinhamos planejados juntos, sonhamos tão alto, e hoje tudo aquilo foi por água abaixo. Meu coração se desfez em pedaços, como migalhas de pão [..] Quando penso em você, eu sinto cada vez mais meu coração doer bem lá no fundo dando uma sensação bem forte de choro. Porque até hoje não encontrei a resposta para tudo isso ? ㅤParece que meu mundo acabou, que tudo se desfei [..] Mas ao longo desse tempo eu encontrei meus verdadeiros amigos, que compartilharam essa dor que eu sinto comigo, podendo me consolar e tentar fazer eu sempre me sentir bem e sorrindo, por eles eu agradeço porque hoje eu sei que mesmo com a ferida aberta em meu coração, eu posso caminhar só, sem pretensões para um novo grande amor. Agora eu quero só curti, fazer tudo o que no tempo que estávamos juntos eu não pude fazer. Espero que um dia, toda essa dor passe, que eu possa sentir paz e felicidade dentro de meu coração, e é assim que eu sempre vou sonhar e esperar esse dia chegar [...]

É difícil explicar o quanto eu preciso de você aqui ao meu lado, é tão inexplicável como tudo acabou errado né? Tentei te esquecer mas não adiantou em nada amor, então entenda o que eu quero te dizer agora, me da uma chance para te provar que o nosso amor é ainda mais forte que tudo o que temos, você é tudo o que eu preciso, só você. Já procurei seu amor em outros corações, mas nenhum deles me deu o amor suficiente que você me ofereceu. Esse amor acabou dominando-me por inteiro [..] Por favor, me dá seu amor, diz que me ama, diz que eu sou tudo o que você sempre quis, diz que ainda sonhou com eu e você juntos, é difícil viver sem você aqui amor. Eu não sei viver sem você, você é tudo pra mim, é meu mundo :/ a dona do meu coração. Vamos reconstruir tudo, esquecer o passado apenas pensar no futuro próximo. Da só mais uma chance pra eu te fazer a mulher mais feliz do mundo! Eu mudei, mudei completamente, não sou o idiota de antes isso eu posso te garantir com toda a certeza, desde quando você se foi eu pude perceber o quanto é difícil para mim ficar aqui sem você, porque eu sei que falta uma parte de mim, e eu sei exatamente aonde eu posso achar essa outra parte, em você só em você e em mais ninguém. Você sabe, eu sei .. nos ainda nos amamos, ainda sentimos algo forte um pelo outro, então não deixe isso passar, vamos ser apenas felizes denovo, porque o que importa é o amor e a felicidade. Então, por favor amor.. me da uma chance, pensa com carinho, porque eu sei que você é a mulher da minha vida, te deixei escapa uma vez, agora nunca mais [..] estará sempre aqui ao meu lado recebendo o maior carinho e amor do mundo e que qualquer mulher de qualquer canto do universo já quis sentir, mas só você pode receber esse amor e carinho. Por favor, vem dar o seu amor meu bem venha me aquecer eu preciso dormir e acordar com você ♪ , eu te amo e nunca esqueça disso ♥

Eu só vivo pensando em você, & é sem querer você não sai da minha cabeça mais.
Por que eu só vivo acordado a sonhar, imaginar nós dois. Ás vezes penso ser um sonho impossível, uma ilusão terrível.
Será? Hoje eu pedi tanto em oração que as portas do seu coração se abrissem pra eu te conquistar.. Mas que seja feita a vontade de Deus, e se ele quiser , então não importa como, onde, quando eu vou ter seu coração ♪.

A única coisa que eu tentei dizer aqui é que você é muitoimportante na minha vida e eu não sei como, mais quando eu to mal eu só me sinto bem conversando com você, quando eu quero contar algum segredo pra alguém eu só tenho a plena confiança de contar pra você. “se tem alguém que eu quero
muito bem, se tem alguém que eu prezo, se tem alguém que eu confio, se
tem alguém que eu preciso, esse alguém é você!’’ concerteza foi um dos
melhores presentes que eu pude receber, e recebi eles de braços abertos,
como sempre estaram quando você precisar de um ombro amigo para o
qualquer problema que houver, ou para simplismente pode comemorar
com suas conquistas, e lembre-se que isto eu vou estar fazendo sempre,
não importa a distancia que exista entre nós, não importa o saudade que
quase me mata, eu vou estar ao seu lado pra TUDO, mesmo que não podendo te falar as melhores coisas, eu vou estar aqui pra dizer que amo você, e nunca vou te abandonar por qualquer motivo . ❥