Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalizar Perfil de conquistas
Hoje à(s) 03:26 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 03:25 pm por iScroll

» Caixa de Login
Hoje à(s) 03:20 pm por iScroll

» Ícone do perfil do usuário sobre o avatar
Hoje à(s) 03:07 pm por Kyo Panda

» Formulário de postagem 2.0 não está postando
Hoje à(s) 02:27 pm por Bruninho._

» Descrições do subforum
Hoje à(s) 02:16 pm por Kyo Panda

» Retirar fundo do fórum
Hoje à(s) 02:08 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
312 usuários online :: 13 usuários cadastrados, 1 Invisível e 298 Visitantes :: 2 Motores de busca

-xGabriel.., GSCode, Hastad, Holkis, iScroll, Kyko, Kyo Panda, Luiz, mrvisible, SetRaiden, Solkis, William_iHarDz, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 344
Pontos Ativos : 533

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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 : 344
Pontos Ativos : 533

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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 : 344
Pontos Ativos : 533

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

weverson lopes
Nível 7

Masculino
Inscrito dia : 01/04/2017
Mensagens : 82
Pontos Ativos : 121

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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 : 344
Pontos Ativos : 533

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

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