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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Status do servidor
Hoje à(s) 10:59 am por xDominiC_.

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 02:16 am por GutaUKP

» Gif na foto do perfil
Ontem à(s) 11:13 pm por dudha

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

» [Ajuda] HTML & CSS
Ontem à(s) 09:37 pm por Lost154

» Grupos de usuarios
Ontem à(s) 09:06 pm por Gaaratsu

» Erro ao colocar barra de estatisticas
Ontem à(s) 08:21 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
loveshubby26
 
GutaUKP
 
xDominiC_.
 

Quem está conectado
239 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 235 Visitantes :: 2 Motores de busca

Guzonaro, Holkis, loveshubby26, xDominiC_.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 11/01/15, 06:37 pm

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

Ver perfil do usuário http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke em 11/01/15, 10:01 pm

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 : 25/04/2014
Mensagens : 863
Pontos Ativos : 1579

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa em 11/01/15, 10:54 pm

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

Ver perfil do usuário http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por [K]oke em 11/01/15, 11:13 pm

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 : 25/04/2014
Mensagens : 863
Pontos Ativos : 1579

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado em 12/01/15, 06:50 am

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

Ver perfil do usuário

Resolvido Re: Personalizar Quote do fórum

Mensagem por Old Nawa em 14/01/15, 08:37 pm

[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

Ver perfil do usuário http://narutoplayerrpg.forumeiros.com

Resolvido Re: Personalizar Quote do fórum

Mensagem por Consolado em 15/01/15, 07:37 am

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

Ver perfil do usuário

Resolvido Re: Personalizar Quote do fórum

Mensagem por Sennior em 17/01/15, 01:48 am

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 : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar Quote do fórum

Mensagem por nikka em 24/01/15, 01:33 pm

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 : 16/12/2008
Mensagens : 15622
Pontos Ativos : 19895

Ver perfil do usuário 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