Deixa o quote exatamente assim

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

Resolvido Deixa o quote exatamente assim

Mensagem por owner em 17/01/12, 11:36 am

Qual é minha questão:
Gostaria de deixa o ''quote'' igual ao dessa imagem :

http://i44.servimg.com/u/f44/17/14/15/45/imagem30.jpg

Tema : http://pt.hitskin.com/buscar-um-tema/revoart-168602.htm

só para lembra esse fórum eh phpBB3 e o meu é punBB

gostaria do codigo para punbb

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://skcheats.forumais.com/

Versão do meu fórum:
PUNBB
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Deixa o quote exatamente assim

Mensagem por Convidad em 17/01/12, 11:45 am

Olá,

Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.


Adicione no conteúdo:
Código:
blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
border-image: initial;
}

blockquote div {
margin-left: 20px;
}

Salve e visualize seu fórum.
Até mais. Piscada
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Convidad
Convidado


Resolvido Re: Deixa o quote exatamente assim

Mensagem por King Gz; em 17/01/12, 11:50 am

Olá,

Tente este
Código:
.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
border-image: initial;
}

.postmain blockquote{
margin-left: 20px;
}

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Deixa o quote exatamente assim

Mensagem por owner em 19/01/12, 06:08 pm

Usei o código passado pelo King, deu certo, porém ocorreu um bug :

http://i44.servimg.com/u/f44/17/14/15/45/imagem31.jpg

O simbolo ('') fica por cima das letra

avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Deixa o quote exatamente assim

Mensagem por King Gz; em 20/01/12, 09:15 am

Olá,

Substitua por este
Código:
.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 17px;
border-image: initial;
}

.postmain blockquote{
margin-left: 20px;
}

Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.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