Sobre plano de fundo de posts

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

Resolvido Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 14/05/14, 09:43 pm

  • Descrição:
Olá, como faz para trocar a cor do plano de fundo dos posts em tópicos?

  • Informações:
Fórum:rc2eterno.forumeiros.comVersão:PHPBB2
Tipo:Erros diversosTags:Sobre,plano,fundo,posts

avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por Alex Habilidade em 14/05/14, 09:47 pm

Olá amigo,

Você se refere igual o fundo dos da equipe aqui do FdF?
Caso seja isto, veja abaixo:

Spoiler:

Imagem nas postagens

Através deste tutorial você poderá aprender a implantar uma imagem de fundo em uma postagem, o fundo só irá aparecer para um integrante de um rank específico.

--> Tutoriais, dicas e astúcias <--
Imagem nas postagens para raks especificos




- Explorando o código:
Há códigos disponíveis para cada versão:

phpBB3
jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

phpBB2
jQuery(document).ready(function(){
jQuery("td.row2:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

PunBB
jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

Invision
jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});
Valor em vermelho -> Deverá ser alterado pelo nome do rank, de acordo com o que iremos aprender ao longo do tutorial.

- Inserindo código .JS:
Primeiro devemos adicionar o codigo .JS que irá fazer tal efeito em nosso forum, então deveremos aceder a:
Painel de Controle :seta:Módulos :seta:HTML & JAVASCRIPT :seta:Gestão dos Códigos JavaScript :seta:Criar um novo Java Script

(carregue na imagem para aumentar)

Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização - No investimento, você deverá selecionar "Em todas as páginas".
Seta Código JavaScript Código JavaScript
Seta Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.
- Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle :seta:Usuários :seta:Ranks :seta:Administração dos Ranks
Selecione um rank e clique no botão " Editar":

(carregue na imagem para aumentar)

No campo "Título do rank" deverá substituir por este código:
<span class="nomedorank">Título do rank</span>
O valor vermelho será o comando do código .JS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".

- Resultado através de uma imagem:

(carregue na imagem para aumentar)


--> FAQ do Tutorial <--
Imagem nas postagens para raks especificos





  • Vocês disponibilizam imagens para utilização?
    Algumas sim, certas utilizadas no FdF:




    Caso contrário poderá pedir uma modificação na seção de Criações gráficas.




© Fórum dos Fóruns & MateusV.


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Imagem nas postagens para raks especificos
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 14/05/14, 09:50 pm

Mas coloca o código onde?? em javascript?
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por Alex Habilidade em 14/05/14, 10:05 pm

Olá amigo,

Peço que leia o tutorial por completo, nele explica exatemente onde colocar e o que modificar.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 14/05/14, 10:16 pm

Ele continua branco os tópicos, não escureceu nada.
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 06:19 pm

Me ajuda por favor.
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por Alex Habilidade em 15/05/14, 07:07 pm

Olá amigo,

Poderia me explicar os procedimentos que o senhor fez e também fornecer os códigos que você utilizou?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 07:14 pm

Amigo, peguei esse código aqui e coloquei em javascript.

jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

Coloquei o nome do rank como pedia lá, aí aquela da administração do rank

e esse código aqui <span class="nomedorank">administrador</span>

No administração de rank, e o administrador que esta depois do nomedorank é o nome que coloquei como titulo. Obrigado.
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por Alex Habilidade em 15/05/14, 07:18 pm

Olá,

Troque o JavaScript por este:
Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(http://i.imgur.com/Rb9If.png) repeat-y top right')});
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 07:22 pm

Ainda continua branco.
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por Alex Habilidade em 15/05/14, 07:27 pm

Olá amigo,

Você adicionou o Rank em uma conta?

Peço também que mostre um tópico da conta que está querendo colocar este fundo, para que eu possa avaliar.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 07:38 pm

avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por JUFASA em 15/05/14, 07:40 pm

Olá amigo pelo que percebi voce quer isto:
Vá á sua folha de estilo (CSS) e coloque este codigo lá:

.row2 {
background-color: #FFFFFF !important;
}


Troque onde esta a Vermelho pela cor que desejar (#FFFFFF) é Branco
avatar

JUFASA
Nível 9

Masculino
Inscrito dia : 12/09/2011
Mensagens : 238
Pontos Ativos : 390

Ver perfil do usuário http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 07:46 pm

Que cor é essa desse tópicos?
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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

Resolvido Re: Sobre plano de fundo de posts

Mensagem por JUFASA em 15/05/14, 07:53 pm

A cor destes tópicos do FdF seria este:

.row2 {
background-color: rgb(220, 234, 245) !important;
}

É isso que deseja? Att JUFASA
avatar

JUFASA
Nível 9

Masculino
Inscrito dia : 12/09/2011
Mensagens : 238
Pontos Ativos : 390

Ver perfil do usuário http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Resolvido Re: Sobre plano de fundo de posts

Mensagem por LUCAS RC2 em 15/05/14, 07:56 pm

Isso aew, valeu JUFASA e alex habilidade.

Resolvido, agora vocês poderiam me ajudar nisso aqui, só responder uma pequena pergunta.

http://ajuda.forumeiros.com/t92201-duvida-como-colocar-atividade-atual

Valeu!
avatar

LUCAS RC2
Nível 9

Masculino
Inscrito dia : 24/04/2014
Mensagens : 165
Pontos Ativos : 223

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