Como mudar a aparência do quote e do spoiler

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

Resolvido Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 em 14/07/13, 08:05 pm

Qual é minha questão:
Olá eu gostaria de saber como deixar o quote (citação) e a aparência do spoiler assim: http://www.narutorpgakatsuki.com/t39348-ficha-de-kinomaru
mas o spoiler eu quero apenas parecido e não igual!

Endereço do meu fórum:
http://narutoneo.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por D'Leandro™ em 14/07/13, 08:20 pm

Olá, basta você adicionar este código na sua folha de estilo css.
Código:
.spoiler {
    background: none repeat scroll 0% 0% rgb(245, 245, 245) !important;
    border-left: 10px solid rgb(200, 38, 38) !important;
    box-shadow: 2px 2px 7px gray !important;
}
Resulta?
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 em 14/07/13, 08:30 pm

Sim resulta, mas agora preciso do quote!
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 em 14/07/13, 08:31 pm

Ah e se puder, me passe o código do spoiler, mas com a cor laranja ao em vez de vermelha no começo.
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sennior em 14/07/13, 09:40 pm

Saudações! Muito feliz

Aceda à "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none rgb(249, 249, 249);
border: 1px solid rgb(222, 222, 222);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}
dl.codebox dt {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) 0px 0px no-repeat scroll transparent;
border: 0px none;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
color: rgb(3, 114, 190);
font-size: 0.9em;
padding-left: 22px;
text-transform: none;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
font-size: 1em;
padding: 3px;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Hizu em 14/07/13, 09:54 pm

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Utilize este código na tua CSS:
Código:
.codebox{background-color:#f0f0f0;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#f0f0f0;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}.main .main-content.frm{background-color:#fbfbfb}
.codebox dd{background:#f5f5f5;color:#C82626}#chatbox,#chatbox_footer{background:#fff}#chatbox_header.main-head{background-color:#2672C8}.codebox{background:#f5f5f5;border-left:10px solid #C82626;box-shadow:2px 2px 7px gray}
.postmain blockquote{background-color:#fff;border:1px solid #ddd;padding:.5em 1em}.postmain cite{display:block;font-style:normal;font-weight:700;margin:0 0 1em}.postmain blockquote{background-color:#fff;border:1px solid #ddd;padding:.5em 1em}.postmain cite{display:block;font-style:normal;font-weight:700;margin:0 0 1em}

Flecha ajudeiros Feito isto, salve!

Atenciosamente. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 em 14/07/13, 10:25 pm

@Mikéé escreveu:Saudações! Muito feliz

Aceda à "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none rgb(249, 249, 249);
border: 1px solid rgb(222, 222, 222);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}
dl.codebox dt {
background: url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) 0px 0px no-repeat scroll transparent;
border: 0px none;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
color: rgb(3, 114, 190);
font-size: 0.9em;
padding-left: 22px;
text-transform: none;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
font-size: 1em;
padding: 3px;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic

cara ja estou usando este modelo de quote
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 em 14/07/13, 10:27 pm

Eu quero parecido, nenhuma está parecido com a do site que mandei
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

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

Resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por North em 14/07/13, 10:29 pm

Somente é permitido uma questão por tópico, estarei arquivando esta questão visto que uma das dúvidas já se encontra resolvida.

Queira inicar um novo tópico para esta outra questão.

Até mais!

Tópico bloqueado
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

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