Citação com bordas mais destacadas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Citação com bordas mais destacadas

Mensagem por Nola em 09/06/13, 12:05 pm

Qual é minha questão:
Veja bem como está minha citação. Gostaria que ela tivesse uma borda ao redor e no titulo citação uma barra diferente, assim ficaria mais estiloso. O que vcs sugerem? Pois quando alguem cita algo mal da pra perceber que é uma citação, a cor de fundo eu consegui mudar, mas ainda sim esta feio. Os spoilers tambem ficam assim. Tem alguma sugestão para que fique mais bonito?



Endereço do meu fórum:
http://ultimato.forumeiros.com

Versão do fórum:
INVISION
avatar

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

Ver perfil do usuário http://ultimato.forumeiros.com

Resolvido Re: Citação com bordas mais destacadas

Mensagem por Convidado em 09/06/13, 01:06 pm

Olá!

Acenda sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.blockquote {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
Vermelho > Troque pelo valor que desejar o arredondamento das pontas;
Preto > Aumente o valor até ficar a grossura que deseja a borda;
Verde > Troque pela cor que deseja que a borda fique.
Validar.

Até mais. Muito feliz

Convidado
Convidado


Resolvido Re: Citação com bordas mais destacadas

Mensagem por MateusA em 09/06/13, 01:07 pm

Olá!

Lamento mais você deve disser o que quer, não podemos lhe ajudar com os códigos sem saber o que queres.

Seta Mais veja se lhe agrada:

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:

    .postmain blockquote{background-color:#fff;border:1px solid #ccc;padding:.5em 1em}
    blockquote,blockquote blockquote,blockquote blockquote blockquote{background-image:-webkit-linear-gradient(#f2f2f2,#ffffff)}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:6px;-moz-box-shadow:2px 2px 2px #a8a180;-webkit-border-radius:6px;-webkit-box-shadow:2px 2px 2px #a8a180;background:-moz-linear-gradient(#f2f2f2,#ffffff);background-color:#fff;background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);border:1px solid #a8a180;border-radius:6px;box-shadow:2px 2px 2px #a8a180;font-size:11px;margin:0;padding:10px;width:90%}blockquote img{max-width:100%!important}


Valide. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Citação com bordas mais destacadas

Mensagem por Nola em 11/06/13, 10:40 am

Perfeito....Obrigado.
avatar

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

Ver perfil do usuário http://ultimato.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum