Deixa o quote exatamente assim

2 participantes

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

Tópico resolvido Deixa o quote exatamente assim

Mensagem por owner 17.01.12 13:36

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

https://i.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
owner

owner
***

Membro desde : 01/01/2012
Mensagens : 164
Pontos : 256

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa o quote exatamente assim

Mensagem por Convidad 17.01.12 13:45

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://2img.net/i/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'
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa o quote exatamente assim

Mensagem por King Gz; 17.01.12 13:50

Olá,

Tente este
Código:
.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://2img.net/i/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
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa o quote exatamente assim

Mensagem por owner 19.01.12 20:08

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

https://i.servimg.com/u/f44/17/14/15/45/imagem31.jpg

O simbolo ('') fica por cima das letra

owner

owner
***

Membro desde : 01/01/2012
Mensagens : 164
Pontos : 256

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa o quote exatamente assim

Mensagem por King Gz; 20.01.12 11:15

Olá,

Substitua por este
Código:
.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #3485C7;
  background: #EBEADD url(http://2img.net/i/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
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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