Personalizar Quote do fórum

[Old Nawa]

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Problema começou : 2 semanas
Endereço do fórum : http://narutoplayerrpg.forumeiros.com

Descrição do problema

Como na imagem, meu quote é bem desproporcional à cor tema base do fórum, e queria algo melhor mas não manjo dos CSS então gostaria de Quotes & Spoilers, como esse:

Desde Já, Obrigado!

[[K]oke]

Saudações! 

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

Adicione no conteúdo:

Código:

blockquote {background: #484848 url(http://i.imgur.com/YJY84N1.png) 6px 8px norepeat!important;
border-top: 0px!important;border-bottom: 0px!important;border-left: 10px solid #c2c2c2!important;border-right: 10px solid #c2c2c2!important;}dl.codebox {background: #171717!important;border-color: #3d3d3d!important;border-style: solid!important;border-width: 4px!important;color: #b5b5b5!important;max-width: 500px!important;border-radius: inherit!important;}dl.codebox dt {background: #4a4a4a!important;border-style: none!important;color: #9e9e9e!important;font-family: "PT Sans Narrow"!important;font-size: 20px!important;font-style:normal!important;font-variant: small-caps!important;font-weight: normal!important;margin-bottom: none!important;max-width: 500px!important;padding: 4px 0!important;text-align: center!important;}l.codebox code {color: #b5b5b5!important;font-family: arial!important;font-size: 12px!important;font-style: normal!important;font-variant: normal!important;font-weight: normal!important;
padding-left: 20px!important;
}
.spoiler_content.hidden {
background-color: #2D2C2C!important;
background-image: none!important;
border: 1px solid #120707!important;
border-radius: inherit!important;
color: #fff!important;
text-transform: nonecolor: rgb(181, 181, 181)!important;
font-family: arial!important;
font-size: 12px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: normal!important;
padding-left: 20px!important;
box-shadow: none!important;
}

Salve e Visualize seu fórum.

Até Mais!

[Old Nawa]

Não ficou branco e com bordas arredondadas como na foto, ficou idêntico ao anterior que eu citei em spoiler. Se possível gostaria o branco arredondado :c

[[K]oke]

Olá, aceda ao seu

Painel de controle  Visualização  IMagens e Cores  Cores

 Aba 'Folha de estilo CSS', cole o codigo e salve.

Código:

dl.codebox {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}

Junto com código acima coloque

Código:

blockquote {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}

o Segundo código não funciona teste esse

Código:

blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #F0D7B8;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: white;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color: #EEE;
display: block;
overflow: auto;
}

Até Mais!

[Consolado]

Olá!

Utilize esse código CSS:

Código:

dl.codebox dd.quote{background-color:#fff;background-image:-webkit-linear-gradient(top,rgb(242,242,242), #fff;border:1px solid #d4d4d4;border-image-outset:initial;border-image-repeat:initial;border-image-slice:initial;border-image-source:initial;border-image-width:initial;border-radius:6px;box-shadow:#a8a180 2px 2px 2px;font-size:11px;padding:.5em 1em;width:90%}dl.codebox,dl.codebox dt{background:transparent!important;border:none!important}dl.codebox span.genmed{display:none}

Até mais.

[Old Nawa]

[K]oke já melhorou muito, mas olha como ficou o teu código:

Como ficou com teu código:

O que eu gostaria, se possivel é: Arrendondar as bordas, retirar o título "Citação" e por o Fundo em Branco, tem como?

[Consolado]

O que eu gostaria, se possivel é: Arrendondar as bordas, retirar o título "Citação" e por o Fundo em Branco, tem como?

Você experimentou usar o meu código?

[Sennior]

Saudações!

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

Adicione no conteúdo:

Código:

dl.codebox.spoiler {
border-radius: 10px!important;
}
span.genmed {
display: none!important;
}
.spoiler_content {
background-color: #FFFFFF!important;
border: transparent!important;
border-style: none!important;
border-width: initial!important;}
.codebox dd {
background-color: #fff6eb!important;
border: transparent!important;
margin: 0!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

[nikka]

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico: Regras para a postagem de dúvidas Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias. Tópico marcado como Resolvido.