Borda para um grupo

4 participantes

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

Tópico resolvido Borda para um grupo

Mensagem por DovahKiiNor 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
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 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
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 02.03.14 14:59

Olá,

Me informe o link da imagem desejada

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 02.03.14 15:18

DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 02.03.14 15:28

Olá,

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

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 02.03.14 16:58

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

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 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
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 02.03.14 17:41

Olá,

Altera o nome do Rank por este

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

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 02.03.14 17:53

Não resultou :/
DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 02.03.14 17:59

Ainda nada Triste
DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda para um grupo

Mensagem por Roevs 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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 02.03.14 18:06

Não resultou D:
DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por waghcwb 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
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 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
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por ShiroK 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
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 03.03.14 2:13

Ainda não funcionou Triste
DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por waghcwb 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
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 03.03.14 2:52

Nada ainda :/
DovahKiiNor

DovahKiiNor
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por waghcwb 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
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda para um grupo

Mensagem por DovahKiiNor 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
*

Membro desde : 28/02/2014
Mensagens : 46
Pontos : 74

http://skyrim-forum.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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