Degradê em cima dos botão.

3 participantes

Ir para baixo

Tópico resolvido Degradê em cima dos botão.

Mensagem por CR7 Oliveira 29.04.17 18:36

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,

Degradê em cima dos botão. Degrad10
CR7 Oliveira
CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz 29.04.17 18:39

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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por CR7 Oliveira 29.04.17 18:42

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

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz 29.04.17 18:43

É 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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por CR7 Oliveira 29.04.17 18:45

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')});
CR7 Oliveira
CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por weverson lopes 29.04.17 18:58

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
weverson lopes
*****

Membro desde : 01/04/2017
Mensagens : 410
Pontos : 595

http://www.mdhoficial.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz 29.04.17 18:59

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por CR7 Oliveira 29.04.17 19:01

Ficou bom vlw Muito feliz
CR7 Oliveira
CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê em cima dos botão.

Mensagem por Luiz 29.04.17 19:04

Degradê em cima dos botão. Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos