Citação e spoiler do fórum

[Joker™]

Qual é minha questão:
Eu quero mudar o estilo de citação oficial porque existe um código ai que muda o código direitinho quando você aperta em citar no seu post mas não funfa quando você cita os dos outros.
Para entender melhor observe o link:
http://tudaki.forumeiros.com/t1-regulamentos-gerais-do-forum#3

Perceba que no post a 3 bbcodes, um código, um spoiler e uma citação.
O ultimo, que é o de citação é somente um código "[quote]"
Mas se olhar envolta dos t3 perceberá uma borda quadrada preta. Bem essa também é de citação mas é apertando o botão citar...

Quero mudar esses quatos códigos bb pra que fique como neste spoiler:
http://www.power-pixel.net/t18120-testando#134373

Quero que tenha essa imagem ai no fundo dos 3.

E que em código tenha o botão selecionar como neste fórum...

Obrigado.

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:


Endereço do meu fórum:


Versão do meu fórum:

['-Hobby-']

Olá,

Para a versão de seu fórum, eu não tenho.
Só tenho para PHPBB3, que o código é este:

Código:

blockquote {
   margin: 1em 1px 1em 25px;
   padding: 5px;
   background: #ffffff url("http://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
   border: 1px solid #DBDBCE;
   font-size: 0.95em;
   margin: 1em 1px 1em 25px;
   overflow: hidden;
   }
blockquote div {
    margin-left: 20px;
    }
blockquote blockquote {
   background-color: #EFEED9;
   font-size: 1em;
   margin: 0.5em 1px 0pt 15px;
   }
blockquote blockquote blockquote {
    background-color: #ffffff;
    }
blockquote cite {
   font-style: normal;
   font-weight: bold;
   display: block;
   font-size: 0.9em;
   }
blockquote cite cite {
    font-size: 1em;
    }
blockquote.uncited {
    padding-top: 25px;
    }
/* Spoiler */
.codebox {
   display:block;
   }
.spoiler_content {
   display:none;
   }
.spoiler_content.hidden {
   display:block;
   }



Até.

[Joker™]

Esse código ai funcionou aqui, e eu queria saber se tem como por uma imagem daquela no começõ e outra no fim da citação?

Mas não é só ele que eu quero...

Quero um spoiler daquele jeito lá no outro fórum, e um código igual ao desse fórum, com botão de selecionar e tudo...

['-Hobby-']

Olá,

Para sua dúvida sobre o selecionar tudo, veja este tópico:
https://ajuda.forumeiros.com/t53920-

Quanto ao spoiler, tente este código:

Código:

/* Spoiler */
.codebox {
   display:block;
   }
.spoiler_content {
   display:none;
        background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
   }
.spoiler_content.hidden {
   display:block;
   }

Veja se resulta
Até.

[Joker™]

Botão funcionou. Mas o spoiler não está direito, e o code não ficou igual... quero saber como por aqueka imagem de code do lado... fala ai por favor...

Obrigado!

['-Hobby-']

Olá,

Substitua o código por este:

Código:

/* Spoiler */
codebox {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}

.spoiler_content {
  margin: 1em 1px 1em 25px;
  padding: 5px;
  background: #ffffff url("http://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
  border: 1px solid #DBDBCE;
  font-size: 0.95em;
  margin: 1em 1px 1em 25px;
  overflow: hidden;
   display:none;
        background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
   }
.spoiler_content.hidden {
   display:block;
   }

A imagem para se colocar é com o código: background: #ffffff url("https://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat
Que já está inserido lá.

Veja se resulta
Até.

Edit: Tive que editar, pois o código do code estava errado, e gostaria de saber qual imagem que você deseja.

[Joker™]

Não deu certo...

Sabe se desse pra fazer aquele spoiler daquele site, e o código desse site ficaria show.

Outra coisa tem como por aquela imagem de aspas no final da citação também? Assim pra ficar paracendo que esta fechando as aspas?

['-Hobby-']

Olá,

Aqui está:

Código:

.codebox {background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}
.spoiler_content {
  padding: 5px;
  border: 1px solid #DBDBCE;
  margin: 1em 1px 1em 25px;
   display:none;
        background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
   }
.spoiler_content.hidden {
   display:block;
   }

Sobre a questão do Citar/Quote, eu teria que ter uma imagem revertida do aspas para parecer que está fechando.
E eu não estou em meu computador e não poço fazer pra você neste momento. Desculpe-me.
Até.

Olá,

Caso o código acima não funcionar, tente esse:

Código:

codebox{background-color:#FFF;border:1px solid #C9D2D8;font-size:1em;padding:3px}dl.codebox dt{border-bottom:1px solid #CCC;display:block;font-size:.8em;font-weight:700;margin-bottom:3px;text-transform:uppercase}blockquote dl.codebox{margin-left:0} dl.codebox code{color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;height:auto;line-height:1.3em;margin:2px 0;max-height:200px;overflow:auto;padding-top:5px;white-space:normal}
.codebox{display:block}.spoiler_content{display:none}.spoiler_content.hidden{display:block}
.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}
.spoiler dt{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}

Até.

[Joker™]

A imagem é o de menos, pode colocar a mesma, ai eu troco ela depois...


Enquanto aos códigos eu vou testar e dou edit jaja...

[Joker™]

Só o que funfou foi o código debaixo mas só funcionou no spoiler mas ele ainda está com fundo verde... Quero um branco...

Esperando aqui, obrigado

[Joker™]

48 horas!

[Oto!]

Olá,

Vá à Painel de Controle Visualização Imagens e Cores Cores CSS, adicione o código abaixo:

dl.codebox {
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}

Até mais.

[Joker™]

Não funcionou como esperado...

Vou explicar novamente do começo porque a pergunta foi se desfragmentando e acho que ficou esquescida.

Eu quero que as citações comecem com aquela emagem de citação no comeco e com outra dela no fim, como se estivesse entre aspas.

O spoiler eu gostaria igual aquele do fórum.

E o code igual ao da forumeiros. mas com bordas arredondadas...


Sei que é complicado... mas mesmo assim peço que me ajudem.

[MateusV.]

Olá, poderia me fornecer o url da imagem que deseja?

Cordialmente.

[Joker™]

Aqui:

https://2img.net/i/fa/prosilver/quote.gif

A imagem do final pode ser a mesma que depois eu edito.

[Roevs]

Olá,

Tente utilizar este código

dl.codebox {
background:#f4f5f4 url(https://2img.net/i/fa/prosilver/quote.gif) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}

Melhores cumprimentos!

[Joker™]

Não funcionou... observe:

Link.

Lembrando novamente:
O code é igual ao da forumeiros, porém com bordas arredondadas.
O spoiler é igual aquele do site que eu postei.
O citar possui uma imagem no inicio e outra no final da citação como se estivesse entre aspas.

Obrigado de novo.

[Oto!]

Olá,

Tente utilizar este código, por Painel de Controle Visualização Imagens e Cores Cores CSS:

.blockquote{background-image: url('IMAGEM') !important; background-position: top left !important;}

Este irá dar efeito no quote. O código abaixo é para o spoiler:

dl.codebox.spoiler{border: 1px solid rgb(221, 221, 221);border-radius: 3px 3px 3px 3px;padding: 2px;}

Até mais.

[Joker™]

Olá...

Não funcionou como eu esperava... eu andei editando os códigos e consegui um efeito quase como eu quero.

Aqui está a css que eu usei:

Código:

blockquote {
background: #ffffff url("http://2img.net/i/fa/prosilver/quote.gif") 6px 6px no-repeat;
border: 1px solid #DBDBCE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
blockquote div {
margin-left: 20px;
}
dl.codebox {
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
dl.codebox dt{border-bottom:1px solid #CCC;display:block;font-size:.8em;font-weight:700;margin-bottom:3px;text-transform:uppercase}
.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}
.spoiler dt{-moz-border-radius:3px;-webkit-border-radius:3px;background:#FFFFFF url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}


Mas há alguns problemas que eu quero resolver.

Citar:
Gostaria que a mesma imagem que aparece na parte superior direita da citação aparecesse também na parte inferior esquerda (dando assim um efeito de que a citação está entre aspas).

Code:
Ha dois problemas que eu quero resolver aqui. O primeiro é para colocar uma imagem na parte superior direita deste tipo"" no code (mas somente no code, pois percebi que havia um código que colocava no code e no spoiler, e eu não quero no spoiler e nem no citar).
O segundo problema é que a parte onde fica o código é amarela e eu quero que fique branco. Para ver melhor olhe aqui.

Spoiler:
É um problema igual do code. A parte onde fica o conteudo do spoiler é amarela e eu quero que fique branca. Para ver melhor olhe aqui de novo.