Data/hora atual: 19.04.24 16:45
1 Resultado encontrado para 379ecf
Código para exibir perfil ModernBB
Olá!É sim possível. Altere o código anterior para este:
- Código:
jQuery(document).ready(function(){
jQuery('.post .postprofile').each(function(){
jQuery(this).find('.postprofile-info').insertAfter(this).hide();
jQuery(this).find('.postprofile-rank').after('<input onclick="jQuery(this).closest(\'.post\').find(\'.postprofile-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" id="botpefi" value="Exibir perfil" type="button">');
});
});
Após isso, adicione à sua folha de estilos:
- Código:
.post .postprofile-info {
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
border: 6px solid #379ecf;
border-radius: 4px;
max-width: 300px;
padding: 7px;
position: absolute;
z-index: 999;
left: 18%;
top: 5%;
}
.postprofile #botpefi {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
background: #242c2e!important;
background-color: #242c2e!important;
border: 1px solid #212121;
border-color: #212121!important;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-align: center;
text-shadow: 0 -1px 0 #191919;
width: 100%;
}
A caixa flutuante irá aparecer do lado direito, ou seja por cima do tópico. Para alterar para o lado esquerdo procure no código CSS que lhe passei, o seguinte:
Altere 18% para -20%.
Remova o top: 5%;
Até mais.
- em 24.06.18 13:44
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Código para exibir perfil ModernBB
- Respostas: 5
- Vistos: 1557