Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como personalizar o Quote ?

4 participantes

Início :: Forumeiros :: NostalgiaComo personalizar o Quote ?

Anonymous Convidado  • Sex 26 Dez 2014 - 17:44

Como personalizar o Quote ? Empty Como personalizar o Quote ? Sex 26 Dez 2014 - 17:44

[quadrado=Minha questão]
Bom galera eu gostaria de personalizar o quote deixando igual o exemplo da print.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Agradeço Desde Já!


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB[/quadrado]

HeroWaar HeroWaar  • Sex 26 Dez 2014 - 18:06

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Sex 26 Dez 2014 - 18:06

Olá,

Onde viu tal efeito?

HW,

Anonymous Convidado  • Sáb 27 Dez 2014 - 0:21

Alex Habilidade Alex Habilidade  • Sáb 27 Dez 2014 - 11:06

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Sáb 27 Dez 2014 - 11:06

Amigo, teste este código:
Código:

.codebox {
    background: none repeat scroll 0 0 #e7e6e6;
    border: 1px solid #bdbdbd;
    box-shadow: 0 2px 10px #d6d6d6;
    margin: 3px;
    max-width: 1033px;
}.codebox dt {
    border-bottom: 4px solid #2a80b9;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 1px 1px #f3f3f3;
}.codebox dd.cont_code, .codebox.spoiler dd {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #d3d3d3;
}.codebox dd.cont_code {
    max-height: 200px;
    overflow: auto;
}

Caso não funcione me forneça um tópico do seu fórum que tenham o quote de postagens para fazer os testes.

Noumi Noumi  • Sáb 27 Dez 2014 - 11:16

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Sáb 27 Dez 2014 - 11:16

nossa, acho que era isso que eu precisava

Anonymous Convidado  • Sáb 27 Dez 2014 - 11:55

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Sáb 27 Dez 2014 - 11:55

Alex Habilidade escreveu:Amigo, teste este código:
Código:

.codebox {
    background: none repeat scroll 0 0 #e7e6e6;
    border: 1px solid #bdbdbd;
    box-shadow: 0 2px 10px #d6d6d6;
    margin: 3px;
    max-width: 1033px;
}.codebox dt {
    border-bottom: 4px solid #2a80b9;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 1px 1px #f3f3f3;
}.codebox dd.cont_code, .codebox.spoiler dd {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #d3d3d3;
}.codebox dd.cont_code {
    max-height: 200px;
    overflow: auto;
}

Caso não funcione me forneça um tópico do seu fórum que tenham o quote de postagens para fazer os testes.

Bom mano o código eu já tenho oque eu tou querendo fazer é editar o designer da tag citar pra deixar igual as outras tags!

Cepheus Cepheus  • Seg 29 Dez 2014 - 12:28

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Seg 29 Dez 2014 - 12:28

Adicione na sua folha de estilo:

Código:
blockquote {
background:none repeat scroll 0 0 #e7e6e6!important;
border:1px solid #bdbdbd!important;
box-shadow:0 2px 10px #d6d6d6;
max-width:1033px;
margin:3px;
padding:0!important;
}

blockquote:before {
content:"Citação:";
border-bottom:4px solid #2a80b9;
font-size:14px;
font-weight:700;
text-shadow:1px 1px #f3f3f3;
background-image:url(http://2img.net/i/fa/invision/css_img_quote.gif);
background-position:top right;
background-repeat:no-repeat;
color:#000;
display:block;
padding:3px;
}

blockquote div {
background:none repeat scroll 0 0 #f0f0f0;
border:1px solid #d3d3d3;
margin:5px;
}

blockquote cite {
background-color:#f0f0f0!important;
background-image:none!important;
}

Anonymous Convidado  • Seg 29 Dez 2014 - 13:05

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Seg 29 Dez 2014 - 13:05

Cepheus escreveu:Adicione na sua folha de estilo:

Código:
blockquote {
background:none repeat scroll 0 0 #e7e6e6!important;
border:1px solid #bdbdbd!important;
box-shadow:0 2px 10px #d6d6d6;
max-width:1033px;
margin:3px;
padding:0!important;
}

blockquote:before {
content:"Citação:";
border-bottom:4px solid #2a80b9;
font-size:14px;
font-weight:700;
text-shadow:1px 1px #f3f3f3;
background-image:url(http://2img.net/i/fa/invision/css_img_quote.gif);
background-position:top right;
background-repeat:no-repeat;
color:#000;
display:block;
padding:3px;
}

blockquote div {
background:none repeat scroll 0 0 #f0f0f0;
border:1px solid #d3d3d3;
margin:5px;
}

blockquote cite {
background-color:#f0f0f0!important;
background-image:none!important;
}

Muito Obrigado funcionou certinho, podem fechar o tópico!

Alex Habilidade Alex Habilidade  • Qua 31 Dez 2014 - 14:04

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ? Qua 31 Dez 2014 - 14:04

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Como personalizar o Quote ? Empty Re: Como personalizar o Quote ?

Início :: Forumeiros :: Nostalgia:: Como personalizar o Quote ?
Permissões neste sub-fórum
Não podes responder a tópicos