كود وضع صورة بجانب صندوق الرد للعضو|- Java&Css

بسم الله الررحمن الرحيم / 
السلام عليكم ورحمة الله تعالى وبركاته / 
صبحااكم ،و مسااكم رضا من رب العاالمين
كيف اخبااركم ان شاء الله بخير وصحة
تم اكتشااف كود جديد ووهو اعجبنى الى حد ما
كود وضع صورة بجاانب صندوق الرد السريع [صورة للعضو]
الكود مكون من جزئين Java & Css

[صورة للكود]|وردةهً

https://i.servimg.com/u/f19/15/95/95/99/uo_ouo11.png

للنسخة الثاانية [phpBB2]
الكود الاول [Java]

الكود:

       jQuery(document).ready(function() {
        $('#quick_reply').before('<div id="av_quickreply"></div>');
        if(typeof(_userdata)!="undefined") {
        $('#av_quickreply').html(_userdata['avatar']);
        }
        else {
        $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
        }
        });



الكود:

/*-----كود صورة مكان كلمة شاطر توضح الغرض·-----*/
.addthis_button{
background:
url('http://s7.addthis.com/static/btn/v2/lg-share-en.gif') no-repeat;
background-position: center right;
padding: 65px;
font-size: 0px ;
}

الكود:

       jQuery(document).ready(function() {
        $('#textarea_content #text_editor_textarea').before('<div id="av_quickreply"></div>');
        if(typeof(_userdata)!="undefined") {
        $('#av_quickreply').html(_userdata['avatar']);
        }
        else {
        $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars .ucp-main #ucp fieldset dl dd img');
        }
        });


الكود:

       #quick_reply #av_quickreply{
        display: table-cell;
        width: 200px;
        }
        #quick_reply #textarea_content{
        width: 800px !important;
        display: table;
        }
        #quick_reply #text_editor_controls{
        position: relative;
        left: 100px;
        }

( الكود يعمل على اي النسختين الاولى والثانية ،و قريباً للنخسة الانفجن والنسخة punbb)
جَميع الحقٌوق مَحفوظةة ليْـِ اخوكم [ Tw!x ]
طَاب يَومككمّ |

تم تجديد الصور بواسطة : (GeNeRaL)