Pagina bugada

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

Atendido / Resolvido Pagina bugada

Mensagem por peidokdl em 03/11/18, 06:45 pm

Detalhes da questão


Endereço do fórum: http://policiamentodph.directorioforuns.com/
Versão do fórum: ModernBB

Descrição


Olá, gostaria que vocês ajeita se essa página se possível. Inicialmente, o texto que está dando problemas e depois gostaria que ajeita sse os usuários se você clicar em administração você verá que tem um usuário que não existe, então quero que apareça a foto do usuário (foto em vez de quadrada, redonda) e o nick dele. á pagina http://policiamentodph.directorioforuns.com/h3-tudo-ok

Código:
<br />
<div itemprop="description articleBody" id="post-body-5381674225246114274" class="corpo"><style type="text/css">
.vagas-staff {
    background-color: #EC2F42;
    background-image: url(https://i.imgur.com/boJgliw.png),linear-gradient(to bottom,#F15054,#EC2F42);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 130px;
    line-height: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #A0161A, inset 0 3px rgba(255,255,255,.5), 0 3px rgba(0,0,0,.2);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-size: 14px;
    z-index: 1;
    margin-bottom: 20px;
}

#catstaff {width: 100%;}
.contentbaixo {
width: 100%;
float: left;
margin-top: 1%;
}
.contentstaff {
width: 100%;
margin-top: -10px;
}

.area {
padding: 0 10px 0 10px;
background-color: #eee;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(255,255,255,0.5);
font-size: 18px;
color: #777;
line-height: 40px;
margin-bottom: 10px;
}

.toclickstaff {
background-color: #F7F7F7;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
padding: 13px 20px;
font-size: 13px;
color: #777;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s;
text-shadow: 0 1px 0 rgba(255,255,255,0.77);
}
.toclickstaff:hover, .selected {
background-color: #616161;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
color: #FFF;
}

.contentstaff .info {
background-color: #353535;
border-bottom: 5px solid rgba(0,0,0,0.25);
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02), inset 0 -22px rgba(0,0,0,0.05), 0 2px rgba(0,0,0,0.1);
float: left;
margin-left: 0;
margin-top: 1%;
cursor: pointer;
padding: 13px 10px;
font-size: 12px;
color: #FFF;
border-radius: 2px;
transition: 1s;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
width: 98.5%;
}

.info .rank {
font-weight: bold;
font-size: 14px;
color: #FFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.member {
    width: 245px;
    height: 100px;
    margin: 10px 10px 0 0;
    background-color: #EEE;
    border-radius: 5px;
    float: left;
}
.member .avatar {
    width: 65px;
    height: 80px;
    margin: 10px 0 0 10px;
    background-color: #FFF;
    background-position: -2px -10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    float: left;
}
.member .user, .member .func {
    width: 120px;
    height: 40px;
    margin: 10px 10px 0 10px;
    padding: 0 15px 0 15px;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 700;
    color: #777;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.member .func {
    height: 35px!important;
    line-height: 35px;
    margin-top: 5px;
}
</style> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <br />
 <center>
 
 <div style="width: 65%;" class="vagas-staff">
  Você está interessado em entrar para uma das equipes? <br />  Entre em contato com os Líderes ou Auxiliares da equipe no Habbo e saiba mais!<br />  Nossas vagas são limitadas e bem selecionadas então seja ágil para conquistá-la.  
 </div>
 </center>
 <div class="contentstaff">
 
 <div id="catstaff">
  
 <div class="area">
 <em class="fa fa-star" aria-hidden="true">
 </em> Gestão
 </div>
  
 <div class="toclickstaff adm">
 Administrador
 </div>
  
 <div class="toclickstaff lider">
 Líder
 </div>
  
 <div class="toclickstaff aux">
 Auxiliar
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-pencil-square-o" aria-hidden="true">
 </em> Coordenação
 </div>
  
 <div style="opacity: .6; cursor: default;" class="toclickstaff redator">
 Redator
 </div>
  
 <div class="toclickstaff cmkt">
 Coordenador de Marketing
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-list-ul" aria-hidden="true">
 </em> Membros
 </div>
  
 <div class="toclickstaff jorn">
 Jornalista
 </div>
  
 <div class="toclickstaff pixel">
 Pixel Artista
 </div>
  
 <div class="toclickstaff eventos">
 Promotor de Eventos
 </div>
  
 <div class="toclickstaff tuber">
 VideoTuber
 </div>
  
 <div class="toclickstaff divulg">
 Divulgador
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
  
 <div class="contentbaixo">
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="adm">
  
 <div class="info">
    
 <div class="rank">
 Administrador
 </div>
    Os Administradores são a gerência técnica do portal e de tudo o que envolve o site.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zaswes&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zaswes
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=dr.jefferson105&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> dr.jefferson105
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=robert6966&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> robert6966
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="lider">
  
 <div class="info">
    
 <div class="rank">
 Líder
 </div>
    O Líder é o responsável pela gestão da sua área. Ele organiza a equipe que lhe compete e administra a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-Husky.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -Husky.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=sonequitaRock&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> sonequitaRock
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Ranking
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Rodrig@0.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Rodrig@0.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="aux">
  
 <div class="info">
    
 <div class="rank">
 Auxiliar
 </div>
    O Auxiliar é o sub-responsável pela gestão da sua área. Ele ajuda o Líder a organizar a equipe que lhe compete e coordena a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zeus.Ricos&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zeus.Ricos
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="redator">
  
 <div class="info">
    
 <div class="rank">
 Redator
 </div>
    O Redator é o responsável por orientar os Jornalistas e vigiar todas as noticias que são criadas, fazendo as alterações que são necessárias.    
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="cmkt">
  
 <div class="info">
    
 <div class="rank">
 Coordenador de Marketing
 </div>
    O Coordenador de Marketing é o responsável por orientar toda a equipe de Marketing e organizar os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="jorn">
  
 <div class="info">
    
 <div class="rank">
 Jornalista
 </div>
    Responsável por trazer e criar notícias no portal e deixar o conteúdo do site atualizado e com qualidade.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Ralf_GB.Ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Ralf_GB.Ban
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Kevinho10Hop&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Kevinho10Hop
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="pixel">
  
 <div class="info">
    
 <div class="rank">
 Pixel Artista
 </div>
    O Pixel Artista é o responsável por criar artes e imagens das campanhas da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="eventos">
  
 <div class="info">
    
 <div class="rank">
 Promotor de Eventos
 </div>
    O Promotor de Eventos é o responsável por criar quartos e noticias para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Thi005&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Thi005
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="tuber">
  
 <div class="info">
    
 <div class="rank">
 VideoTuber
 </div>
    O VideoTuber é o responsável por criar vídeos e produções audiovisuais para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Paranoic&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Paranoic
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Grettin&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Grettin
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="divulg">
  
 <div class="info">
    
 <div class="rank">
 Divulgador
 </div>
    Responsável por divulgar o portal e os eventos pelos quartos e outros sites relacionados ao Habbo.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
  
 </div>
  
 </div>
 
 </div><script>
 $('.toclickstaff').click(function(event) {
  if($(event.target).hasClass('adm')) {
   $('.adm').addClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').show(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('lider')) {
   $('.adm').removeClass("selected");
   $('.lider').addClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').show(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('aux')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').addClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').show(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
/*
  else if($(event.target).hasClass('redator')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').addClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').show(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
*/
  else if($(event.target).hasClass('cmkt')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').addClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').show(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('jorn')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').addClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').show(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('pixel')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').addClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').show(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('eventos')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').addClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').show(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('tuber')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').addClass("selected");
   $('.divulg').removeClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').show(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('divulg')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').addClass("selected");

   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').show(500);
   }
  });
</script>
 </div>
 <div style="clear: both;">
 </div>
</div>
avatar

peidokdl
Nível 8

Feminino
Inscrito dia : 28/01/2018
Mensagens : 107
Pontos Ativos : 164

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por Pedxz em 03/11/18, 06:53 pm

Olá @peidokdl,
Mude a sua página para:
Código:
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Página Equipe</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body>
    <br />
<div itemprop="description articleBody" id="post-body-5381674225246114274" class="corpo"><style type="text/css">
.vagas-staff {
    background-color: #EC2F42;
    background-image: url(https://i.imgur.com/boJgliw.png),linear-gradient(to bottom,#F15054,#EC2F42);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 130px;
    line-height: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #A0161A, inset 0 3px rgba(255,255,255,.5), 0 3px rgba(0,0,0,.2);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-size: 14px;
    z-index: 1;
    margin-bottom: 20px;
}
 
#catstaff {width: 100%;}
.contentbaixo {
width: 100%;
float: left;
margin-top: 1%;
}
.contentstaff {
width: 100%;
margin-top: -10px;
}
 
.area {
padding: 0 10px 0 10px;
background-color: #eee;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(255,255,255,0.5);
font-size: 18px;
color: #777;
line-height: 40px;
margin-bottom: 10px;
}
 
.toclickstaff {
background-color: #F7F7F7;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
padding: 13px 20px;
font-size: 13px;
color: #777;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s;
text-shadow: 0 1px 0 rgba(255,255,255,0.77);
}
.toclickstaff:hover, .selected {
background-color: #616161;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
color: #FFF;
}
 
.contentstaff .info {
background-color: #353535;
border-bottom: 5px solid rgba(0,0,0,0.25);
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02), inset 0 -22px rgba(0,0,0,0.05), 0 2px rgba(0,0,0,0.1);
float: left;
margin-left: 0;
margin-top: 1%;
cursor: pointer;
padding: 13px 10px;
font-size: 12px;
color: #FFF;
border-radius: 2px;
transition: 1s;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
width: 98.5%;
}
 
.info .rank {
font-weight: bold;
font-size: 14px;
color: #FFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
 
.member {
    width: 245px;
    height: 100px;
    margin: 10px 10px 0 0;
    background-color: #EEE;
    border-radius: 5px;
    float: left;
}
.member .avatar {
    width: 65px;
    height: 80px;
    margin: 10px 0 0 10px;
    background-color: #FFF;
    background-position: -2px -10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 50%;
    float: left;
}
.member .user, .member .func {
    width: 120px;
    height: 40px;
    margin: 10px 10px 0 10px;
    padding: 0 15px 0 15px;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 700;
    color: #777;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.member .func {
    height: 35px!important;
    line-height: 35px;
    margin-top: 5px;
}
</style> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <br />
 <center>
 
 <div style="width: 65%;" class="vagas-staff">
  Você está interessado em entrar para uma das equipes? <br />  Entre em contato com os Líderes ou Auxiliares da equipe no Habbo e saiba mais!<br />  Nossas vagas são limitadas e bem selecionadas então seja ágil para conquistá-la.  
 </div>
 </center>
 <div class="contentstaff">
 
 <div id="catstaff">
  
 <div class="area">
 <em class="fa fa-star" aria-hidden="true">
 </em> Gestão
 </div>
  
 <div class="toclickstaff adm">
 Administrador
 </div>
  
 <div class="toclickstaff lider">
 Líder
 </div>
  
 <div class="toclickstaff aux">
 Auxiliar
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-pencil-square-o" aria-hidden="true">
 </em> Coordenação
 </div>
  
 <div style="opacity: .6; cursor: default;" class="toclickstaff redator">
 Redator
 </div>
  
 <div class="toclickstaff cmkt">
 Coordenador de Marketing
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-list-ul" aria-hidden="true">
 </em> Membros
 </div>
  
 <div class="toclickstaff jorn">
 Jornalista
 </div>
  
 <div class="toclickstaff pixel">
 Pixel Artista
 </div>
  
 <div class="toclickstaff eventos">
 Promotor de Eventos
 </div>
  
 <div class="toclickstaff tuber">
 VideoTuber
 </div>
  
 <div class="toclickstaff divulg">
 Divulgador
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
  
 <div class="contentbaixo">
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="adm">
  
 <div class="info">
    
 <div class="rank">
 Administrador
 </div>
    Os Administradores são a gerência técnica do portal e de tudo o que envolve o site.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zaswes&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zaswes
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=dr.jefferson105&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> dr.jefferson105
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=robert6966&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> robert6966
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="lider">
  
 <div class="info">
    
 <div class="rank">
 Líder
 </div>
    O Líder é o responsável pela gestão da sua área. Ele organiza a equipe que lhe compete e administra a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-Husky.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -Husky.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=sonequitaRock&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> sonequitaRock
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Ranking
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Rodrig@0.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Rodrig@0.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="aux">
  
 <div class="info">
    
 <div class="rank">
 Auxiliar
 </div>
    O Auxiliar é o sub-responsável pela gestão da sua área. Ele ajuda o Líder a organizar a equipe que lhe compete e coordena a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zeus.Ricos&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zeus.Ricos
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="redator">
  
 <div class="info">
    
 <div class="rank">
 Redator
 </div>
    O Redator é o responsável por orientar os Jornalistas e vigiar todas as noticias que são criadas, fazendo as alterações que são necessárias.    
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="cmkt">
  
 <div class="info">
    
 <div class="rank">
 Coordenador de Marketing
 </div>
    O Coordenador de Marketing é o responsável por orientar toda a equipe de Marketing e organizar os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="jorn">
  
 <div class="info">
    
 <div class="rank">
 Jornalista
 </div>
    Responsável por trazer e criar notícias no portal e deixar o conteúdo do site atualizado e com qualidade.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Ralf_GB.Ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Ralf_GB.Ban
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Kevinho10Hop&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Kevinho10Hop
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="pixel">
  
 <div class="info">
    
 <div class="rank">
 Pixel Artista
 </div>
    O Pixel Artista é o responsável por criar artes e imagens das campanhas da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="eventos">
  
 <div class="info">
    
 <div class="rank">
 Promotor de Eventos
 </div>
    O Promotor de Eventos é o responsável por criar quartos e noticias para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Thi005&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Thi005
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="tuber">
  
 <div class="info">
    
 <div class="rank">
 VideoTuber
 </div>
    O VideoTuber é o responsável por criar vídeos e produções audiovisuais para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Paranoic&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Paranoic
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Grettin&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Grettin
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="divulg">
  
 <div class="info">
    
 <div class="rank">
 Divulgador
 </div>
    Responsável por divulgar o portal e os eventos pelos quartos e outros sites relacionados ao Habbo.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
  
 </div>
  
 </div>
 
 </div><script>
 $('.toclickstaff').click(function(event) {
  if($(event.target).hasClass('adm')) {
   $('.adm').addClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').show(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('lider')) {
   $('.adm').removeClass("selected");
   $('.lider').addClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').show(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('aux')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').addClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').show(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
/*
  else if($(event.target).hasClass('redator')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').addClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').show(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
*/
  else if($(event.target).hasClass('cmkt')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').addClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').show(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('jorn')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').addClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').show(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('pixel')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').addClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').show(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('eventos')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').addClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').show(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('tuber')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').addClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').show(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('divulg')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').addClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').show(500);
   }
  });
</script>
 </div>
 <div style="clear: both;">
 </div>
</div>
</body>
 
</html>


Cordialmente,
pedxz.


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por peidokdl em 03/11/18, 07:00 pm

A primeira parte foi corrigida, agora queria que tipo em administração aparece a foto de perfil (forma redonda) e o nome do Admin

linck do perfil http://policiamentodph.directorioforuns.com/u1
avatar

peidokdl
Nível 8

Feminino
Inscrito dia : 28/01/2018
Mensagens : 107
Pontos Ativos : 164

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por Pedxz em 03/11/18, 07:28 pm

Algum assim, reparei que faltava adicionar o link externo no FontAwesome:
Código:
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Página Equipe</title>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body>
    <br /><div itemprop="description articleBody" id="post-body-5381674225246114274" class="corpo"><style type="text/css">
.vagas-staff {
    background-color: #EC2F42;
    background-image: url(https://i.imgur.com/boJgliw.png),linear-gradient(to bottom,#F15054,#EC2F42);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 130px;
    line-height: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #A0161A, inset 0 3px rgba(255,255,255,.5), 0 3px rgba(0,0,0,.2);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-size: 14px;
    z-index: 1;
    margin-bottom: 20px;
}
 
#catstaff {width: 100%;}
.contentbaixo {
width: 100%;
float: left;
margin-top: 1%;
}
.contentstaff {
width: 100%;
margin-top: -10px;
}
 
.area {
padding: 0 10px 0 10px;
background-color: #eee;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(255,255,255,0.5);
font-size: 18px;
color: #777;
line-height: 40px;
margin-bottom: 10px;
}
 
.toclickstaff {
background-color: #F7F7F7;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
padding: 13px 20px;
font-size: 13px;
color: #777;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s;
text-shadow: 0 1px 0 rgba(255,255,255,0.77);
}
.toclickstaff:hover, .selected {
background-color: #616161;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
color: #FFF;
}
 
.contentstaff .info {
background-color: #353535;
border-bottom: 5px solid rgba(0,0,0,0.25);
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02), inset 0 -22px rgba(0,0,0,0.05), 0 2px rgba(0,0,0,0.1);
float: left;
margin-left: 0;
margin-top: 1%;
cursor: pointer;
padding: 13px 10px;
font-size: 12px;
color: #FFF;
border-radius: 2px;
transition: 1s;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
width: 98.5%;
}
 
.info .rank {
font-weight: bold;
font-size: 14px;
color: #FFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
 
.member {
    width: 245px;
    height: 100px;
    margin: 10px 10px 0 0;
    background-color: #EEE;
    border-radius: 5px;
    float: left;
}
.member .avatar {
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    margin: 10px 0 0 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 50%;
    float: left;
}
.member .user, .member .func {
    width: 120px;
    height: 40px;
    margin: 10px 10px 0 10px;
    padding: 0 15px 0 15px;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 700;
    color: #777;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.member .func {
    height: 35px!important;
    line-height: 35px;
    margin-top: 5px;
}
</style> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <br />
 <center>
 
 <div style="width: 65%;" class="vagas-staff">
  Você está interessado em entrar para uma das equipes? <br />  Entre em contato com os Líderes ou Auxiliares da equipe no Habbo e saiba mais!<br />  Nossas vagas são limitadas e bem selecionadas então seja ágil para conquistá-la.  
 </div>
 </center>
 <div class="contentstaff">
 
 <div id="catstaff">
  
 <div class="area">
 <em class="fa fa-star" aria-hidden="true">
 </em> Gestão
 </div>
  
 <div class="toclickstaff adm">
 Administrador
 </div>
  
 <div class="toclickstaff lider">
 Líder
 </div>
  
 <div class="toclickstaff aux">
 Auxiliar
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-pencil-square-o" aria-hidden="true">
 </em> Coordenação
 </div>
  
 <div style="opacity: .6; cursor: default;" class="toclickstaff redator">
 Redator
 </div>
  
 <div class="toclickstaff cmkt">
 Coordenador de Marketing
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
  
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-list-ul" aria-hidden="true">
 </em> Membros
 </div>
  
 <div class="toclickstaff jorn">
 Jornalista
 </div>
  
 <div class="toclickstaff pixel">
 Pixel Artista
 </div>
  
 <div class="toclickstaff eventos">
 Promotor de Eventos
 </div>
  
 <div class="toclickstaff tuber">
 VideoTuber
 </div>
  
 <div class="toclickstaff divulg">
 Divulgador
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
  
 <div class="contentbaixo">
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="adm">
  
 <div class="info">
    
 <div class="rank">
 Administrador
 </div>
    Os Administradores são a gerência técnica do portal e de tudo o que envolve o site.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Admin
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=dr.jefferson105&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> dr.jefferson105
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=robert6966&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> robert6966
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="lider">
  
 <div class="info">
    
 <div class="rank">
 Líder
 </div>
    O Líder é o responsável pela gestão da sua área. Ele organiza a equipe que lhe compete e administra a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-Husky.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -Husky.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=sonequitaRock&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> sonequitaRock
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Ranking
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Rodrig@0.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Rodrig@0.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="aux">
  
 <div class="info">
    
 <div class="rank">
 Auxiliar
 </div>
    O Auxiliar é o sub-responsável pela gestão da sua área. Ele ajuda o Líder a organizar a equipe que lhe compete e coordena a sua área do portal.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zeus.Ricos&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zeus.Ricos
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
    
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="redator">
  
 <div class="info">
    
 <div class="rank">
 Redator
 </div>
    O Redator é o responsável por orientar os Jornalistas e vigiar todas as noticias que são criadas, fazendo as alterações que são necessárias.    
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="cmkt">
  
 <div class="info">
    
 <div class="rank">
 Coordenador de Marketing
 </div>
    O Coordenador de Marketing é o responsável por orientar toda a equipe de Marketing e organizar os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="jorn">
  
 <div class="info">
    
 <div class="rank">
 Jornalista
 </div>
    Responsável por trazer e criar notícias no portal e deixar o conteúdo do site atualizado e com qualidade.    
 </div>
  
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Ralf_GB.Ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Ralf_GB.Ban
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Kevinho10Hop&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Kevinho10Hop
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="pixel">
  
 <div class="info">
    
 <div class="rank">
 Pixel Artista
 </div>
    O Pixel Artista é o responsável por criar artes e imagens das campanhas da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="eventos">
  
 <div class="info">
    
 <div class="rank">
 Promotor de Eventos
 </div>
    O Promotor de Eventos é o responsável por criar quartos e noticias para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Thi005&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Thi005
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="tuber">
  
 <div class="info">
    
 <div class="rank">
 VideoTuber
 </div>
    O VideoTuber é o responsável por criar vídeos e produções audiovisuais para os eventos da GOPH.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Paranoic&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Paranoic
 </div>
  
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Grettin&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Grettin
 </div>
  
 </div>
  
 </div>
  
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="divulg">
  
 <div class="info">
    
 <div class="rank">
 Divulgador
 </div>
    Responsável por divulgar o portal e os eventos pelos quartos e outros sites relacionados ao Habbo.    
 </div>
    
 <div class="member">
    
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
    
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
  
 </div>
  
 </div>
 
 </div><script>
 $('.toclickstaff').click(function(event) {
  if($(event.target).hasClass('adm')) {
   $('.adm').addClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').show(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('lider')) {
   $('.adm').removeClass("selected");
   $('.lider').addClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').show(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('aux')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').addClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').show(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
/*
  else if($(event.target).hasClass('redator')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').addClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').show(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
*/
  else if($(event.target).hasClass('cmkt')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').addClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').show(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('jorn')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').addClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').show(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('pixel')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').addClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').show(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('eventos')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').addClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').show(500);
   $('#tuber').hide(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('tuber')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').addClass("selected");
   $('.divulg').removeClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').show(500);
   $('#divulg').hide(500);
   }
  else if($(event.target).hasClass('divulg')) {
   $('.adm').removeClass("selected");
   $('.lider').removeClass("selected");
   $('.aux').removeClass("selected");
   $('.redator').removeClass("selected");
   $('.cmkt').removeClass("selected");
   $('.jorn').removeClass("selected");
   $('.pixel').removeClass("selected");
   $('.eventos').removeClass("selected");
   $('.tuber').removeClass("selected");
   $('.divulg').addClass("selected");
 
   $('#adm').hide(500);
   $('#lider').hide(500);
   $('#aux').hide(500);
   $('#redator').hide(500);
   $('#cmkt').hide(500);
   $('#jorn').hide(500);
   $('#pixel').hide(500);
   $('#eventos').hide(500);
   $('#tuber').hide(500);
   $('#divulg').show(500);
   }
  });
</script>
 </div>
 <div style="clear: both;">
 </div>
</div>
</body>
 
</html>


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por peidokdl em 03/11/18, 07:32 pm

Exatamente isso, só que bugou http://policiamentodph.directorioforuns.com/h3-teste e quando clico no nome ele não direciona para o perfil, mais é isso.
avatar

peidokdl
Nível 8

Feminino
Inscrito dia : 28/01/2018
Mensagens : 107
Pontos Ativos : 164

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por Pedxz em 03/11/18, 07:38 pm

Agora é só duplicar o usuário Admin, têm uma indicação na página:
Código:
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Página Equipe</title>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body>
    <br /><div itemprop="description articleBody" id="post-body-5381674225246114274" class="corpo"><style type="text/css">
.vagas-staff {
    background-color: #EC2F42;
    background-image: url(https://i.imgur.com/boJgliw.png),linear-gradient(to bottom,#F15054,#EC2F42);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 130px;
    line-height: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #A0161A, inset 0 3px rgba(255,255,255,.5), 0 3px rgba(0,0,0,.2);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    font-size: 14px;
    z-index: 1;
    margin-bottom: 20px;
}
 
#catstaff {width: 100%;}
.contentbaixo {
width: 100%;
float: left;
margin-top: 1%;
}
.contentstaff {
width: 100%;
margin-top: -10px;
}
 
.area {
padding: 0 10px 0 10px;
background-color: #eee;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(255,255,255,0.5);
font-size: 18px;
color: #777;
line-height: 40px;
margin-bottom: 10px;
}
 
.toclickstaff {
background-color: #F7F7F7;
float: left;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
padding: 13px 20px;
font-size: 13px;
color: #777;
border-radius: 3px;
transition: color 0.2s, background-color 0.2s;
text-shadow: 0 1px 0 rgba(255,255,255,0.77);
}
.toclickstaff:hover, .selected {
background-color: #616161;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
color: #FFF;
}
 
.contentstaff .info {
background-color: #353535;
border-bottom: 5px solid rgba(0,0,0,0.25);
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.02), inset 0 -22px rgba(0,0,0,0.05), 0 2px rgba(0,0,0,0.1);
float: left;
margin-left: 0;
margin-top: 1%;
cursor: pointer;
padding: 13px 10px;
font-size: 12px;
color: #FFF;
border-radius: 2px;
transition: 1s;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
width: 98.5%;
}
 
.info .rank {
font-weight: bold;
font-size: 14px;
color: #FFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
 
.member {
    width: 245px;
    height: 100px;
    margin: 10px 10px 0 0;
    background-color: #EEE;
    border-radius: 5px;
    float: left;
}
.member .avatar {
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    margin: 10px 0 0 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 50%;
    float: left;
}
.member .user, .member .func {
    width: 120px;
    height: 40px;
    margin: 10px 10px 0 10px;
    padding: 0 15px 0 15px;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 700;
    color: #777;
    line-height: 40px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}
.member .func {
    height: 35px!important;
    line-height: 35px;
    margin-top: 5px;
}
</style> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <br />
 <center>
 
 <div style="width: 65%;" class="vagas-staff">
  Você está interessado em entrar para uma das equipes? <br />  Entre em contato com os Líderes ou Auxiliares da equipe no Habbo e saiba mais!<br />  Nossas vagas são limitadas e bem selecionadas então seja ágil para conquistá-la. 
 </div>
 </center>
 <div class="contentstaff">
 
 <div id="catstaff">
 
 <div class="area">
 <em class="fa fa-star" aria-hidden="true">
 </em> Gestão
 </div>
 
 <div class="toclickstaff adm">
 Administrador
 </div>
 
 <div class="toclickstaff lider">
 Líder
 </div>
 
 <div class="toclickstaff aux">
 Auxiliar
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
 
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-pencil-square-o" aria-hidden="true">
 </em> Coordenação
 </div>
 
 <div style="opacity: .6; cursor: default;" class="toclickstaff redator">
 Redator
 </div>
 
 <div class="toclickstaff cmkt">
 Coordenador de Marketing
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div id="catstaff">
 
 <div style="margin-top: 15px;" class="area">
 <em class="fa fa-list-ul" aria-hidden="true">
 </em> Membros
 </div>
 
 <div class="toclickstaff jorn">
 Jornalista
 </div>
 
 <div class="toclickstaff pixel">
 Pixel Artista
 </div>
 
 <div class="toclickstaff eventos">
 Promotor de Eventos
 </div>
 
 <div class="toclickstaff tuber">
 VideoTuber
 </div>
 
 <div class="toclickstaff divulg">
 Divulgador
 </div>
 
 </div>
 
 <div class="clearfix">
 </div>
 
 <div class="contentbaixo">
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="adm">
 
 <div class="info">
   
 <div class="rank">
 Administrador
 </div>
    Os Administradores são a gerência técnica do portal e de tudo o que envolve o site.   
 </div>
  <!-- COPIAR E DUPLICAR -->
 <div class="member">
   
 <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
 </div>
 
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
 </div>
 
 </div>
  <!-- ./COPIAR E DUPLICAR -->
 
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=dr.jefferson105&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> dr.jefferson105
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=robert6966&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> robert6966
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="lider">
 
 <div class="info">
   
 <div class="rank">
 Líder
 </div>
    O Líder é o responsável pela gestão da sua área. Ele organiza a equipe que lhe compete e administra a sua área do portal.   
 </div>
 
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-Husky.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -Husky.
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=sonequitaRock&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> sonequitaRock
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Ranking
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Rodrig@0.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Rodrig@0.
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="aux">
 
 <div class="info">
   
 <div class="rank">
 Auxiliar
 </div>
    O Auxiliar é o sub-responsável pela gestão da sua área. Ele ajuda o Líder a organizar a equipe que lhe compete e coordena a sua área do portal.   
 </div>
 
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Zeus.Ricos&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Zeus.Ricos
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> GOPH News
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
   
 <div class="func">
 <em class="fa fa-list" aria-hidden="true" title="Responsável por">
 </em> Marketing
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="redator">
 
 <div class="info">
   
 <div class="rank">
 Redator
 </div>
    O Redator é o responsável por orientar os Jornalistas e vigiar todas as noticias que são criadas, fazendo as alterações que são necessárias.   
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="cmkt">
 
 <div class="info">
   
 <div class="rank">
 Coordenador de Marketing
 </div>
    O Coordenador de Marketing é o responsável por orientar toda a equipe de Marketing e organizar os eventos da GOPH.   
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="jorn">
 
 <div class="info">
   
 <div class="rank">
 Jornalista
 </div>
    Responsável por trazer e criar notícias no portal e deixar o conteúdo do site atualizado e com qualidade.   
 </div>
 
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Ralf_GB.Ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Ralf_GB.Ban
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Kevinho10Hop&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Kevinho10Hop
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="pixel">
 
 <div class="info">
   
 <div class="rank">
 Pixel Artista
 </div>
    O Pixel Artista é o responsável por criar artes e imagens das campanhas da GOPH.   
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="eventos">
 
 <div class="info">
   
 <div class="rank">
 Promotor de Eventos
 </div>
    O Promotor de Eventos é o responsável por criar quartos e noticias para os eventos da GOPH.   
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=-DhizzyY&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> -DhizzyY
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=.Diiiva.&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> .Diiiva.
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Thi005&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Thi005
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="tuber">
 
 <div class="info">
   
 <div class="rank">
 VideoTuber
 </div>
    O VideoTuber é o responsável por criar vídeos e produções audiovisuais para os eventos da GOPH.   
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Paranoic&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Paranoic
 </div>
 
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=Grettin&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> Grettin
 </div>
 
 </div>
 
 </div>
 
 <div style="-webkit-transition: 1s; display: none; transition: 1s;" id="divulg">
 
 <div class="info">
   
 <div class="rank">
 Divulgador
 </div>
    Responsável por divulgar o portal e os eventos pelos quartos e outros sites relacionados ao Habbo.   
 </div>
   
 <div class="member">
   
 <div style="background-image: url('https://www.habbo.com.br/habbo-imaging/avatarimage?&user=legallgn.ban&action=std&direction=3&head_direction=3&img_format=png&gesture=std&headonly=0&size=b')" class="avatar">
 </div>
   
 <div class="user">
 <em class="fa fa-user" aria-hidden="true">
 </em> legallgn.ban
 </div>
 
 </div>
 
 </div>
 
 </div><script>
 $('.toclickstaff').click(function(event) {
  if($(event.target).hasClass('adm')) {
  $('.adm').addClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').show(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('lider')) {
  $('.adm').removeClass("selected");
  $('.lider').addClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').show(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('aux')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').addClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').show(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
/*
  else if($(event.target).hasClass('redator')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').addClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').show(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
*/
  else if($(event.target).hasClass('cmkt')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').addClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').show(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('jorn')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').addClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').show(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('pixel')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').addClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').show(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('eventos')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').addClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').show(500);
  $('#tuber').hide(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('tuber')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').addClass("selected");
  $('.divulg').removeClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').show(500);
  $('#divulg').hide(500);
  }
  else if($(event.target).hasClass('divulg')) {
  $('.adm').removeClass("selected");
  $('.lider').removeClass("selected");
  $('.aux').removeClass("selected");
  $('.redator').removeClass("selected");
  $('.cmkt').removeClass("selected");
  $('.jorn').removeClass("selected");
  $('.pixel').removeClass("selected");
  $('.eventos').removeClass("selected");
  $('.tuber').removeClass("selected");
  $('.divulg').addClass("selected");
 
  $('#adm').hide(500);
  $('#lider').hide(500);
  $('#aux').hide(500);
  $('#redator').hide(500);
  $('#cmkt').hide(500);
  $('#jorn').hide(500);
  $('#pixel').hide(500);
  $('#eventos').hide(500);
  $('#tuber').hide(500);
  $('#divulg').show(500);
  }
  });
</script>
 </div>
 <div style="clear: both;">
 </div>
</div>
</body>
 
</html>


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por peidokdl em 03/11/18, 07:49 pm

Tem só um erro a coordenação era para está abaixo de auxiliar como na gestão em vez de ao lado, do mesmo modo o membros. http://policiamentodph.directorioforuns.com/h2-teste
avatar

peidokdl
Nível 8

Feminino
Inscrito dia : 28/01/2018
Mensagens : 107
Pontos Ativos : 164

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por Pedxz em 04/11/18, 01:37 pm

Recriei a página, para ficar mais limpa:
Código:
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>Página Equipe</title>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <style type="text/css">
        * {
            box-sizing: border-box;
        }
       
        .tab {
            font-family: sans-serif;
        }
       
        .tab div[class] {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: row wrap;
            justify-content: space-around;
        }
       
        .tab div[class] > button {
            margin: 5px;
            background-color: #656D77;
        }
       
        div.tab button {
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            color: white;
        }
       
        div.tab button:hover,
        div.tab button.active {
            background-color: white;
            color: black;
        }
       
        .tabcontent {
            display: none;
            padding: 6px 12px;
        }
       
        .tab > h6 {
            max-width: 90%;
            background-color: #e7e9ec;
            height: 50px;
            line-height: 50px;
            text-indent: 50px;
            font-weight: 900;
        }
       
        .tabcontent {
            -webkit-animation: fadeEffect 1s;
            animation: fadeEffect 1s;
        }
       
        @-webkit-keyframes fadeEffect {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
       
        @keyframes fadeEffect {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
       
        .container {
            margin: 20px auto;
            width: 70%;
        }
       
        .vagas-staff p:first-child {
            padding-top: 20px;
        }
       
        .vagas-staff p {
            line-height: 9px;
        }
       
        .vagas-staff {
            width: 100%;
            height: 140px;
            text-indent: 126px;
            background-color: #EC2F42;
            background-image: url(https://i.imgur.com/boJgliw.png), linear-gradient(to bottom, #F15054, #EC2F42);
            background-repeat: no-repeat;
            padding: 1em;
            border-radius: 8px;
            box-shadow: inset 0 0 0 1px #A0161A, inset 0 3px rgba(255, 255, 255, .5), 0 3px rgba(0, 0, 0, .2);
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            font-size: 14px;
            margin: 15px auto 15px auto;
        }
       
        .area {
            padding: 0 10px 0 10px;
            background-color: #eee;
            border-radius: 5px;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
            font-size: 18px;
            color: #777;
            line-height: 40px;
            margin-bottom: 10px;
        }
       
        .rule {
            font-size: 14px;
            color: #FFF;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
            background-color: #353535;
            border-bottom: 5px solid rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.02), inset 0 -22px rgba(0, 0, 0, 0.05), 0 2px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            padding: 1em;
            font-size: 12px;
            color: #FFF;
            border-radius: 2px;
            transition: 1s;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
            width: 100%;
        }
       
        .member {
            width: 245px;
            height: 100px;
            margin: 10px 10px 0 0;
            background-color: #EEE;
            border-radius: 5px;
            float: left;
        }
       
        .member .avatar {
            width: 50px;
            height: 50px;
            background-position: center;
            background-size: cover;
            margin: 10px 0 0 10px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            float: left;
        }
       
        .member .user,
        .member .func {
            width: 120px;
            height: 40px;
            margin: 10px 10px 0 10px;
            padding: 0 15px 0 15px;
            background-color: #FFF;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            text-overflow: ellipsis;
            font-size: 11px;
            font-weight: 700;
            color: #777;
            line-height: 40px;
            float: left;
            white-space: nowrap;
            overflow: hidden;
        }
       
        .member .func {
            height: 35px!important;
            line-height: 35px;
            margin-top: 5px;
        }
    </style>
</head>

<body>
    <div class="container">

        <div class="vagas-staff">
            <p> Você está interessado em entrar para uma das equipes? </p>
            <p>Entre em contato com os Líderes ou Auxiliares da equipe no Habbo e saiba mais!</p>
            <p>Nossas vagas são limitadas e bem selecionadas então seja ágil para conquistá-la. </p>
        </div>

        <div class="tab">
            <h6>Gestão</h6>
            <div class>
                <button class="tablinks" onclick="openTab(event, 'admin')">
                    Administrador
                </button>
                <button class="tablinks" onclick="openTab(event, 'lider')">
                    Líder
                </button>
                <button class="tablinks" onclick="openTab(event, 'aux')">
                    Auxíliar
                </button>

            </div>

            <h6>Coordenação</h6>
            <div class>
                <button class="tablinks" onclick="openTab(event, 'red')">
                    Redação
                </button>
                <button class="tablinks" onclick="openTab(event, 'coo')">
                    Coordenador de marketing
                </button>
            </div>

            <h6>Membros</h6>
            <div class>
                <button class="tablinks" onclick="openTab(event, 'jorn')">
                    Jornalista
                </button>
                <button class="tablinks" onclick="openTab(event, 'pixel')">
                    Píxel Artista
                </button>
                <button class="tablinks" onclick="openTab(event, 'pe')">
                    Promotor de eventos
                </button>
                <button class="tablinks" onclick="openTab(event, 'vyt')">
                    VídeoTuber
                </button>
                <button class="tablinks" onclick="openTab(event, 'dv')">
                    Divulgador
                </button>
            </div>
        </div>

        <div id="admin" class="tabcontent">
            <div class="rule">
                <b>Administrador</b>
                <p>Os Administradores são a gerência técnica do portal e de tudo o que envolve o site.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="lider" class="tabcontent">
            <div class="rule">
                <b>Líder</b>
                <p>O Líder é o responsável pela gestão da sua área. Ele organiza a equipe que lhe compete e administra a sua área do portal.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="aux" class="tabcontent">
            <div class="rule">
                <b>Auxiliar</b>
                <p>O Auxiliar é o sub-responsável pela gestão da sua área. Ele ajuda o Líder a organizar a equipe que lhe compete e coordena a sua área do portal.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="red" class="tabcontent">
            <div class="rule">
                <b>Redator</b>
                <p>O Redator é o responsável por orientar os Jornalistas e vigiar todas as noticias que são criadas, fazendo as alterações que são necessárias. </p>
            </div>

        </div>

        <div id="coo" class="tabcontent">
            <div class="rule">
                <b> Coordenador de Marketing</b>
                <p>O Coordenador de Marketing é o responsável por orientar toda a equipe de Marketing e organizar os eventos da GOPH.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="jorn" class="tabcontent">
            <div class="rule">
                <b>Jornalista</b>
                <p>Responsável por trazer e criar notícias no portal e deixar o conteúdo do site atualizado e com qualidade.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="pixel" class="tabcontent">
            <div class="rule">
                <b>Pixel Artista</b>
                <p>O Pixel Artista é o responsável por criar artes e imagens das campanhas da GOPH.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="pe" class="tabcontent">
            <div class="rule">
                <b>Promotor de eventos</b>
                <p>O Promotor de Eventos é o responsável por criar quartos e noticias para os eventos da GOPH.</p>
            </div>

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="vyt" class="tabcontent">
            <div class="rule">
                <b>VideoTuber</b>
                <p>O VideoTuber é o responsável por criar vídeos e produções audiovisuais para os eventos da GOPH.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

        <div id="dv" class="tabcontent">
            <div class="rule">
                <b>Divulgador</b>
                <p>Responsável por divulgar o portal e os eventos pelos quartos e outros sites relacionados ao Habbo.</p>
            </div>
            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->

            <!-- COPIAR E DUPLICAR -->
            <div class="member">

                <div style="background-image: url('https://illiweb.com/fa/modernbb/pp-blank-thumb.png')" class="avatar">
                </div>

                <div class="user">
                    <em class="fa fa-user" aria-hidden="true">
 </em> <a href="/u1">Admin</a>
                </div>

            </div>
            <!-- ./COPIAR E DUPLICAR -->
        </div>

    </div>
    <script type="text/javascript">
        //<![CDATA[
        function openTab(evt, tabName) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            document.getElementById(tabName).style.display = "block";
            evt.currentTarget.className += " active";
        }

        //]]>
    </script>

</body>

</html>


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por peidokdl em 04/11/18, 09:24 pm

Muito obrigada, pode fechar.
avatar

peidokdl
Nível 8

Feminino
Inscrito dia : 28/01/2018
Mensagens : 107
Pontos Ativos : 164

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

Atendido / Resolvido Re: Pagina bugada

Mensagem por Pedxz em 05/11/18, 04:54 am

Tópico resolvido


Movido para "Questões resolvidas".


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

Ver perfil do usuário https://pedxz.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