Personalizar Quote do fórum

5 participantes

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

Tópico resolvido Personalizar Quote do fórum

Mensagem por Old Nawa 11.01.15 20:37

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:
Personalizar Quote do fórum AEubecM
Desde Já, Obrigado!
Old Nawa

Old Nawa
Novo Membro

Membro desde : 11/01/2015
Mensagens : 3
Pontos : 5

http://narutoplayerrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke 12.01.15 0:01

Saudações! Personalizar Quote do fórum 274593

Vá em:
Painel de controle  Personalizar Quote do fórum 2479035592 Visualização  Personalizar Quote do fórum 2479035592 Cores Personalizar Quote do fórum 2479035592 "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!
[K]oke

[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa 12.01.15 0:54

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
Old Nawa

Old Nawa
Novo Membro

Membro desde : 11/01/2015
Mensagens : 3
Pontos : 5

http://narutoplayerrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke 12.01.15 1:13

Olá, aceda ao seu
Painel de controle Personalizar Quote do fórum 633772 Visualização Personalizar Quote do fórum 633772 IMagens e Cores Personalizar Quote do fórum 633772 Cores
Personalizar Quote do fórum 337884 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!
[K]oke

[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado 12.01.15 8:50

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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa 14.01.15 22:37

[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?
Old Nawa

Old Nawa
Novo Membro

Membro desde : 11/01/2015
Mensagens : 3
Pontos : 5

http://narutoplayerrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado 15.01.15 9:37

Old Nawa escreveu: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?
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por Sennior 17.01.15 3:48

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar Quote do fórum

Mensagem por nikka 24.01.15 15:33

Personalizar Quote do fórum Delete11 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.
nikka

nikka
Principal Contribuidor
Principal Contribuidor

Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

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