Como faço um "quote" igual ao do fdf?

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

Resolvido Como faço um "quote" igual ao do fdf?

Mensagem por Legolass em 14/05/13, 01:23 pm

Qual é minha questão:
Olá queria fazer esse mesmo quote no meu fórum, com as mesmas fontes e cor e os mesmos efeitos (borda arredondada e leve sombreamento)


Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2


Última edição por Cris Varella em 14/05/13, 02:55 pm, editado 1 vez(es)
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Diehl em 14/05/13, 02:35 pm

Vá até:
Seta Painel de Controle :seta2: Visualização :seta2: Imagens e cores :seta2: Cores :seta2: Folha de estilo CSS

Lá adicione o seguinte código.
Código:

    blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}

Salve e pronto.
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Boerthon em 14/05/13, 02:42 pm

Saudações!

Adicione o código em sua Folha de estilo CSS:
Seta larga Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS.

Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none #F9F9F9;
border: 1px solid #DEDEDE;
border-image: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
blockquote{word-wrap:break-word}
}

Resulta?
Venerar

Boerthon
Nível 7

Masculino
Inscrito dia : 07/04/2013
Mensagens : 81
Pontos Ativos : 129

Ver perfil do usuário http://olympia-rpg.rpgboard.net/

Resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Legolass em 14/05/13, 02:54 pm

Olá, obrigado aos dois! Tive que editar o css, pois esse não é para phpbb2, mas de resto ficou perfeito. Obrigado!
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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