Borda nas imagens

Gedimar
Autor do Tópico
Offline
JCB! Estagiário

Mais

10 anos 8 meses atrás #92707 por Gedimar

Gedimar created the topic: Borda nas imagens

Olá Pessoal,

Eu gostaria de saber se existe uma maneira de inserir uma borda de forma automática nas imagens de um artigo.

Mas eu não me refiro àquelas bordas em html que se coloca nas configurações da própria imagem. Eu gostaria que fosse um borda com algum efeito, de sombra, de relevo, algo mais bonito visualmente.

Algo similar à esta imagem:

Reparem que essa imagem tem uma borda branca e uma borda bem pequena que parece uma sombra.

É possível fazer isso no joomla?

Please Entrar ou Registrar to join the conversation.

paulera
Offline
JCB! Colaborador

Mais

10 anos 8 meses atrás #92772 por paulera

paulera replied the topic: Re: Borda nas imagens

Você precisa ter no CSS do seu template algo mais ou menos assim:

article img {
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
}

[url=http://forum.joomla.org/memberlist.php?mode=viewprofile&u=451910:33ho4enb]Perfil no fórum oficial do Joomla[/url:33ho4enb] | twitter: [url=http://twitter.com/paulerapedreira:33ho4enb]@paulerapedreira[/url:33ho4enb]
[b:33ho4enb]Site: (projetos e artigos técnicos):[/b:33ho4enb] [url:33ho4enb]http://www.paulodev.com.br[/url:33ho4enb] [size=85:33ho4enb](pt-BR)[/size:33ho4enb]
[b:33ho4enb]Espaço pessoal de desenvolvimento, testes e exemplos:[/b:33ho4enb] [url:33ho4enb]http://paulera.insomnia247.nl[/url:33ho4enb] [size=85:33ho4enb](en-US)[/size:33ho4enb]

Please Entrar ou Registrar to join the conversation.

Gedimar
Autor do Tópico
Offline
JCB! Estagiário

Mais

10 anos 7 meses atrás #93007 por Gedimar

Gedimar replied the topic: Re: Borda nas imagens

Olá,

Desculpe a demora em responder, eu achei que seria notificado por email, caso recebesse alguma resposta.

Você saberia me dizer em qual arquivo de css eu cdevo colocar esse código, meu site tem um tema da YooTheme e ele tem vários arquivos de css, eu não saberia em qual deles colocar e muito menos em que parte do arquivo <img src="{SMILIES_PATH}/icon_e_sad.gif" alt="

" title="Triste" />

Abs

Please Entrar ou Registrar to join the conversation.

paulera
Offline
JCB! Colaborador

Mais

10 anos 7 meses atrás #93024 por paulera

paulera replied the topic: Re: Borda nas imagens

Eu particularmente gosto do Yootheme e da forma que o framework viabiliza para fazer customizações. O melhor é criar um estilo seu, derivado dos existentes, e defini-lo como padrão.

1 - Fazer um clone de um estilo existente:

Abra a pasta styles do template.[/*:m]
Copie alguma das pastas com um novo nome, por exemplo meuestilo.[/*:m]
Fique à vontade para editar os CSS dessa nova pasta como quiser. Há diferenças entre os arquivos de cada diferente template, se houver um arquivo custom.css, prefira ele para colocar suas customizações.[/*:m][/list:u]

2 - Definir seu estilo como padrão:
- Página de Administração -> Extensões -> Gerenciador de temas[/*:m]
- Clique no nome do tema que você está usando[/*:m]
- Se estiver usando o Joomla 3.x, clique na aba opções.[/*:m]
- No quadro de customização das características do template, clique no botão "Profiles" (ao lado do botão "General").[/*:m]
- Na primeira caixa de seleção, escolha o profile "default".[/*:m]
- Na opção "Style" (segunda caixa de seleção, geralmente), escolha o estilo que você criou (vai estar como Meuestilo, o yootheme detecta sozinho a nova pasta).[/*:m][/list:u]

Please Entrar ou Registrar to join the conversation.

Gedimar
Autor do Tópico
Offline
JCB! Estagiário

Mais

10 anos 7 meses atrás #93032 por Gedimar

Gedimar replied the topic: Re: Borda nas imagens

Olá Paulo, muito obrigado pela sua dica, irei testá-la hoje mesmo.

Aliás, só agora eu percebi que devo "assinar" o tópico para que eu seja notificado por email rsrsrsrs.

Se der certo eu retorno com um screen do resultado.

Grande abraço.

Please Entrar ou Registrar to join the conversation.

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates