Borda nas imagens

Olá Paulo,

Eu consegui esse efeito tão desejado com um plugin chamado SmartResizer:

http://extensions.joomla.org/extensions ... mages/9982

É que eu também estava procurando um plugin para gerar miniaturas, de modo que todas as imagens do meu site fossem redimensionadas para um tamanho padrão. Ou seja acabei matando dois coelhos com "uma bomba atômica só" rrsrsrsrs

Mas eu fico grato a você, pois eu não entendo praticamente nada de Joomla ainda e aproveitei o código CSS que você me indicou <!-- s:D --><img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt="" title="Muito Feliz" /><!-- s:D -->

Um grande abraço e muito obrigado!

Mas só pra concluir, eu fiz um teste adicionando esse código que você me indicou no final do arquivo custom.css e também funcionou, ou seja, perfeito!! <!-- s:P --><img src="{SMILIES_PATH}/icon_razz.gif" alt="" title="Legal" /><!-- s:P -->

Olá Paulo, desculpe tantas respostas em sequência.

Eu tive problemas com o SmartResizer quando fui testá-lo no meu site no servidor online (eu só tinha testado no localhost).

Por isso, penso que talvez a sua ideia de inserir o código no custom.css seja melhor.

Só teve um pequeno problema, ao inserir esse código no custom.css ele não colocou a borda apenas nas imagens dos artigos, ele colocou também nos ícones de imprimir e enviar por email ao lado do título e também nas imagens de um slideset do widgetkit que tenho na home do site.

Teria como adicionar apenas nas imagens dos artigos?

Abs

Olá Paulo,

Sou eu mais uma vez, desculpe tantas mensagens, mas é que eu quero deixar aqui as soluções que encontrei para ajudar à quem venha pesquisar no google e cair aqui neste tópico:

Acho que encontrei a solução definitiva, que é o BK-MultiThumb:

http://extensions.joomla.org/extensions ... mages/9346

Ele não só coloca as bordas corretamente nas imagens dos artigos, como também gera miniaturas das mesmas (é um recurso interessante pra quem quer exibir só uma miniatura da primeira imagem dos artigos na homepage do site).

Até agora está ok, tanto em localhost, quanto no servidor. Veja resultado:

http://castelodoxadrez.com.br/blog

Grande abraço (novamente) e muitíssimo obrigado <!-- s:oops: --><img src="{SMILIES_PATH}/icon_redface.gif" alt="" title="Envergonhado" /><!-- s:oops: -->

Gedimar escreveu: Só teve um pequeno problema, ao inserir esse código no custom.css ele não colocou a borda apenas nas imagens dos artigos, ele colocou também nos ícones de imprimir e enviar por email ao lado do título e também nas imagens de um slideset do widgetkit que tenho na home do site.

Teria como adicionar apenas nas imagens dos artigos?

Abs

Opa!

Muito bom gosto para o site, parabéns!

Que bom que encontrou uma ferramenta adequada para a sua necessidade. Eu geralmente prefiro resolver no CSS sempre que posso, no intuito de deixar a carga do site o mais leve possível, colocando poucas linhas no CSS, ao invés de instalar extensões mais complexas.

Vou aproveitar para responder sua dúvida, de qquer forma...

• article img { ... }[/*:m][/list:u]
  
  Aqui estou alterando as propriedades de todas as tags <img> que estejam dentro de uma tag <article>...</article>. Foi por isso que absolutamente todas as imagens foram impactadas.
  
  O nome desse "endereço" é CSS Selector
  
  Pelo que estou vendo no seu site, um selector que funcionaria seria:
  
  • article .mooopacite { ... } - todas as tags com class="moonpacite" dentro de uma tag article[/*:m][/list:u]