Outra pergunta clássica e um truque velho: como fazer uma caixinha de editar texto como a minha, com a imagem horizontal que ocupe toda a lateral, até o final da caixinha, se é que vocês me entendem.

Vamos exemplificar né ? Como esta aqui, com uma barrinha toda coloridinha na lateral

Para começar, você deve criar uma imagem no Photoshop (ou no programa de edição de imagem que você preferir) uma imagem de altura aproximadamente superior a 500px e a largura de aproximadamente 25px. O que importa aqui é realmente a altura, que deve ser superior ao tamanho dos seus usuais edits (geralmente eles são bem curtinhos). A minha ficou assim ôh!

Feito isso, salve no servidor de sua preferência e substitua o end do background que você enviou para o server e substitua no code abaixo:

.edit {
border-top: 1px solid #9E9E9E;
border-left: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
border-bottom: 1px solid #9E9E9E;
padding: 10px 10px 10px 35px;
font-size: 11px;
text-align: justify;
background-position:top left;
color: #3e3e3e;
background: #FFFFFF url(http://www.seusite.com/imagemlateral.png) no-repeat top left;
width: 80%;}

O código acima pode e deve ser configurável ao seu gosto. Ele está em cores neutras, mas você pode adequá-la da maneira que achar melhor.

Agora, para colocá-lo em seu blog, use o seguinte código:

[code lang="html"]
aqui vai o seu texto

[/code]

Se você tiver alguma dúvida, não hesite e faça uma pergunta para mim !



Borboletando.Org 2006 - 2010 | Desenvolvido por Victoria Siqueira | Powered by Wordpress | CSS Válido | XHTML Válido | 5 Users On Line