<style>
.information2 {
  display:none;
  position:absolute;
  border: 1px solid #383838;
  background: #dddddd;
  box-shadow: 0px 0px 6px #e0e0e0;
  border-radius:9px;
  margin:5px 0 0 10px;
  padding:10px;
  z-index:999999;
}
.information2 div {
 width:200px !important;
}
.profile .avatar img {cursor:pointer!important;}
</style>
 

<script>
window.addEventListener('load', function ( ) {
 
  var mess = $('.profilerowgroup').html();  
  $('.profile .avatar').after(`<div class="information2">`+mess+`</div>`);
 
  // Angaben in der Tabelle ausblenden                  
  $('.leftcell div:contains("Name"), .leftcell div:contains("Geschlecht"), .leftcell div:contains("Geburtsdatum")').closest('.profilerowAboutMe').hide();
 
  $('.profile .avatar').hover(function(){
    $('.information2').stop(true, true).delay(300).slideDown(500).fadeIn();
  
    // Angaben im Info-Fenster ausblenden!
    $('.information2 div:contains("E-Mail"), .information2 div:contains("Registriert"), .information2 div:contains("Blog"), .information2 div:contains("Bewertungen"), .information2 div:contains("Homepage"), .information2 div:contains("Letzte Spende"), .information2 div:contains("Spenden")').closest('.profilerowAboutMe').hide();
 
  },function(){
    $('.information2').stop(true, true).slideUp(500);
  });
  $('.profile .avatar img').attr('title','Avatar');
 
});
</script>
 

<style>
.information {
  display:none;
  position:absolute;
  border: 1px solid #383838;
  background: #dddddd;
  box-shadow: 0px 0px 6px #e0e0e0;
  border-radius:9px;
  margin:5px 0 0 10px;
  padding:10px;
  z-index:999999;
}
.mmessageinformation td:first-child, .information td:first-child {
 width:110px !important;
}
.messageinformation table,  .messageinformation td  {
  padding: 5px;
}
.information td  {
  padding: 3px;
}
</style>
 

<script>
//// Mouseover Beiträge ////
window.addEventListener('load', function ( ) {
 
  {{message.startlist}}
  
  var mess = $('#post{{message:pt}} .messageinformation').html();  
  $('#post{{message:pt}} .messageAvatar').after(`<div class="information">`+mess+`</div>`);
  $('#post{{message:pt}} .messageinformation td:contains("Beiträge"), #post{{message:pt}} .messageinformation td:contains("Registriert"), #post{{message:pt}} .messageinformation td:contains("Likes"), #post{{message:pt}} .messageinformation td:contains("Sternzeichen"), #post{{message:pt}} .messageinformation td hr').closest('tr').hide();
 
  $('#post{{message:pt}} .messageAvatar').hover(function(){
    // Gast Info
    if ($('#post{{message:pt}} .information table').text().trim() == '') {
      $('#post{{message:pt}} .information').html('Gast - Keine Informationen vorhanden!');
    };
 
    $('#post{{message:pt}} .information').stop(true, true).delay(300).slideDown(500).fadeIn(); 
    $('.information td:contains("Blog"), .information td:contains("Homepage"), .information td:contains("Nachricht"), .information td:contains("Spende"), #post{{message:pt}} .information hr').closest('tr').remove();
  },function(){
    $('#post{{message:pt}} .information').stop(true, true).slideUp(500); 
  });
 
  {{message.end}}
      
});
</script>