Degradê em cima dos botão.

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

Resolvido Degradê em cima dos botão.

Mensagem por McQueen em 29/04/17, 02:36 pm

Detalhes da questão


Endereço do fórum: http://lsr-nwdgames.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Como posso colocar um Degradê em cima dos botão assim,

avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz em 29/04/17, 02:39 pm

Olá,

O senhor já tem um código desse em seu fórum, veja:
-> http://prntscr.com/f29yym

Se quiser, podemos jogar a borda colorida para cima, mas não podemos passar o código do FDF, como pedes, por razões obvias.

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê em cima dos botão.

Mensagem por McQueen em 29/04/17, 02:42 pm

Sim, Mais queria em cima dos botão também, Eu vi um Fórum que tem nos 2.
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz em 29/04/17, 02:43 pm

É possível criar um novo JS para isso, mas não há razão de ter dois Javascripts para um só efeito.
Poderia nos passar o Javascript que está utilizando para obter este efeito?

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê em cima dos botão.

Mensagem por McQueen em 29/04/17, 02:45 pm

Código:
//Moderador
$(function(){$('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/xRsAhzR.jpg) repeat-y top left')});
//Sub
$(function(){$('div.post:has(".equipefundosub"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/Jex26Hn.jpg) repeat-y top left')});
//Adm
$(function(){$('div.post:has(".equipefundoadm"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/xRp2qVv.jpg) repeat-y top left')});
//Fundador
$(function(){$('div.post:has(".equipefundofundador"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/c2sem1K.jpg) repeat-y top left')});
//Tester
$(function(){$('div.post:has(".equipefundotester"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/CMFMM0y.jpg) repeat-y top left')});
//Piloto
$(function(){$('div.post:has(".equipefundopiloto"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/ZB2Q0ve.jpg) repeat-y top left')});
//Designer
$(function(){$('div.post:has(".equipefundodesigner"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/0qvL8O3.jpg) repeat-y top left')});
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Degradê em cima dos botão.

Mensagem por weverson lopes em 29/04/17, 02:58 pm

desculpa a pergunta pq nao sou autor do tópico mas como faz para deixar colorida e eu ponho aonde esses cod? ela corresponde a dependencia da cor do grupo?

weverson lopes
Nível 9

Masculino
Inscrito dia : 01/04/2017
Mensagens : 165
Pontos Ativos : 248

Ver perfil do usuário http://www.mdhoficial.net/
  • 0

Resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz em 29/04/17, 02:59 pm

Troque por:
Código:
(function ($) {
  'use strict';

  $(function () {

    $('.post').css('background-image', 'none');
   
    /** [!] Moderador */
    $('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00d4d5',
      'border-left': 'solid 10px #00d4d5'
    });

    /** [!] Sub */
    $('div.post:has(".equipefundosub"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00ff01',
      'border-left': 'solid 10px #00ff01'
    });

    /** [!] ADM */
    $('div.post:has(".equipefundoadm"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #332dd7',
      'border-left': 'solid 10px #332dd7'
    });

    /** [!] Fundador */
    $('div.post:has(".equipefundofundador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #ff0506',
      'border-left': 'solid 10px #ff0506'
    });

    /** [!] Tester */
    $('div.post:has(".equipefundotester"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #ff1180',
      'border-left': 'solid 10px #ff1180'
    });

    /** [!] Piloto */
    $('div.post:has(".equipefundopiloto"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #1bf4eb',
      'border-left': 'solid 10px #1bf4eb'
    });

    /** [!] Designer */
    $('div.post:has(".equipefundodesigner"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #bb34ad',
      'border-left': 'solid 10px #bb34ad'
    }); 
  });
}(jQuery));

P.S.:
Dei uma melhorada no código. Agora não é mais necessário uma imagem.
O CSS já faz o trabalho todo.


o/

---

Weverson, você terá que criar um tópico para que possamos sanar suas dúvidas.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê em cima dos botão.

Mensagem por McQueen em 29/04/17, 03:01 pm

Ficou bom vlw Muito feliz
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz em 29/04/17, 03:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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