Como faço um "quote" igual ao do fdf? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

3 participantes

Ir para baixo

Tópico resolvido Como faço um "quote" igual ao do fdf?

Mensagem por Legolass 14.05.13 17:23

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 18:55, editado 1 vez(es)
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Diehl 14.05.13 18:35

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.
Diehl
Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Boerthon 14.05.13 18:42

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
avatar
Boerthon
**

Membro desde : 07/04/2013
Mensagens : 81
Pontos : 129

http://olympia-rpg.rpgboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço um "quote" igual ao do fdf?

Mensagem por Legolass 14.05.13 18:54

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

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos