Borda para um grupo

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

Atendido / Resolvido Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 14:39

Qual é minha questão:
Olá, eu gostaria de saber se tem como eu aplicar um borda específica para cada grupo do meu fórum, eu quero que esta borda seja visualizada nas postagens. Eu vi um tópico com o mesmo objetivo, porém, só explicaram como adicionar a borda para um certo usuário e não um grupo.

Endereço do meu fórum:
http://skyrim-forum.forumeiros.com

Versão do fórum:
PUNBB


Última edição por DovahKiiNor em 03.03.14 3:21, editado 1 vez(es)
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 14:47

Olá,

Use este código JavaScript

Código:
jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank')"){jQuery('head').append('<style>.pun .post .user {
            background: none repeat scroll 0% 0% #FFF!important;
        border-width: 1px 1px 1px 6px!important;
        border-style: solid!important;
        border-color: #808080 #808080 #808080 #7E7E7E!important;
        -moz-border-top-colors: none!important;
        -moz-border-right-colors: none!important;
        -moz-border-bottom-colors: none!important;
        -moz-border-left-colors: none!important;
        border-image: none!important;
        font-size: 12px!important;
        padding: 7px!important;
        width: 18.9%!important;
    }</style>')}});

.nomedorank Altere o nome, exemplo, para os administradores coloque "equipefundoadm";

Depois de adiconar o JS, aceda á:
Painel de controle ->> Usuários e grupos ->> Ranks ->> Administração dos ranks ->>
Selecione um rank e clique em " ", no título do mesmo altere para este:

<span class="equipefundo">NOME DO RANK</span>

equipefundo Altere conforme mudar o valor "equipefundo" do código java script (o primeiro codigo), feito isto clique em salvar.

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 14:58

Olá, bom, não resultou como eu queria, tipo, eu gostaria de adicionar uma imagem como borda, sinto muito não ter mencionado isso anteriormente.
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 14:59

Olá,

Me informe o link da imagem desejada

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 15:18

DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 15:28

Olá,

Você poderia me informar o link do fórum aonde encontrou este estilo de perfil ?

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 16:58

Olá, aqui neste fórum:
- http://tssabrasil.forumeiros.com/
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 17:13

Olá,

Substitua o código por este

Código:
    jQuery(document).ready(function(){
    jQuery(".post:has('.nomedorank')"){jQuery('head').append('<style>.pun .post .user {
          .pun .post .user {
    background: none repeat scroll 0% 0% #FFF;
    border-width: 1px 1px 1px 6px;
    border-style: solid;
    border-color: #EB0C0C #EB0C0C #EB0C0C #EB0C0C;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 12px;
    margin-left: -20% !important;
    padding: 7px;
    width: 18.9%;
}
        }</style>')}});

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 17:37

Olá, não resultou, veja como eu fiz:
Coloquei o código javascript desta maneira:
Código:
jQuery(document).ready(function(){
jQuery(".post:has('.equipefundoadm')"){jQuery('head').append('<style>.pun .post .user {
     .pun .post .user {
background: none repeat scroll 0% 0% #FFF;
border-width: 1px 1px 1px 6px;
border-style: solid;
border-color: #EB0C0C #EB0C0C #EB0C0C #EB0C0C;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
font-size: 12px;
margin-left: -20% !important;
padding: 7px;
width: 18.9%;
}
   }</style>')}});

E coloquei o nome do rank de adm da seguinte forma:
Código:
<span class="equipefundo">ADM</span>
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 17:41

Olá,

Altera o nome do Rank por este

Código:
<span class="equipefundoadm">ADM</span>

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 17:53

Não resultou :/
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 17:55

Olá,

Altere o seu JS por este

Código:
    jQuery(document).ready(function(){
    jQuery(".post:has('.equipefundoadm')"){jQuery('head').append('<style>.pun .post .user {
    background: none repeat scroll 0% 0% #FFF;
    border-width: 1px 1px 1px 6px;
    border-style: solid;
    border-color: #EB0C0C #EB0C0C #EB0C0C #EB0C0C;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 12px;
    margin-left: -20% !important;
    padding: 7px;
    width: 18.9%;
    }
      }</style>')}});

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 17:59

Ainda nada Triste
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por AquilesD. em 02.03.14 18:02

Olá,

Substitua novamente o JS por este

Código:
    jQuery(document).ready(function(){
    jQuery(".post:has('.equipefundoadm')"){jQuery('head').append('<style>.pun .user {
    background: none repeat scroll 0% 0% #FFF;
    border-width: 1px 1px 1px 6px;
    border-style: solid;
    border-color: #EB0C0C #EB0C0C #EB0C0C #EB0C0C;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 12px;
    margin-left: -20% !important;
    padding: 7px;
    width: 18.9%;
    }
      }</style>')}});

Tente por o Investimento "Em todas as Páginas" caso não tenha efeito tente "Nós Tópicos"

Até


Borda para um grupo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 02.03.14 18:06

Não resultou D:
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por waghcwb em 03.03.14 0:56

Olá colega!
Eu fiz um código que talvez lhe agrade, veja:
Código:
$(function(){
   //cor do grupo
   jColor = "#FF0000",
   //link do icone
   jIcon = "http://icons.iconarchive.com/icons/titch-ix/game/64/Fallout-3-icon.png";
   
   //adicionando bordas na postagem do grupo
   $('.username span[style="color:'+jColor+'"]').parents('.post').css({
      //os valores são assim: superior direita inferior esquerda, ou seja todas as bordas tem o valor de 1px a não ser a esquerda que tem o valor de 5px, altere a gosto!
      'border-width':'1px 1px 1px 5px',
      //cor da borda
      'border-color':'#000',
      //estilo da borda
      'border-style':'solid'
   }).append('<div class="jIcon"><img src="'+jIcon+'" alt="Skyrim" /></div>');
   
   //estilização do ícone
   $('.jIcon img').css({
      //não mexa aqui
      'position':'absolute',
      //aqui é que vem o segredo, mude os valores de acordo com o que você necessitar, isso serve para posicionar seu ícone, faça os ajustes a gosto!
      'margin':'-330px 0px 0px 100px',
      //largura da imagem (remova caso não queira controlar isso!)
      'width':'50px',
      //altura da imagem (remova caso não queira controlar isso!)
      'height':'50px'
   });

});


Deixei o código todo comentado para que você possa estudar e estilizar como quiser!

Se tiver dúvidas me avise!

Ps: O ícone que eu usei foi um aleatório, pegue um qualquer que você queira!
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 03.03.14 1:47

Não resultou, eu devo ter feito algumas coisa errado, aqui está o código que eu apliquei:
Código:
$(function(){
jColor = "#44DB67",
jIcon = "http://icons.iconarchive.com/icons/titch-ix/game/64/Fallout-3-icon.png";
$('.username span[style="color:'+jColor+'"]').parents('.post').css({
'border-width':'1px 1px 1px 5px',
'border-color':'#000',
'border-style':'solid'
}).append('<div class="jIcon"><img src="'+jIcon+'" alt="Skyrim" /></div>');
 $('.jIcon img').css({
'position':'absolute'
'margin':'-330px 0px 0px 100px',
'width':'50px',
'height':'50px'
 });

});
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por ShiroK em 03.03.14 2:06

Olá,

Adicione uma nova página JavaScript (investimento: "em todas as páginas"). Código;

Código:
jQuery(document).ready(function(){
jQuery(".postprofile:has('.admin')").css({'border-color': '#0048FF', 'border-left-width': '10px','border-left': 'solid 10px #7E7E7E';})});

Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos Códigos JavaScript

Após adicionar a página JavaScript, vá até as configurações dos Ranks;
Painel de Controle -> Usuários -> Ranks -> Administração dos Ranks

Escolha o Rank desejado e clique em configurações. No título cole este código;

Código:
<span class="admin">Administrador</span>

LEMBRE-SE: Apenas siga as instruções, não altere NADA! Depois que você ver que resulto, ai sim você pode alterar.

Atenciosamente,
ShiroK
ShiroK

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 03.03.14 2:13

Ainda não funcionou Triste
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por waghcwb em 03.03.14 2:46

@DovahKiiNor, teve um erro de sintaxe, você esqueceu de uma vírgula!
Use esse

Código:
$(function(){
    jColor = "#44DB67",
    jIcon = "http://icons.iconarchive.com/icons/titch-ix/game/64/Fallout-3-icon.png";
$('.username span[style="color:'+jColor+'"]').parents('.post').css({
    'border-width':'1px 1px 1px 5px',
    'border-color':'#000',
    'border-style':'solid'
    }).append('<div class="jIcon"><img src="'+jIcon+'" alt="Skyrim" /></div>');
     $('.jIcon img').css({
 'position':'absolute',
 'margin':'-330px 0px 0px 100px',
 'width':'50px',
 'height':'50px'
});

});


Última edição por -wagh- em 03.03.14 3:02, editado 2 vez(es)
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 03.03.14 2:52

Nada ainda :/
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Atendido / Resolvido Re: Borda para um grupo

Mensagem por waghcwb em 03.03.14 3:07

Amigo, visitei o seu fórum e o efeito está funcionando, mas você tem que edita-lo da maneira que gostar mais!
Borda para um grupo MwGSUpH

O que você quer não é uma borda ao redor do perfil e um pequeno ícone acima do avatar?
O efeito está ai, mude as partes que eu falei até alcançar o efeito desejado!
Como eu citei o ícone que eu coloquei foi um aleatório que achei na internet, basta você achar um do Skyrim e colocar no lugar dele e iniciar os testes, mude a cor da borda para a desejada e pronto!
Se o efeito que você quer não for esse, avise e vamos formular outro código juntos!
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

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

Atendido / Resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor em 03.03.14 3:21

Olha, é verdade, eu não vi isso por que só aparece no rank "novato" eu creio, no de administrador não aparece por isso não tinha visto, foi mal ._. obrigado pela ajuda aos dois.
DovahKiiNor

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 28/02/2014
Mensagens : 46
Pontos Ativos : 74

Ver perfil do usuário http://skyrim-forum.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum