Citação e spoiler do fórum

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

Resolvido Citação e spoiler do fórum

Mensagem por Joker™ em 19/04/12, 09:45 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por '-Hobby-' em 19/04/12, 10:02 pm

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://illiweb.com/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é.
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 19/04/12, 10:24 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por '-Hobby-' em 19/04/12, 10:40 pm

Olá,

Para sua dúvida sobre o selecionar tudo, veja este tópico:
http://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é.
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 19/04/12, 11:05 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por '-Hobby-' em 19/04/12, 11:15 pm

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://illiweb.com/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("http://illiweb.com/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.
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 19/04/12, 11:44 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por '-Hobby-' em 20/04/12, 12:26 am

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é.
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 20/04/12, 03:12 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 20/04/12, 03:42 pm

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
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 22/04/12, 04:25 pm

48 horas!
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por Oto! em 23/04/12, 07:48 pm

Olá,

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

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

Até mais.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 23/04/12, 09:24 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por MateusV. em 23/04/12, 09:27 pm

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

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 23/04/12, 09:52 pm

Aqui:

http://illiweb.com/fa/prosilver/quote.gif

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por iPrompt em 23/04/12, 09:53 pm

Olá,

Tente utilizar este código

dl.codebox {
background:#f4f5f4 url(http://illiweb.com/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!
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 23/04/12, 10:55 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Citação e spoiler do fórum

Mensagem por Oto! em 24/04/12, 10:58 am

Olá,

Tente utilizar este código, por Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Citação e spoiler do fórum

Mensagem por Joker™ em 24/04/12, 08:50 pm

Olá... Feliz

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://illiweb.com/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. Interrogação

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.

Obrigado
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.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