SaferNet Brasil Área Colaborativa

Colabore Divulgando

 


 

Dicas de Formatação

Como aplicar uma borda no banner

Talvez você prefira o banner com uma borda preta, como nesse exemplo:

Exemplo de Uso

Para tal, adicione  style="border: 2px solid black"  na tag <img ... />. Se você quiser mudar a expessura da borda, mude 2px para 1px, 4px, ...

Caso você queira uma margem interna, entre a imagem e sua borda, veja o exemplo:

Exemplo de Uso

Para tal, adicione  style="border: 1px solid black; padding: 2px; background: withe"  na tag <img ... />.

Como fazer o texto correr ao redor do banner

Baners com forma quadrada ou próxima disso, ficam bem quando aplicados dessa forma:

Exemplo de Uso Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris pede. Mauris vitae nulla. Mauris posuere ipsum accumsan est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Aliquam volutpat sapien sed velit.

Integer aliquam, arcu sed vestibulum vulputate, pede felis viverra mi, et dapibus purus enim vitae felis. Cras elit diam, ornare id, consequat in, ultricies id, nunc. Nam adipiscing viverra purus. Suspendisse nisl lacus, porta vitae, hendrerit sed, adipiscing eget, tellus. Proin risus libero, convallis dignissim, auctor id, hendrerit vel, velit. Vestibulum sit amet ante quis neque dapibus elementum.

Para tal, adicione  style="float:right; margin-left:15px;"  na tag <img ... />. Se você também quiser uma borda nesse banner, adicione border: 1px solid black nesse atributo style também.

Copyright © 2006 - 2008 SaferNet Brasil