Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

» como ativo a opção contribuição no rodapé
Ontem à(s) 23:19 por joaopaulo98

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 

Quem está conectado
177 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 177 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar Quote do fórum

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

Resolvido Personalizar Quote do fórum

Mensagem por Old Nawa em Dom 11 Jan 2015 - 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:

Desde Já, Obrigado!
avatar

Old Nawa
Nível 1

Masculino
Inscrito dia : 11/01/2015
Mensagens : 3
Pontos Ativos : 5

http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke em Seg 12 Jan 2015 - 0:01

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!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 858
Pontos Ativos : 1572

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

Resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa em Seg 12 Jan 2015 - 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
avatar

Old Nawa
Nível 1

Masculino
Inscrito dia : 11/01/2015
Mensagens : 3
Pontos Ativos : 5

http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke em Seg 12 Jan 2015 - 1:13

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://illiweb.com/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!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 858
Pontos Ativos : 1572

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

Resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado em Seg 12 Jan 2015 - 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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa em Qua 14 Jan 2015 - 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?
avatar

Old Nawa
Nível 1

Masculino
Inscrito dia : 11/01/2015
Mensagens : 3
Pontos Ativos : 5

http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado em Qui 15 Jan 2015 - 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?
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Personalizar Quote do fórum

Mensagem por Sennior em Sab 17 Jan 2015 - 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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16261
Pontos Ativos : 20762

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar Quote do fórum

Mensagem por nikka em Sab 24 Jan 2015 - 15:33

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

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 17/12/2008
Mensagens : 15624
Pontos Ativos : 19899

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

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