ﻭﺿﻊ ﺻﻮﺭﺓ ﻣﻊ ﺁﺧﺮ ﺍﻟﻤﻮﺍﺿﻴﻊ

‏اولا : كود جافا
لوحة الاداره - عناصر اضافيه - HTML و JAVASCRIPT - إدارة أكواد Javascript - انشاء كود جديد
العنوان : كما تريد
اضف الكود الى : جميع الصفحات

// Avatar Center by simoelmaachi phpbb2
$(document).on('ready', function() {
    $('.forumline tr .row3.over').prepend('<div class="avatar-simoelmaachi"><div>');
    $('.forumline tr .row3.over .avatar-simoelmaachi').each(function () {
        var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');
 
      $(this).html('<a href="' + profileUser + '" 
class="avatar-index-enlace"><img 
src="https://i.servimg.com/u/f35/17/45/45/08/12810.png" alt="No Avatar"
 /></a>');
        $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
    });
});


ثانيا : اكواد ال css
لوحة الاداره - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم ال css 
وضع الكود التالي : 


/* Avatar Center by simoelmaachi phpbb2*/
.avatar-simoelmaachi { float: Center; }
.avatar-simoelmaachi img { width: 50px; height: 50px; padding: 2px; border: 2px solid #25EBFF; margin: 0 10px; }