3 replies to this topic

[phpnovato]

Pessoal sempre vejo em sites uma quadrado (ou retangulo) com conteúdo dentro (como na imagem anexada). Como vocês fazem isso? aplicam uma borda em uma DIV? é assim? ou usam fieldset? como fazem os profissionais?

 borda.png   53.88KB   10 downloads

[Arildo Borges Junior]

Olá phpnovato, é borda na div:

CSS

.estilo {
	border: 1PX solid #666;
}

HTML

<div class="estilo"> Tudo escrito aqui </div>

Edição feita por: Arildo Borges Junior, 06/06/2010, 20:37.

[André Manoel]

Lembrando que você pode encontrar páginas que tem as bordas arredondadas.
Se for assim podem ser imagens ou... bordas que somente o firefox aceita...

https://developer.mozilla.org/en/CSS/-moz-border-radius

[shayllis]

Bom você pode pré-estabelecer um tamanho a sua div, já consciderendo a margem, criar uma imagem para a borda em um editor de sua preferência, no caso o photoshop(para mim é o melhor), e criá-lo lá, o legal é que você pode fazer vários efeitos. Bom, crie um documento no photoshop, crtl+n, determine o tamanho em pxels, no caso o tamanho da div já com a borda, determine 72pixels/inch, de resolução, e fundo do documento transparente, background(em inglês). Agora crie uma nova camada, para melhor trabalhar... Você pode usar uma ferramenta de seleção, o quadrado pontilhado, no caso(pois é uma seleção simples), clique em select(seleção), modify(modificar), smoth(suavisação), e coloque um numero para amenizar as vertices, isto é, criar uma borda com pontas arredondadas, depois pite e apage a área indesejada. Para melhores efeitos, é só aplicar alguns estilos de camadas.
Freelancers - shayllis@yahoo.com.br