Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Barra de Grupos

4 participantes

Release's Release's  • Qui 20 Fev 2014 - 19:28

Barra de Grupos Empty Barra de Grupos Qui 20 Fev 2014 - 19:28

Qual é minha questão:
Olá Usuarios da best Skins já pedi esse cod mas faz tempo porém não estou conseguindo colocar em menu fórum o cod e dessa barra aki

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Obrigado Pela Anteção..

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

~Rafra ~Rafra  • Qui 20 Fev 2014 - 20:45

Barra de Grupos Empty Re: Barra de Grupos Qui 20 Fev 2014 - 20:45

Olá,

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Isto que Você deseja ?

Release's Release's  • Qui 20 Fev 2014 - 22:24

Barra de Grupos Empty Re: Barra de Grupos Qui 20 Fev 2014 - 22:24

Mano Mano tipo quero a barra tipo o Grupo é Azul a Barra fica azul ae o outro membro e do grupo bermelho a barra fica vermelha entende

Daemon Daemon  • Qui 20 Fev 2014 - 23:26

Barra de Grupos Empty Re: Barra de Grupos Qui 20 Fev 2014 - 23:26

Com o tutorial acima da pra fazer isto amigo, leia o tutorial tudo certinho. Depois de aplicar o efeito, basta que você adicione desta forma ao css:
Código:
.post.classe .user {border-left: 3px solid #ddd;}
basta que você troque onde tem
Código:
.classe
pela classe que você adicionou ao grupo pelo código JS do tutorial. Por exemplo, o código é este:
Código:
$(function(){
function staff(e) {
("retorna a 0 se não for definido, 'adm' se for adminitrador, 'mod' se for moderador");
  var span = e.getElementsByTagName('span')[0];
  if(!span) return 0;
  var cor = span.getAttribute('style');
("FF0000 é a cor hexadecimal padrão do grupo administradores ao qual iremos adicionar a variável");
  return cor ? { 'FF0000' : 'adm', '000099' : 'mod' }[ cor.match(/#([\w\d]+)/)[1].toUpperCase() ] : 0;
};
for(var post = $('.post'), i = 0, p; (p = post[i++]); ) {
    var user = $('.username a', p)[0]
    , userStatus = staff(user);

    if(userStatus == 'adm') p.className += ' admin';
    if(userStatus == 'mod') p.className += ' moderador';
}
});
o código criou uma variável para o grupo "Administradores" e "Moderadores", pra cada variável foi adicionado uma classe. Vamos supor que quero adicionar uma barra ao post do user "Administrador".
O código seria:
Código:
.post.admin .user {border-left: 1px solid #ddd;}
entendeu?


Até!

Release's Release's  • Sex 21 Fev 2014 - 13:09

Barra de Grupos Empty Re: Barra de Grupos Sex 21 Fev 2014 - 13:09

Mano passa o Cod direto pq ñ entedi e outra o cod que me passo não funfo

Release's Release's  • Sex 21 Fev 2014 - 14:35

Barra de Grupos Empty Re: Barra de Grupos Sex 21 Fev 2014 - 14:35

Mano Usei outro codigo ...

e fico assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código que usei:

Código:
$(function(){
 $('.post').each(function(){
  if($(this).find('h4.username a span[style*="#B80707"]').length){
  $(this).find('.user').css('border-left','11px solid #FF5100');
  }
  if($(this).find('h4.username a span[style*="#008F0A"]').length){
  $(this).find('.user').css('border-left','11px solid #008F0A');
  }
  if($(this).find('h4.username a span[style*="#0091FF"]').length){
  $(this).find('.user').css('border-left','11px solid #0091FF');
  }
  if($(this).find('h4.username a span[style*="#CFAD00"]').length){
  $(this).find('.user').css('border-left','11px solid #CFAD00');
  }
  if($(this).find('h4.username a span[style*="#FF0033"]').length){
  $(this).find('.user').css('border-left','11px solid #FF0033');
  }
  if($(this).find('h4.username a span[style*="#0282BD"]').length){
  $(this).find('.user').css('border-left','11px solid #0282BD');
  }
  if($(this).find('h4.username a span[style*="#6F00FF"]').length){
  $(this).find('.user').css('border-left','11px solid #6F00FF');
  }
  if($(this).find('h4.username a span[style*="#55B335"]').length){
  $(this).find('.user').css('border-left','11px solid #55B335');
  }
  if($(this).find('h4.username a span[style*="#000000"]').length){
  $(this).find('.user').css('border-left','11px solid #000000');
  }
  if($(this).find('h4.username a span[style*="#BDBDBD"]').length){
  $(this).find('.user').css('border-left','11px solid #BDBDBD');
  }
 });
});

Ricardo Henrique Ricardo Henrique  • Sex 21 Fev 2014 - 14:45

Barra de Grupos Empty Re: Barra de Grupos Sex 21 Fev 2014 - 14:45

Olá,

acho que você deixou implicito o que quer e acho que eu entendi. Adicione na sua FOLHA DE ESTILOS CSS:
Código:
element.style {
margin-top: auto;
margin-bottom: auto;
}

Até!

Release's Release's  • Sex 21 Fev 2014 - 16:13

Barra de Grupos Empty Re: Barra de Grupos Sex 21 Fev 2014 - 16:13

Mano não funciono tipo eu quero deixar mais para baixo e mais para esquerda

Conteúdo patrocinado  • 

Barra de Grupos Empty Re: Barra de Grupos

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