Imagem com cantos arredondados?

[Digo RS 0]

Olá,

 

Quero muito saber como eu aplico um código para ela ficar com os cantos arredondados??

 

 

Espero a ajuda de vocês!, e sei que vocês são feras!

Vlw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Marcio Leandro 0]

Um flood em 40 minutos...

Por favor tenha paciência quando postar, floodar fere as regras do fórum.

 

Você vai precisar combinar 2 imagens, uma com transparência no centro e bordas brancas com interior arredondado, isto é, se você for aplicar em uma página com fundo branco.

Leia: http://br.php.net/manual/pt_BR/function.imagecopymerge.php

Aí nesta referância tem uma contribuição com um exemplo de função que faz isso aplicando transparência.

 

Obviamente é possível fazer isso de diversas outras formas, mas esta é a maneira que eu imaginei.

[Digo RS 0]

Mas tipo...

...eu quero aplicar num destaque de notícias (que obiviamente é atualizado diariamente) num portal.

 

E será que tem como eu usar um sistema em js ou css para exibir a imagem automaticamente com os cantos arredondados?

 

(aaa, enquanto a parte do flood, pode deixar que não cometerei mais esse erro!)

[Marcio Leandro 0]

Bom, como este fórum é de PHP, imagino que você está tentando criar as imagens com PHP. Neste caso, vale a dica que eu dei.

Você pode (e acredito que deve) preservar as imagens originais, criando na hora da exibição a imagem em memória apenas para exibição.

 

<img src="geraimagemcomcantosarredondados.php?idimagem=2" />

[Digo RS 0]

ok amigo...

 

hehehe, vlw pela ajuda, fecha esse topico...

e vou tentar achar a resposta no forum: Webstandards: CSS / XML / XHTML / HTML

 

Desculpe por não compreender muito suas respostas, pois sou leigo no assunto de PHP...

 

rsrsrs,

 

Vlw!

[Marcio Leandro 0]

Você não vai conseguir fazer isso com HTML/CSS, a não ser que faça uma gambiarra com camadas.

Não é tão difícil, acho que você deveria realizar uns tutoriais para compreender melhor antes de desistir.

Veja este: http://www.daviferreira.com/blog/2007/09/0...imagem-php.html

Qualquer dificuldade vai postando aqui.

[Frederick Moschkowich 0]

Sei que aki nao e o forum, mas nao custa ajudar

 

em HTML/CSS/JS tem isso aki: http://www.html.it/articoli/nifty/index.html

 

acho que e suficiente

 

abs

 

FM

[juni0r 0]

tem uma maneira muito prática que é utiizando jQuery.

Aqui tem um exemplo: http://www.malsup.com/jquery/corner/

[Marcio Leandro 0]

Agora ficou fácil hein http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Digo RS 0]

Uow Show!, claro aki só tem crânio!

[~TiuTalk~ 7]

Com isso aqui no CSS:

 

-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;

Você cria um arredondamento de 3px em cada um dos cantos... Mas não funciona no IE... As últimas versões do Wordpress usam isso pra criar o efeito de arredondamento nos blocos e menus...

 

:)

[juni0r 0]

aproveitando, achei este outro código:

 

http://www.malsup.com/jquery/corner/image.html

 

abraços.