Moldura em imagens ...???

[pensar 1]

Galera é o seguintecomo eu coloco umas molduras em volta das minhas fotos da galeria ...a moldura pode ser uma imagem jpg, e quero que as fotos apareçam dentro dela..faloww :)

[yetiH 0]

acho que daí foge e bastante de PHP...mudem isso pra CSS =]

[Illidan 0]

acho que daí foge e bastante de PHP...

mudem isso pra CSS =]

Tem razão! Vou mover para o fórum de CSS.

 

Bom, como você está utilizando uma imagem JPG como moldura, acho que o ideal seria criar uma caixa DIV e colocar essa imagem como fundo pra essa caixa. O código ficaria assim:

 

<div class="moldura">
<img src="foto.jpg" alt="" />
</div>

 

E no CSS:

 

div.moldura {
padding: 15px; /* espessura da moldura */
background: url("imagem/da/moldura.jpg") no-repeat;
}

 

Pra funcionar corretamente, as dimensões da foto devem coincidir com as dimensões internas da moldura. O que significa também que todas as fotos devem ser do mesmo tamanho.

 

[]'s!

[Giovani 104]

pensar,Se você quer colocar moldura numa figura, pq não usa o border????Tem um tópico sobre isso aqui no forum, dá uma pesquisada! B)

[pa_bruno 0]

pra ficar melhor, pode colocar essa clase na imagem mesmo... pra naum ter vários divs ;)

ou de repente, se forem bastante divs, utilize uma lista ul com os lis chamando essa classe ;)

 

tb pensei nisso gio, mas as vezes pode preferir em utilizar uma imagem, por exemplo: http://www.videolog.tv/busca.php?tags=com%E9dia onde a imagem q fica na esquerda, eh uma img normal, mas ae coloquei na img mesmo, um background com uma sombra, pra dar uma estilizada... ;)

[Giovani 104]

tb pensei nisso gio, mas as vezes pode preferir em utilizar uma imagem, por exemplo: http://www.videolog.tv/busca.php?tags=com%E9dia onde a imagem q fica na esquerda, eh uma img normal, mas ae coloquei na img mesmo, um background com uma sombra, pra dar uma estilizada... ;)

Ficou show de bola! Gostei do efeito ali! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

style neh? coisas simples q as vezes fazem a diferença ;)

[pensar 1]

style neh? coisas simples q as vezes fazem a diferença ;)

beleza eu fiz como postaram ai agora deem um olhada como ficou ...as fotos não estao no centro da moldura ... como faço pra colocá-la la dentrolink da galeria Galeria imagens

[bluereal 0]

<_< OiNão quero ser chata não, mas ficou meio esquisito essas molduras quadradas com imagens ovais dentro.Não tem nem uma cor ou um back pra fazer a ligação - muito estranho, visualmente falando...Mas em todo caso, você poderá definir um position absolute para as imagens ovais, e assim, com uma medida em top e left, você poderá 'encaixá-las' nas imagens das molduras.Se eu estiver errada, as feras do pedaço irão nos atender, não é?abrs, :D Blue

[pensar 1]

<_< OiNão quero ser chata não, mas ficou meio esquisito essas molduras quadradas com imagens ovais dentro.Não tem nem uma cor ou um back pra fazer a ligação - muito estranho, visualmente falando...Mas em todo caso, você poderá definir um position absolute para as imagens ovais, e assim, com uma medida em top e left, você poderá 'encaixá-las' nas imagens das molduras.Se eu estiver errada, as feras do pedaço irão nos atender, não é?abrs, :D Blue

beleza blue realé que so pra teste mesmo ... rsrs depois vou fazer umas molduras melhor ..obrigado

[pa_bruno 0]

coloque por padding... eh melhor... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pensar 1]

Galera achei um site que tem o que eu to querendo

 

acessem e notem que as fotos principais das galerias estao dentro de uma moldura que pra mim é uma imagem jpg...

 

link do site

[pa_bruno 0]

muito pesado, com tabelas, tah demorando bastante para abrir... <_<

 

aqui, tentou fazer com o padding do modo como falei? naum terá problemas assim... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

:: UPDATE ::

demorou, demorou, demorou e naum abriu quase nenhuma imagem... a unica q pode ser q você esteja falando (das q apareçeram), seriam as q tem borda preta, na direita... ae eh soh colocar um border mermo, como o pessoal falow... e pode colocar um padding também... fica style... ;)

 

:: UPDATE 02 ::

Cara, agora q abriu aqui. Não eh background naum cara... eh uma imagem mesmo... feita no photoshop, por exemplo, com os efeitos, curvas e postada no site... ;)

[Giovani 104]

Além da demora pra abrir, de ser um site totalmente desestruturado e fora dos padrões, ele não abriu corretamente no firefox aqui da máquina onde estou! ;)

 

Utilize o padding comoo Bruno falou....assim você nâo terá dores de cabeça pensar! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pensar 1]

Além da demora pra abrir, de ser um site totalmente desestruturado e fora dos padrões, ele não abriu corretamente no firefox aqui da máquina onde estou! ;) Utilize o padding comoo Bruno falou....assim você nâo terá dores de cabeça pensar! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Desculpe a minha falta de conhecimento ... mas .. como eu uso o padding ??? :mellow:

[pa_bruno 0]

como eu uso o padding ??? :mellow:

falta d conhecimento? http://www.w3schools.comeu falo e falo... mas... <_<