Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » PUNBB
Actualizar esta página La información de un miembro en último mensaje
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas La información de un miembro en último mensaje 2x97uModos de visualización La información de un miembro en último mensaje 2x97u

La información de un miembro en último mensaje UFXmlYjLa información de un miembro en último mensaje ZcHKMjL
(#1)
Old  Fenix Rojo
">
Amnel
Fenix Rojo
Amnel
43316386116/02/2009OtherCat Lover :3https://i.imgur.com/oNn7E5l.jpg
 
 https://www.facebook.com/cportada https://twitter.com/cportada
icon1 La información de un miembro en último mensaje - el 26/2/2013, 12:55 pm

La información de un miembro en último mensaje HjYopmr

Reportaje:
Las páginas javascript activo en su foro y permite insertar scripts jQuery para personalizar el foro, sin embargo, es importante saber que cualquier secuencia de comandos se encuentra en el extremo de Internet no surgen hasta tableros de efectos.

Instrucción:
Módulos HTML & JAVASCRIPT Gestion de códigos Javascript Colocar : En todos los temas

Código:
jQuery(document).ready(function(){
jQuery('.tcr a[href*="/u"]').mouseover(function(){

jQuery(this).parents('strong').css('position', 'relative');
jQuery('.perfilInfo').remove();
jQuery(this).parents('.tcr').css('overflow', 'visible');
jQuery(this).before('
<div class="perfilInfo" style="position:absolute;">
<span class="setPerfil">
<span>
<img class="PerfilInfoImg" src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png" />
<h2>'+jQuery(this).html()+'</h2>

<p><b>Rank:</b><span></span></p>
<p><b>Posts:</b><span></span></p>
<p><b>Cadastrado:</b><span></span></p>
<p><b>Pontos:</b><span></span></p>
<span class="linkPrf"><a href="/privmsg?mode=post&u='+jQuery(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
<span class="linkPrf"><a href="'+jQuery(this).attr('href')+'">Ver perfil</a></span>
</span>

</span>
</span>
</div>
');

jQuery.get(jQuery(this).attr('href'), function(retornoMembro){
var avtPrf = jQuery('#profile-advanced-right img:first', retornoMembro).attr('src');
jQuery('.PerfilInfoImg').attr('src', avtPrf);

var perfil_rank = jQuery('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
var perfil_post = jQuery('#field_id-6 dd', retornoMembro).html();
var perfil_cad = jQuery('#field_id-4 dd', retornoMembro).html();
var perfil_lastV = jQuery('#field_id-13 dd', retornoMembro).html();

jQuery('.setPerfil p:eq(0) span').html(perfil_rank);
jQuery('.setPerfil p:eq(1) span').html(perfil_post);
jQuery('.setPerfil p:eq(2) span').html(perfil_cad);
jQuery('.setPerfil p:eq(3) span').html(perfil_lastV);

});
//get

jQuery('.perfilInfo').mouseleave(function(){
jQuery(this).remove();
});//mouseleave



});
//mouseover
});

Visualizar Imágenes y colores Hojas de estilo CSS Colors:

Código:
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}



"...La vida es corta pero,
El talento y el alma inmortal..."



La información de un miembro en último mensaje Ubvol

La información de un miembro en último mensaje UFXmlYjLa información de un miembro en último mensaje ZcHKMjL
(#2)
Old  Colaborador
">
genau
Colaborador
genau
2442422/10/2011Bolivia
 
icon1 Re: La información de un miembro en último mensaje - el 2/3/2013, 11:02 am

creo q esta mal la ubicacion del javascript seria en el indine y en los subforo para visualizar la informacion tipo tooltips

La información de un miembro en último mensaje UFXmlYjLa información de un miembro en último mensaje ZcHKMjL
(#3)
Old  Fenix Rojo
">
Amnel
Fenix Rojo
Amnel
43316386116/02/2009OtherCat Lover :3https://i.imgur.com/oNn7E5l.jpg
 
 https://www.facebook.com/cportada https://twitter.com/cportada
icon1 Re: La información de un miembro en último mensaje - el 2/3/2013, 11:11 am

@genau escribió:creo q esta mal la ubicacion del javascript seria en el indine y en los subforo para visualizar la informacion tipo tooltips

No te preocupes. Claro, también. la configuración que les doy solo es una sugerencia de mi parte. También los puedes aplicarlos "En el indice" y "En los sub foros". El resultado va a ser el mismo.

P.D.: Gracias por hacerlo notar Genau. Era bueno aclarar un poquito ese detallito, pero bueno el resultado va a ser o mismo. :*



"...La vida es corta pero,
El talento y el alma inmortal..."



La información de un miembro en último mensaje Ubvol

La información de un miembro en último mensaje UFXmlYjLa información de un miembro en último mensaje ZcHKMjL
(#4)
Old  Principiante
">
richel41398
Principiante
richel41398
22025/05/2013Other
 
icon1 Re: La información de un miembro en último mensaje - el 25/5/2013, 5:47 am

cool

La información de un miembro en último mensaje UFXmlYjLa información de un miembro en último mensaje ZcHKMjL
(#5)
Old  
Contenido patrocinado
 
icon1 Re: La información de un miembro en último mensaje -

Comentar con facebook:
La información de un miembro en último mensaje Imagen11
 » Temas similares en otros foros
» Aparición del título del tema en el último mensaje del foro.
» Como acceder directamente a "ver último mensaje sin leer"
» Cambia el margen en los nombres miembros de un grupo en el cuadro de último mensaje.
» Cómo Poner Cuadrados En El Nombre Del Último Mensaje Escrito.
» Como hago para que muestre el último mensaje que comentaron de la seccion y no el nick del que posteo?
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado