Como mudar a aparência do quote e do spoiler

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

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?

Sim resulta, mas agora preciso do quote!

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

Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    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;
}

Coloque no inicio de teu CSS.

Salve.

Até mais.
Lervisic

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores 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}

Feito isto, salve!

Atenciosamente.

Mikéé escreveu:Saudações!

Aceda à "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    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;
}

Coloque no inicio de teu CSS.

Salve.

Até mais.
Lervisic

cara ja estou usando este modelo de quote

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

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