Modificar aparência do spoiler e do quote

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

Resolvido Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 01:55 pm

Eu queria personalizar o meu spoiler e meu quote , Spoiler eu queria deixar tipo uma barrinha e o quote eu queria pesonalizar , alguem me ajuda ?
A pergunta é , como personalizar o spoiler e o quote?
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 01:58 pm

Olá!

Poderia-nos informar a versão do seu fórum?!

Até mais.

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:05 pm

Phbb² , acho que é isso , e meu fórum é narutorpgalliance .

Eu quero o spoiler assim : =X
Imagem no Spoiler:
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 02:08 pm

Olá novamente,

Tente este código:
Código:
.quote  {
        color: #536482;
      background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #DEDEDE;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
        padding: 10px 20px;
    }


Onde adicionar o código?
Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS


Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:09 pm

Exemplo do Quote:

"
"Luta do macaco

Eu gostaria que o quote que eu não usei ficasse uma cor cinza e que eu to usando branco mesmo , só que eu quero que coloque nos dois quotes um simbolo tipo esse " , em cada quote que eu fazer apareça esse simbolo " .

Editado: O Spoiler continua a mesma coisa e será que eu posso passar o fórum exemplo que tem isso que eu quero ?


Última edição por Rockeirinho em 29/07/11, 02:10 pm, editado 1 vez(es)
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 02:10 pm

Olá novamente,

O código que lhe passei é para ficar o Citar igual ao FDF em seu fórum! Por-favor teste! Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:11 pm

Oque é FDF ? E o meu post acima foi editado !
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 02:13 pm

Olá novamente!

FDF - Fórum dos Fóruns (este fórum). Você não é novo aqui no fórum, já não era para ter estas dúvidas Piscada

O código que lhe dei é para personalizar o quote e não o spoiler! Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:17 pm

Eu queria saber se aqui no fórum dos fóruns , tem alguma coisa que ensine essa linguagem de programação , que eu acredito ser Java ou HTML , como eu já entendo um pouco de linguagens de programação , por eu saber o C++ , eu queria ter uma noção de HTML .
> E tem um local aqui que ensina a criar template pra fórum ?

@Topic

O quote foi personalizado , mas não do jeito que eu pedi aí acima .
E eu quero que o meu spoiler fique igual ao do FDF .

Posso passar o fórum exemplo ? Tem um fórum que está do jeito que eu quero , se eu passar ia ser mais fácil pra vc .
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

Ver perfil do usuário http://narutogxrpg.forumeiros.com
  • 0

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 02:19 pm

Olá novamente,

Para saber programação use o motor de busca Google. Quanto a sua dúvida, poderia-nos mandar um print-screen? Se quiser mande-nos o endereço de um site que contenha o que quer.

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:23 pm

Exemplo do Quote
http://shadowalliance.forum.st/t4072-estudo-um-exilado-aprende-a-se-defender#74902

Exemplo do Spoiler
http://shadowalliance.forum.st/t4885-novidade-para-buaiso#89118

E eu queria mudar o fundo do meu fórum tem como ? To falando da parte branca . É só entrar no meu fórum , http://narutorpgalliance.forumeiros.com

avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 29/07/11, 02:26 pm

Olá novamente,

Mande print-screens do que quero, pois o fórum está bloqueado e ao entrar no mesmo sou obrigado a registar-me e eu não o irei fazer! Piscada

Quanto a parte branca do fórum, siga:
Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores

E veja o que está mal e o que deseja alterar Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 02:34 pm

Meu PC está sem o Paint e não dá pra eu salvar a print e mandar pra você .
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 05:12 pm

*-----* #Ajud,Mod,Adimin(eiros) Ajuda/Confuso HelpsRockeirinho ;D
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Dury em 29/07/11, 07:56 pm

Olá,

Por favor, evite de dar Ups antes de 24hrs. Essa ação é considerada Flood e pode lhe trazer problemas.

Sinto muito, mas tentei me registrar no fórum em questão e não consegui, logo precisamos de imagens. Já que não tem o Paint no computador, aconselho baixar o seguinte programa que é um editor de imagens e usá-lo para esse objetivo: http://www.baixaki.com.br/download/photofiltre.htm

Até mais!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 29/07/11, 08:43 pm

Spoiler e o Quote estão nessa imagem aí . Eu quero exatamente deste jeito .
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Flavisic em 30/07/11, 12:52 pm

Olá!

Experimente este código para personalizar o seu Spoiler:
.spoiler {
background: #ffffff;
padding: 3px;
border: 1px solid #c9d2d8;
}
.spoiler_content {
color: #666666;
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #cccccc;
padding-top: 3px;
}
.spoiler td:first {
border-bottom: 1px solid #cccccc;
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}
E este para personalizar o Quote:
td.quote {
background: url("http://illiweb.com/fa/prosilver/quote.gif") no-repeat scroll 6px 8px #EBEADD;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em;
overflow: hidden;
padding: 5px 5px 5px 25px;
}
Para o quote, é muito difícil personalizar da forma que pretende, isto porque os templates estão muito pouco personalizados, e a área do quote não tem classes suficientes para se poder personalizar. Outro factor que complica, é o facto de não estar disponível para edição os códigos BBCode's.

Piscada
avatar

Flavisic
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

Ver perfil do usuário http://www.webscriptner.com/

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 30/07/11, 07:18 pm

Sobre o Spoiler , como eu modifico a cor da letra do spoiler ?
Spoiler:

A cor deste acima é Preto e se eu quiser por laranja e com a barrinha meio cinza ao invéz de branco ?
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Flavisic em 30/07/11, 09:42 pm

Altere as cores onde está a vermelho:
.spoiler {
background: #ffffff; /* cor de fundo */
padding: 3px;
border: 1px solid #c9d2d8; /* cor da linha entre titulo e conteúdo */
}
.spoiler_content {
color: #666666; /* cor do texto, dentro do spoiler */
background: #ffffff; /* fundo, dentro do spoiler*/
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #cccccc; /* cor da linha separatória quando o spoiler está aberto */
padding-top: 3px;
}
.spoiler td:first {
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}
/* para alterar a cor do título */
.spoiler .genmed b {
color: #ffffff;
}
O que está a verde são comentários, pode colar na Folha de estilo, porque não cria qualquer conflito.

Piscada
avatar

Flavisic
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

Ver perfil do usuário http://www.webscriptner.com/

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 31/07/11, 01:25 pm

Como eu mudo a cor da minha categoria ? (de Categorias ,fóruns e etcs ?)
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 31/07/11, 03:05 pm

Olá!

Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores


E mude as cores que desejar! Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Rockeirinho em 31/07/11, 03:16 pm

Não achei oque eu queria mudar .
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Modificar aparência do spoiler e do quote

Mensagem por Mikáá em 31/07/11, 03:43 pm

@Rockeirinho escreveu:Não achei oque eu queria mudar .

Olá novamente!

Procure este título no caminho que lhe disse:
Os contornos

E altere as cores desejadas!

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

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