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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
Luiz
 
APOllO
 
Forumpw
 
MtX
 

Quem está conectado
244 usuários online :: 10 usuários cadastrados, 1 Invisível e 233 Visitantes :: 2 Motores de busca

'Dante, Flames, Forumpw, Froozen, GPSouza, Harleen, Heikki, joram, Luiz, soldado

[ Ver toda a lista ]


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

Lista de membros

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

Resolvido Lista de membros

Mensagem por PrisoN†BreaK em 15/09/16, 03:02 pm

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com/forum
Versão do fórum: PunBB

Descrição


Gostaria de saber como faço para adicionar essa lista de membro: http://image.prntscr.com/image/403b3e052e284c56b9c54a5dc02fdc5a.png

avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Lista de membros

Mensagem por while em 15/09/16, 03:06 pm

Olá autor.

Altere seu template chamado memberlist_body por este:

Código:
<!-- SEARCH FORM -->
<h1 class="ipsType_pagetitle">Lista de Membros</h1>
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
  <p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->

<div class="ipsBox ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_tinyleft clearfix">
  <div id="mlist_tabs" class="ipsVerticalTabbed_tabs ipsVerticalTabbed_minitabs ipsLayout_left">
      <ul>
        <li class="tab_toggle active"><a title="Todos os Membros" href="0">Tudo</a></li>
        <li class="tab_toggle"><a title="Membros com a letra A" href="a">A</a></li>
        <li class="tab_toggle"><a title="Members com a letra B" href="b">B</a></li>
        <li class="tab_toggle"><a title="Members com a letra C" href="c">C</a></li>
        <li class="tab_toggle"><a title="Membros com a letra D" href="d">D</a></li>
        <li class="tab_toggle"><a title="Membros com a letra E" href="e">E</a></li>
        <li class="tab_toggle"><a title="Membros com a letra F" href="f">F</a></li>
        <li class="tab_toggle"><a title="Membros com a letra G" href="g">G</a></li>
        <li class="tab_toggle"><a title="Membros com a letra H" href="h">H</a></li>
        <li class="tab_toggle"><a title="Membros com a letra I" href="i">I</a></li>
        <li class="tab_toggle"><a title="Membros com a letra J" href="j">J</a></li>
        <li class="tab_toggle"><a title="Membros com a letra K" href="k">K</a></li>
        <li class="tab_toggle"><a title="Membros com a letra L" href="l">L</a></li>
        <li class="tab_toggle"><a title="Membros com a letra M" href="m">M</a></li>
        <li class="tab_toggle"><a title="Membros com a letra N" href="n">N</a></li>
        <li class="tab_toggle"><a title="Membros com a letra O" href="o">O</a></li>
        <li class="tab_toggle"><a title="Membros com a letra P" href="p">P</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Q" href="q">Q</a></li>
        <li class="tab_toggle"><a title="Membros com a letra R" href="r">R</a></li>
        <li class="tab_toggle"><a title="Membros com a letra S" href="s">S</a></li>
        <li class="tab_toggle"><a title="Membros com a letra T" href="t">T</a></li>
        <li class="tab_toggle"><a title="Membros com a letra U" href="u">U</a></li>
        <li class="tab_toggle"><a title="Membros com a letra V" href="v">V</a></li>
        <li class="tab_toggle"><a title="Membros com a letra W" href="w">W</a></li>
        <li class="tab_toggle"><a title="Membros com a letra X" href="x">X</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Y" href="y">Y</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Z" href="z">Z</a></li>
      </ul>
  </div>
  <div class="ipsVerticalTabbed_content ipsLayout_content">
      <div class="maintitle ipsFilterbar clear clearfix">
        <ul class="ipsList_inline left">
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem alfabetica" href="userName">Nome</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem de quem mais postou" href="posts">Mensagens</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem decrescente do dia de registro" href="joined">Data Registrado</a>
            </li>
          <li class="tab_toggle_horizontal active">
              <a title="Ver por ordem de quem fez a ultima visita no fórum" href="lastvisit">Ultima Visita</a>
            </li>
        </ul>
      </div>
      <div id="mlist_content" class="ipsBox_container ipsPad" style="min-height: 769px;">
        <ul class="ipsMemberList">
            <!-- BEGIN memberrow -->
            <li class="ipsPad clearfix member_entry row1" id="member_id_">
    <a class="ipsUserPhotoLink left" title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">
                  {memberrow.AVATAR_IMG}
                  <!--<img class="ipsUserPhoto ipsUserPhoto_medium" alt="- foto" src="">-->
      </a>
              <div class="ipsBox_withphoto">
                  <ul class="ipsList_inline right">
                    <li><a class="ipsButton_secondary" href="{memberrow.U_VIEWPROFILE}">Visualizar Perfil</a></li>
                  </ul>
                  <h3 class="ipsType_subtitle">
                    <strong><a title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></strong>
                  </h3>
                  <span class="desc">
                    Registrou-se no dia - {memberrow.JOINED}
                    <br>
                    Possui {memberrow.POSTS} Mensagens
                      <br>
                        Sua ultima visita foi {memberrow.LASTVISIT}
                  </span>
              </div>
            </li>
            <!-- END memberrow -->
            <!-- BEGIN switch_no_user -->
            <li colspan="{switch_no_user.COLSPAN_NUMBER}" class="no_messages">Nenhum resultado</li>
                <!-- END switch_no_user -->
        </ul>
      </div>
  </div>
</div>
      <div class="main-foot">
      </div>
      <!-- BEGIN switch_pagination -->
      <div class="paged-foot clearfix">
          <p style="float: right; font-size: 11px; color: #848484;">Modificação por While.</p>
      </div>
      <!-- END switch_pagination -->
 
 
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      $(".tab_toggle:first").addClass("active").show();
      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");

      $(".tab_toggle_horizontal").click(function(){
        $(".tab_toggle_horizontal").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
  case 'userName':
              $("#mlist_content").load("/memberlist?mode=username&order&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'posts':
              $("#mlist_content").load("memberlist?mode=posts&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'joined':
              $("#mlist_content").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              case 'lastvisit':
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
  }
        return false;
      });
      $(".tab_toggle").click(function(){
        $(".tab_toggle").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
            case '0':
              $("#mlist_content").load("/memberlist .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            default:
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username="+activeTab+" .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
        }
        return false;
      });
  });
  //]]>
</script>

<style type="text/css">
  .ipsUserPhotoLink img {height:50px;margin-top:5px;}
  .ipsType_pagetitle {
                background-color:#000;
                text-align:center;
    padding:5px;
  }
  #mlist_tabs {margin-left:-55px;}
  #content-container div#main {width:1200px;margin-left:-30px;}
.maintitle a {
    color: #FFFFFF;
}
.pun .paged-head {
margin-left: -15px;
}
.clear {
    clear: both;
    height: auto !important;
}
.no_messages {
    background-color: #F6F8FA;
    color: #1C2837;
    padding: 15px 10px;
}
#mlist_tabs {
    margin-top: 35px;
}
#mlist_tabs li a {
    padding: 5px 8px;
}
#mlist_tabs li {
    text-align: center;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_content {
    min-height: 400px;
}
.ipsVerticalTabbed_tabs > ul {
    border-left: 1px solid #DBE4EF;
    border-top: 1px solid #DBE4EF;
    margin-top: 10px;
    width: 149px !important;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul {
    width: 49px !important;
}
.ipsVerticalTabbed_tabs li {
    background: none repeat scroll 0 0 #F6F8FB;
    border-bottom: 1px solid #DBE4EF;
    color: #808080;
    font-size: 13px;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_tabs li a:hover {
    background: none repeat scroll 0 0 #EAEFF5;
    color: #808080;
}
.ipsVerticalTabbed_tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #353535;
    font-weight: bold;
    position: relative;
    width: 135px;
    z-index: 8000;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
    width: 32px;
}
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left {
    margin-left: -50px;
    width: 40px;
}
.ipsLayout .ipsLayout_left {
    float: left !important;
    margin-left: -210px;
    width: 200px;
}
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
    position: relative;
}
.ipsLayout_content {
    float: left;
    width: 100%;
}
.ipsType_pagetitle, .ipsType_subtitle {
    color: #fff;
    font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.ipsType_subtitle {
    font-size: 18px !important;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft {
    padding-left: 60px;
}
.ipsBox {
    background: none repeat scroll 0 0 #EBF0F3;
}
.maintitle {
    background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;
    border-color: #316897;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 #528CBC inset;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 10px 11px;
}
.left {
    float: left;
}
ol, ul {
    list-style: none outside none;
}
.ipsList_inline > li:first-child {
    margin-left: 0;
}
.ipsList_inline > li:last-child {
    margin-right: 0;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
.ipsFilterbar li {
    font-size: 11px;
    margin: 0 15px 0 0;
}
.ipsFilterbar li a {
    color: #FFFFFF !important;
    opacity: 0.5;
    text-shadow: 0 1px 0 #0D273E;
    transition: all 0.3s ease-in-out 0s;
}
.ipsFilterbar.bar.altbar li a {
    color: #244156;
    opacity: 0.8 !important;
    text-shadow: none;
}
.ipsFilterbar:hover li a {
    opacity: 0.8 !important;
}
.ipsFilterbar li a:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
.ipsFilterbar li img {
    margin-top: -3px;
}
.ipsFilterbar li.active {
    opacity: 1;
}
.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
    background: none repeat scroll 0 0 #244156;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
    color: ##FFFFFF !important;
    font-weight: bold;
    opacity: 1;
    padding: 4px 10px;
}
.ipsBox_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBE4EF;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.row1, .post_block.row1 {
    background-color: #FFFFFF;
}
.row2, .post_block.row2 {
    background-color: #F1F6F9;
}
.ipsUserPhoto_medium {
    height: 50px;
    width: 50px;
}
.ipsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5 !important
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
    border-color: #7D7D7D !important;
}
.ipsUserPhoto:hover{
    border-color: #7D7D7D !important;
}
.ipsBox_withphoto {
    margin-left: 65px;
}
.right {
    float: right;
}
.ipsMemberList > li .ipsButton_secondary {
    margin-top: 15px;
}
.ipsMemberList .ipsButton_secondary {
    opacity: 0.3;
}
.ipsButton_secondary {
    background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
}
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary {
    opacity: 1;
}
.ipsButton_secondary:hover {
    border-color: #9A9A9A;
    color: #4C4C4C;
}
.ipsMemberList li .reputation {
    margin: 5px 10px 0 0;
}
.reputation.zero {
    background: none repeat scroll 0 0 #DEDEDE;
    color: #6E6E6E;
}
.reputation.positive, .reputation.negative {
    color: #FFFFFF;
}
.reputation.positive, .members li.positive {
    background: none repeat scroll 0 0 #6F8F52;
}
.reputation {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-weight: bold;
    padding: 3px 8px;
}
.positive {
    color: #6F8F52;
}
.ipsType_small {
    font-size: 12px;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #777777;
    font-size: 12px;
}
.desc {
margin-left: 0 !important;
  font-size:9px!important;
}
-->
</style>

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Lista de membros

Mensagem por PrisoN†BreaK em 15/09/16, 03:12 pm

Tem como mudar a cor dessa barra que marquei em preto? Essa barra azul. E tem como arruma um bug? O botão visualizar perfil ta ficando em cima das informações e o primeiro botão em cima de outro botão.... Teria como coloca esse botão pro lado? Para não fica em cima do botão e das informações.

http://imgur.com/a/8Z9lH
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Lista de membros

Mensagem por while em 15/09/16, 09:00 pm

Olá, para alterar a cor da barra utilize esse código:
Código:
.maintitle {
background: #000!important;
border-color: #000!important;
box-shadow: 0 1px 0 #000 inset!important;
}

Deixei na cor preta como exemplo para você... basta alterar o #000 pela cor desejada em todas as propriedades. OBS: Adicione entre a tag <style</style> no template memberlist_body, ou procure por .maintitle no template e altere por lá.

E quanto ao 'bug' do botão visualizar perfil, troque o template por este:
Código:
<!-- SEARCH FORM -->
<h1 class="ipsType_pagetitle">Lista de Membros</h1>
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
  <p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->

<div class="ipsBox ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_tinyleft clearfix">
  <div id="mlist_tabs" class="ipsVerticalTabbed_tabs ipsVerticalTabbed_minitabs ipsLayout_left">
      <ul>
        <li class="tab_toggle active"><a title="Todos os Membros" href="0">Tudo</a></li>
        <li class="tab_toggle"><a title="Membros com a letra A" href="a">A</a></li>
        <li class="tab_toggle"><a title="Members com a letra B" href="b">B</a></li>
        <li class="tab_toggle"><a title="Members com a letra C" href="c">C</a></li>
        <li class="tab_toggle"><a title="Membros com a letra D" href="d">D</a></li>
        <li class="tab_toggle"><a title="Membros com a letra E" href="e">E</a></li>
        <li class="tab_toggle"><a title="Membros com a letra F" href="f">F</a></li>
        <li class="tab_toggle"><a title="Membros com a letra G" href="g">G</a></li>
        <li class="tab_toggle"><a title="Membros com a letra H" href="h">H</a></li>
        <li class="tab_toggle"><a title="Membros com a letra I" href="i">I</a></li>
        <li class="tab_toggle"><a title="Membros com a letra J" href="j">J</a></li>
        <li class="tab_toggle"><a title="Membros com a letra K" href="k">K</a></li>
        <li class="tab_toggle"><a title="Membros com a letra L" href="l">L</a></li>
        <li class="tab_toggle"><a title="Membros com a letra M" href="m">M</a></li>
        <li class="tab_toggle"><a title="Membros com a letra N" href="n">N</a></li>
        <li class="tab_toggle"><a title="Membros com a letra O" href="o">O</a></li>
        <li class="tab_toggle"><a title="Membros com a letra P" href="p">P</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Q" href="q">Q</a></li>
        <li class="tab_toggle"><a title="Membros com a letra R" href="r">R</a></li>
        <li class="tab_toggle"><a title="Membros com a letra S" href="s">S</a></li>
        <li class="tab_toggle"><a title="Membros com a letra T" href="t">T</a></li>
        <li class="tab_toggle"><a title="Membros com a letra U" href="u">U</a></li>
        <li class="tab_toggle"><a title="Membros com a letra V" href="v">V</a></li>
        <li class="tab_toggle"><a title="Membros com a letra W" href="w">W</a></li>
        <li class="tab_toggle"><a title="Membros com a letra X" href="x">X</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Y" href="y">Y</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Z" href="z">Z</a></li>
      </ul>
  </div>
  <div class="ipsVerticalTabbed_content ipsLayout_content">
      <div class="maintitle ipsFilterbar clear clearfix">
        <ul class="ipsList_inline left">
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem alfabetica" href="userName">Nome</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem de quem mais postou" href="posts">Mensagens</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem decrescente do dia de registro" href="joined">Data Registrado</a>
            </li>
          <li class="tab_toggle_horizontal active">
              <a title="Ver por ordem de quem fez a ultima visita no fórum" href="lastvisit">Ultima Visita</a>
            </li>
        </ul>
      </div>
      <div id="mlist_content" class="ipsBox_container ipsPad" style="min-height: 769px;">
        <ul class="ipsMemberList">
            <!-- BEGIN memberrow -->
            <li class="ipsPad clearfix member_entry row1" id="member_id_">
    <a class="ipsUserPhotoLink left" title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">
                  {memberrow.AVATAR_IMG}
                  <!--<img class="ipsUserPhoto ipsUserPhoto_medium" alt="- foto" src="">-->
      </a>
              <div class="ipsBox_withphoto">
                  <ul class="ipsList_inline right">
                    <li><a class="ipsButton_secondary" href="{memberrow.U_VIEWPROFILE}">Visualizar Perfil</a></li>
                  </ul>
                  <h3 class="ipsType_subtitle">
                    <strong><a title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></strong>
                  </h3>
                  <span class="desc">
                    Registrou-se no dia - {memberrow.JOINED}
                    <br>
                    Possui {memberrow.POSTS} Mensagens
                      <br>
                        Sua ultima visita foi {memberrow.LASTVISIT}
                  </span>
              </div>
            </li>
            <!-- END memberrow -->
            <!-- BEGIN switch_no_user -->
            <li colspan="{switch_no_user.COLSPAN_NUMBER}" class="no_messages">Nenhum resultado</li>
                <!-- END switch_no_user -->
        </ul>
      </div>
  </div>
</div>
      <div class="main-foot">
      </div>
      <!-- BEGIN switch_pagination -->
      <div class="paged-foot clearfix">
          <p style="float: right; font-size: 11px; color: #848484;">Modificação por While.</p>
      </div>
      <!-- END switch_pagination -->
 
 
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      $(".tab_toggle:first").addClass("active").show();
      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");

      $(".tab_toggle_horizontal").click(function(){
        $(".tab_toggle_horizontal").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
  case 'userName':
              $("#mlist_content").load("/memberlist?mode=username&order&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'posts':
              $("#mlist_content").load("memberlist?mode=posts&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'joined':
              $("#mlist_content").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              case 'lastvisit':
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
  }
        return false;
      });
      $(".tab_toggle").click(function(){
        $(".tab_toggle").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
            case '0':
              $("#mlist_content").load("/memberlist .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            default:
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username="+activeTab+" .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
        }
        return false;
      });
  });
  //]]>
</script>

<style type="text/css">
  .ipsUserPhotoLink img {height:50px;margin-top:5px;}
  .ipsType_pagetitle {
                background-color:#000;
                text-align:center;
    padding:5px;
  }
  #mlist_tabs {margin-left:-55px;}
  #content-container div#main {width:1200px;margin-left:-30px;}
.maintitle a {
    color: #FFFFFF;
}
.pun .paged-head {
margin-left: -15px;
}
.clear {
    clear: both;
    height: auto !important;
}
.no_messages {
    background-color: #F6F8FA;
    color: #1C2837;
    padding: 15px 10px;
}
#mlist_tabs {
    margin-top: 35px;
}
#mlist_tabs li a {
    padding: 5px 8px;
}
#mlist_tabs li {
    text-align: center;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_content {
    min-height: 400px;
}
.ipsVerticalTabbed_tabs > ul {
    border-left: 1px solid #DBE4EF;
    border-top: 1px solid #DBE4EF;
    margin-top: 10px;
    width: 149px !important;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul {
    width: 49px !important;
}
.ipsVerticalTabbed_tabs li {
    background: none repeat scroll 0 0 #F6F8FB;
    border-bottom: 1px solid #DBE4EF;
    color: #808080;
    font-size: 13px;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_tabs li a:hover {
    background: none repeat scroll 0 0 #EAEFF5;
    color: #808080;
}
.ipsVerticalTabbed_tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #353535;
    font-weight: bold;
    position: relative;
    width: 135px;
    z-index: 8000;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
    width: 32px;
}
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left {
    margin-left: -50px;
    width: 40px;
}
.ipsLayout .ipsLayout_left {
    float: left !important;
    margin-left: -210px;
    width: 200px;
}
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
    position: relative;
}
.ipsLayout_content {
    float: left;
    width: 100%;
}
.ipsType_pagetitle, .ipsType_subtitle {
    color: #fff;
    font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.ipsType_subtitle {
    font-size: 18px !important;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft {
    padding-left: 60px;
}
.ipsBox {
    background: none repeat scroll 0 0 #EBF0F3;
}
.maintitle {
    background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;
    border-color: #316897;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 #528CBC inset;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 10px 11px;
}
.left {
    float: left;
}
ol, ul {
    list-style: none outside none;
}
.ipsList_inline > li:first-child {
    margin-left: 0;
}
.ipsList_inline > li:last-child {
    margin-right: 0;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
.ipsFilterbar li {
    font-size: 11px;
    margin: 0 15px 0 0;
}
.ipsFilterbar li a {
    color: #FFFFFF !important;
    opacity: 0.5;
    text-shadow: 0 1px 0 #0D273E;
    transition: all 0.3s ease-in-out 0s;
}
.ipsFilterbar.bar.altbar li a {
    color: #244156;
    opacity: 0.8 !important;
    text-shadow: none;
}
.ipsFilterbar:hover li a {
    opacity: 0.8 !important;
}
.ipsFilterbar li a:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
.ipsFilterbar li img {
    margin-top: -3px;
}
.ipsFilterbar li.active {
    opacity: 1;
}
.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
    background: none repeat scroll 0 0 #244156;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
    color: ##FFFFFF !important;
    font-weight: bold;
    opacity: 1;
    padding: 4px 10px;
}
.ipsBox_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBE4EF;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.row1, .post_block.row1 {
    background-color: #FFFFFF;
}
.row2, .post_block.row2 {
    background-color: #F1F6F9;
}
.ipsUserPhoto_medium {
    height: 50px;
    width: 50px;
}
.ipsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5 !important
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
    border-color: #7D7D7D !important;
}
.ipsUserPhoto:hover{
    border-color: #7D7D7D !important;
}
.ipsBox_withphoto {
    margin-left: 65px;
}
.right {
    float: right;
}
.ipsMemberList .ipsButton_secondary {
    opacity: 0.3;
}
.ipsButton_secondary {
    background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
}
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary {
    opacity: 1;
}
.ipsButton_secondary:hover {
    border-color: #9A9A9A;
    color: #4C4C4C;
}
.ipsMemberList li .reputation {
    margin: 5px 10px 0 0;
}
.reputation.zero {
    background: none repeat scroll 0 0 #DEDEDE;
    color: #6E6E6E;
}
.reputation.positive, .reputation.negative {
    color: #FFFFFF;
}
.reputation.positive, .members li.positive {
    background: none repeat scroll 0 0 #6F8F52;
}
.reputation {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-weight: bold;
    padding: 3px 8px;
}
.positive {
    color: #6F8F52;
}
.ipsType_small {
    font-size: 12px;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #777777;
    font-size: 12px;
}
.desc {
margin-left: 0 !important;
  font-size:9px!important;
}

.ipsMemberList > li .ipsButton_secondary {margin-left:900px!important;margin-top:80px!important;margin-bottom: -45px!important;}
-->
</style>

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Lista de membros

Mensagem por PrisoN†BreaK em 16/09/16, 08:39 am

Resolvido, obrigado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1100
Pontos Ativos : 1550

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Lista de membros

Mensagem por Cream em 16/09/16, 11:13 am

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

http://ajuda.forumeiros.com

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