Goku, muito mais que um herói, o salvador do universo.
Eae pessoal. Dêem uma olhada na novidade que eu to trazendo aí do lado.
Achei no blog em português do Opera aqui no My Opera.
Vocês que gostam bastante de personalizar seus posts, é uma boa pedida 😀
A caixa de código:
<div style="float: right; text-align: center; color: #333333; padding:5px; margin:0 0 10px 10px; width:160px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 20px;">
<img src="link da imagem" alt="texto caso a imagem não carregue"/>
Texto que vai embaixo<br>
</div>
– Na parte do texto, vocês podem usar os seguintes itens (entre outros):
<i> texto </i> Itálico
<b> texto </b> ou <strong> texto </strong> Negrito
<small> texto </small> Deixa as letras pequenas
– Em "float: right;" vocês escolhem em qual lado vai a caixa (right, left, center)
– Em "text-align: center;" é a disposição do texto (right, left, center)
– Em "color: #333333" vai a cor do texto (em código html)
– No "padding:5px;" funciona uma borda 'genérica', para todos os lados (px = pixeis)
– Em "margin: 0 0 10px 10px;" são as bordas detalhadas, na seguinte ordem: cima, baixo, esquerda, direita
– Em "width: 160px;" vai a largura da caixa
– Em "background-color: #fff;" vai a cor do fundo (codigo html ou transparent)
– Em "border: 1px solid #dbdbdb;" vai a largura e a cor da borda
– "border-radius: 20px;" é opcional. Se usada, arredonda os cantos da caixa.
Você também pode colocar um link na imagem e no texto usando
<a href="link"> conteúdo </a>
Essa do goku foi feita com isso:
<div style="float: right; text-align: center; color: #777777; padding:5px; margin:0 0 10px 10px; width:160px; background-color: transparent; border: 1px solid #dbdbdb;">
<img src="http://2.bp.blogspot.com/_dVp7FdrvN3Y/TL8TyFWQLtI/AAAAAAAADY0/YYx9VlWMWqI/s400/goku.jpg" alt="Opera icon"/>
<i>Goku, muito mais que um herói,<strong> o salvador do universo.</strong></i>
</div>
Só um defeito: quando se usar isso num post, talvez ele não reconheça quando você dar linhas (enter). Para tal, coloque o seguinte no final de cada linha:
<br>
Caramba, muito legal! Poxa, eu tentava colocar texto embaixo das imagens em posts, mas não ficava legal, agora com isso meus problemas acabaram. Valeu!
Que interessante, estarei usando sempre o/
Vou usar isso, vlw Bean
Originally posted by majinjulie:Bean,sem querer te incomodar mas…Onde você aprende tanta coisa?Nah, eu nem aprendo tanta coisa assim. Como eu disse, isso eu acabei achando num blog aí no my opera ^^
Bean,sem querer te incomodar mas…Onde você aprende tanta coisa?
Já pensei (e já me proporam tambem) nisso antes. Mas, mal posto aonde eu deveria postar –‘ como daria conta de outro blog?
Você deveria criar um blog somente para isso,não acha?
É,você se ocupa muito.Ah,te add no facebook.
Nem, na verdade eu não faço nada haushaushauhMas estou criando vergonha na cara e não assumindo outros projetos que com certeza não cumprirei :DSim, eu vi. Te add já.
Legal…
QUANTO AO FODA EU FALEI DO BEAN, NAO DO PORRA DO MATT.
Cade sua caixa?
Num entendi muito bem, mais vou reler.