Como mudar a aparência do quote e do spoiler

5 participantes

Ir para baixo

Tópico resolvido Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 15.07.13 0:05

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
Sonic025
Sonic025
*

Membro desde : 25/06/2013
Mensagens : 35
Pontos : 65

http://narutoneo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por D'Leandro™ 15.07.13 0:20

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?
D'Leandro™
D'Leandro™
****

Membro desde : 18/08/2012
Mensagens : 387
Pontos : 615

http://staffergroupbr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 15.07.13 0:30

Sim resulta, mas agora preciso do quote!
Sonic025
Sonic025
*

Membro desde : 25/06/2013
Mensagens : 35
Pontos : 65

http://narutoneo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 15.07.13 0:31

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

Membro desde : 25/06/2013
Mensagens : 35
Pontos : 65

http://narutoneo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sennior 15.07.13 1:40

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

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Hizu 15.07.13 1:54

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
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 15.07.13 2:25

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
Sonic025
Sonic025
*

Membro desde : 25/06/2013
Mensagens : 35
Pontos : 65

http://narutoneo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por Sonic025 15.07.13 2:27

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

Membro desde : 25/06/2013
Mensagens : 35
Pontos : 65

http://narutoneo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar a aparência do quote e do spoiler

Mensagem por goodbye 15.07.13 2:29

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
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos