[PHPBB3] Une barre de titre pour les citation avec la photo du profil

Idéalement il faudrait le rajouter en fin de citation,

Code:


blockquote.M14_cita{width: 80%;margin-left:10%;}
blockquote.M14_cita
{
background:#ebeadd url(https://2img.net/i/fa/prosilver/quote.gif) top right no-repeat !important;
}

blockquote.M14_cita div {margin-left:0px!important;}


/*Avatar citation*/
    img.M14_Img_Citation
    {

    height:48px;/*hauteur de l avatar*/
    width:48px;/*largeur de l avatar*/
  position: absolute;
margin-left:-96px;
margin-top: -5px;
border-radius: 48px;/*on arrondi l avatar*/
opacity:0.8;/*l opactite de l avatar*/
 border:2px solid #333;
    }



Penser a cliquer sur le bouton

Code:

$(function() {
    if (_userdata["user_id"] >= (0))
    {
    $('blockquote').each(function(){
      var $this=$(this);
    // L AVATAR PAR DEFAUT
    var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";
    var M14_Get_img=$(this).find('a[title^="Voir le profil"]:first').before('<img class="M14_Img_Citation"src="'+M14_AvatarDefaut+'"/>');
    var M14_user=$(this).find('a[title^="Voir le profil"]:first').attr('href');
    var M14_userTexte=$(this).find('a[title^="Voir le profil"]:first').text().substring(1);
    
    $.get(M14_user,function(data){
      var M14_Img_Citation=$(data).find('#profile-advanced-right .module:first img:first').attr('src');
    if(M14_user)
    {
     $this.addClass('M14_cita');
    M14_Get_img.prev().attr('src',M14_Img_Citation).wrap('<a href="'+M14_user+'" class="M14_prof_cita" title="Voir le profil de '+M14_userTexte+'"></a>');
    }
    });});
    }
    });

Code:

blockquote cite {display: block;}

Code:

blockquote cite {display:inline;}

Code:

 
blockquote{width: 80%; margin-left:10%;}
blockquote cite a[href^="/u"]:first-child{margin-left: 20px;}
blockquote div:after {
content: "";
width: 15px;
height: 12px;
background: url("https://2img.net/i/fa/prosilver/quote.gif");
float:right!important;
position: relative;
bottom: -12px;
}



/*Avatar citation*/
    img.M14_Img_Citation
    {

    height:48px;/*hauteur de l avatar*/
    width:48px;/*largeur de l avatar*/
  position: absolute;
margin-left: -105px;
margin-top: -5px;
border-radius: 48px;/*on arrondi l avatar*/
opacity:0.8;/*l opacite de l avatar*/
 border:2px solid #333;
    }


Code:

blockquote div:after {
content: "";
width: 15px;
height: 12px;
background: url("https://2img.net/i/fa/prosilver/quote.gif");
float:right!important;
position: relative;
bottom: -12px;
}