مشكلة في غلاف العضو

السلام عليكم
قمت بتعديل على صفحة العضو كاملا
لاكن حدث لي مشكلة منذ اكثر شهر اجرب لم استطع حلها لعدم خبرتي مع البرمجة
المشكل عن اضافة صورة الى غلاف لا يتم تطبيق و لا يتم تحميل الصورة المضافة و عند الضغط على الحفظ لا يوجد تغيير
تم التعديل على قالب profile فقط
برك الله فيكم

القالب

<link rel="stylesheet" href="{$ForumAdress}applications/core/plupload/jquery_ui_plupload/css/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="{$ForumAdress}applications/core/plupload/jquery_ui_plupload/css/jquery_ui_plupload.css" type="text/css" media="screen" />


{if {$MemberInfo['profile_cover_photo']} != ''}
<style>

.profile-card header a {
  display:block;
background-image:  url({$MemberInfo['profile_cover_photo']});
 background-size:100% 100%;
  min-height:400px;
  margin-bottom:70px;
  position:relative;  
  transition: all 2s ease;
} 
</style>
{else}
<style>
.profile-card header a {
  display:block;
background-image:  url(http://up.dzkhalwi.com/image2756.html);
 background-size:100% 100%;
  min-height:400px;
  margin-bottom:70px;
  position:relative;  
  transition: all 2s ease;
} 

</style>

{/if}
<style>
.address_bar {
  display: none;
}
.profile-cad {
    width: 90%;
    right: 0;
    left: 0;
    display: inline-table;
    background: #FFF;
    margin: auto;
    overflow: hidden;
    animation: fadeIn 2s;
    transition: all 0.6s ease;
}
#leftdkh {
    background-color: rgba(22, 160, 133, 0) !important;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0;
    height: auto;
    width: 120px;
    z-index: 1000000;
}
.leftdkh_ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.leftdkh-LOGO {
background-image: url(http://up.dzkhalwi.com/image1705.html);
    width: 38px;
    height: 38px;
    display: block;
    right: 15px;
    top: 5px;
    border-radius: 5px;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.leftdkh_ul li {
    width: 100%;
    height: 40px;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    transition: 0.3s;
    cursor: pointer;
    padding: 2px 0;
    margin-top: 2px;
}
div.pbb_content {
    width: 100%;
}
div.pbboard_body {
    width: 100%;
    left: 0;
    right: 0;
    float: left;
}
div.pbb_main {
       margin: 0;
}
header.pkr {
    display: none;
}
header {
    width: 100%;
    z-index: 0;
    position: static;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    background: none;
    margin-top: 5px;
}
body {
  background:#f8f8f8;
  background-size:cover;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  color:#959b9c;
}
p {
  font-family: 'Roboto', sans-serif;
  line-height:1.6;
  text-align:center;
  font-size:18px;
  font-weight:400;
}

/*Oh the Card. Here you go*/
.profile-card {
  width: 90%;
float: right;
  background:#FFF;
  margin:auto;
  overflow:hidden;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  animation: fadeIn 2s;
  transition:all 0.6s ease;
  transform-style: preserve-3d;
}

.profile-card header a:hover {
 transform: scale(1.02);
}

/*umm The Avatar.. Swoosh!! */
.profile-card header img {
  border: solid 3px #FFF;
  display: block;
  border-width: 4px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.20);
  position:absolute;
  bottom:-40px;
  left:50%;
     width: 100px;
    height: 100px;
  transform: translateX(-50%);
}

.profile-card header h1, .profile-card header h2 {
  margin:5px 30px;
  text-align:center;
}
.profile-card header h1 {
  font-family: JF;
  font-weight:500;
  color:#448ad1;
}

.profile-card header h2 {
  font-family: JF;
  font-weight:400;
  font-size:12px;
  text-transform:uppercase;
  color:#aeaeae;
}

/*You.. there.. bio*/
.profile-bio {
  margin:30px;
}

/*Be Social*/

.profile-social-links {
  list-style:none;  
  display:table;
  width:100%;
  border-top:1px solid #ededed;
  margin:0;
  padding:0;
}

.profile-social-links li {
  display:table-cell;
  min-width: 1px;
}

.profile-social-links li a {
  padding:20px 5px;
  display:block;
  text-align:center;
  border-right:1px solid #ededed;
  transition: all 0.5s ease;
    font-family: JF;
    font-size: 12px;
}

.profile-social-links li:first-child a {
  border-left:0;
}

.profile-social-links li img {
 max-width:30px;
  filter: grayscale(100%);
  opacity:0.5;
  transition: all 0.5s ease;
}
.profile-social-links li:last-child img {
opacity:0.2;
}
.profile-social-links a:hover {
  background:#f6f6f6;
}
.profile-social-links a:hover img {
  filter: grayscale(0%);
  opacity:1;
}


/* Animations Area 
   Warning: Entry Restricted
 */


@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

</style>

<div id="leftdkh">
<ul class="leftdkh_ul">
<li class="logod" onclick="window.**.assign('index.php')">
        <span class="leftdkh-LOGO"></span>
    </li>
</ul>
</div>


<aside class="profile-card">

  <header>

    <!-- here&rsquo;s the avatar -->
{if {$_CONF['info_row']['allow_avatar']}}
{if {$MemberInfo['avater_path']} != ''}
    <a>
      <img src="{$MemberInfo['avater_path']}" title="{$lang['Picture']}
{$MemberInfo['username']}
{$lang['Personal']}"
alt="{$lang['Picture']}
{$MemberInfo['username']}
{$lang['Personal']}" >
    </a>
{else}
<a href="{$image_path}/
{$_CONF['info_row']['default_avatar']}" class="resize_img">
<img src="{$image_path}/
{$_CONF['info_row']['default_avatar']}" class="brd0"
alt="{$lang['no_photo']}" />
</a>
{/if}
{/if}

    <!-- the username -->
<h1 style='font-size:20px'>&nbsp; 
{if {$_CONF['info_row']['verification_accounts_allow']}}
<?php
$Mem_id = $PowerBB->_CONF['template']['MemberInfo']['id'];
$MemberArr = $PowerBB->DB->sql_query("SELECT * FROM " . $PowerBB->table['member'] . " WHERE id='$Mem_id'");
$MemberjInfo= $PowerBB->DB->sql_fetch_array($MemberArr);
if($MemberjInfo['verified_account']){
?>
 <span href="#" data-toggle="tooltip" data-placement="auto" title="{$_CONF['info_row']['verification_accounts_alt']}"><span class="pe-7s-check" style="color: #FFBC00; font-size: 20px;"> </span> </span>
{/if}
{/if}

{$MemberInfo['username_style_cache']}

</h1>
    
    <!-- and role or ** -->
{if {$GroupInfo['usertitle_change']} == '1'}
<h2>{$Usertitle}</h2>
{else}
<h2>{$MemberInfo['user_title']}</h2>
{/if}

  </header>
<img class="center-block" alt="rating" src="{$user_ratings}" />
  
<div class="w_infoss" style="display: block;font-size: 28px;text-align: center;padding-top: 0;padding-bottom: 5px;">
<a href="index.php?page=pm_send&amp;send=1&amp;index=1&amp;username={$MemberInfo['username']}"  data-toggle="tooltip" data-placement="auto" title="ارسال رساله خاصة">
<i class="pe-7s-paper-plane appwinf " style="color:#044f67"></i>
</a>
<a href="index.php?page=send&amp;member=1&amp;index=1&amp;id={$MemberInfo['id']}"  data-toggle="tooltip" data-placement="auto" title="إرسال رسالة بريدية">
<i class="pe-7s-mail appwinf " style="color: #044f67"></i>
</a>
<a href="index.php?page=search&amp;option=3&amp;username={$MemberInfo['username']}&amp;starteronly=0&amp;section=all&amp;exactname=1&amp;sort_order=DESC"  data-toggle="tooltip" data-placement="auto" title="البحث عن مواضيع العضو">
<i class="pe-7s-news-paper appwinf " style="color: #044f67"></i>
</a>
<a href="index.php?page=search&amp;option=4&amp;username={$MemberInfo['username']}&amp;starteronly=0&amp;section=all&amp;exactname=1&amp;sort_order=DESC"  data-toggle="tooltip" data-placement="auto" title="البحث عن ردود العضو">
<i class="pe-7s-back appwinf " style="color: #044f67"></i>
</a>
</div>

   
<?php if($PowerBB->_CONF['template']['MemberInfo']['username'] == $PowerBB->_CONF['member_row']['username']){ ?>

<script type="text/javascript">
$(document).ready(function() {
$('#pbb_upload_photo').click(function(){
$(this).next('#pbb_dialog_upload_photo').slideToggle();
$("#pbb_dialog_upload_photo").css('display', 'block');
$(this).toggleClass('dialog_upload_photo');

if ($(this).hasClass('dialog_upload_photo')) $(this).find('s').html('?')
else $(this).find('s').html('?')
})

$('#dialog_close').click(function(){
$(this).next('#pbb_dialog_upload_photo').slideToggle();
$("#pbb_dialog_upload_photo").css('display', 'none');
$(this).toggleClass('dialog_upload_photo');

if ($(this).hasClass('dialog_upload_photo')) $(this).find('s').html('?')
else $(this).find('s').html('?')
})

$("#filelist_browse").click(function(){
$("#cover_browse").click();
$(this).toggleClass('acover_photo');

if ($(this).hasClass('acover_photo')) $(this).find('s').html('?')
else $(this).find('s').html('?')
})

});
</script>
<ul class="Button_split" id="elEditProfile">
<li>
<a class="app_button Button_overlaid" id="eledit_photo">
<i class="fa fa-picture-o"></i>&nbsp;<span class="Responsive_hidePhone Responsive_inline">&nbsp;&nbsp;{$lang['cover_photo']}&nbsp;<i class="fa fa-caret-down"></i></span>
</a>
<div id="eledit_photo_menu">
<ul class="PBBMenu PBBMenu_auto PBBMenu_bottomCenter">
<li class="PBBMenu_item">
<a href="index.php?page=ajax&amp;coverPhotoRemove=1" onclick="return **('{$lang['**']}')">{$lang['remove_cover_photo']}</a>
</li>
<!--
<li class="PBBMenu_item">
<a data-action="positionCoverPhoto">{$lang['cover_photo_position']}</a>
</li>
-->
<li class="PBBMenu_item">
<a id="pbb_upload_photo" href="#pbb_upload_photo">{$lang['upload_cover_photo']}</a>
</li>
</ul>
</div>
</li>
</ul>
{template}profile_cover_photo_upload{/template}
{/if}

  <!-- bit of a bio; who are you? -->
{if {$MemberInfo['user_info']} != ''}
<div class="profile-bio">
<p>
<?php echo $PowerBB->_CONF['template']['MemberInfo']['user_info'] = wordwrap($PowerBB->_CONF['template']['MemberInfo']['user_info'], '70', "\n", true); ?>
</p>
</div>
{/if}
  
<ul class="profile-social-links">
    <li>
      <a>
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABdElEQVRoQ+2ZMU7DQBBF/5AUiMYN6ZAwkeiN5AuAQk2qhIoyBRUNHTVNmtScAnqOQJEjkBvABRhkCaQIb/BnRcYMWZfJz2be/rd2YYHzS5zPjwTQdoOb24A+Par17ks5qG14dAMJIKK+1MDypv1fhaaTCDkCP7m+q31oo1AC+Nj41ECDyX/+EOu4//2TNlDx75ze1av86BBvLkDTXeizOTa3VIhNA+xgbM4cYI0HwaYB9wCsGmzOXCF2MDZnDuBeIfcArBpszlwhdjA2Zw7gXiH3AKwabM5cIXYwNmcO4F4h9wCsGmzOXCF2MDZnDuBeIfcArBpszlwhdjA2Fw0w6r9AkAWNyHaBye0aZQkuvZBykH/9ZuUbGh0f3ANyFlzqsACGl8YA+iDl6ZAHOM9zvG3Nay1s7wAXN0DVgtmlr+h0Czk6fqYBqqBWECozAAWy3j56e8DJyHL4BaBzdLpXoeGrGaNf8pltfsMfJYC2m0gNtN3AOz473DFEjcxAAAAAAElFTkSuQmCC">
       <br>
 {$lang['posts']}
              <br>
              {$MemberInfo['posts']}
</a>   
</li>
    <li>
      <a>
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADHklEQVRoQ+2Yz28SQRTHv2+xjYaomJg0Ro3YQ8utGGlPJmDj0SjcTIgBLsbEQMvRU+lfsBbi0bbG9Gwj9tritWDKyVB7EA96lSb+SBe6Y2ZxG37uLgoym/ASEsIOO9/Pe2/mzTyCzY1srh8jgGFHcBSBUQRaPBB49StAkrrGf2aqFMs9PJMzcpJwKTS/8aMM4JoGAJR3ws7rtgGQdxVv9qC61yh4O+w0dLIQEZD3mJuqyhKA6JuDWpPDhQZoFK6rtgUATxUCW+Aeb81voQHkXSVKUCMABbotTOEA6t5GBEwNgshtVjeGDsDzWqopM4xRwKroRqi+AtwKZgMOSGsgmHqOiwg9vWPmYNPnfQXwh7ZOiorpzKIBeHyZwMTVyR0rwvUxwkTA48ukQFiauDLZi34xUoh7HgTN8yIAfJFfVACsH9WOl8vFJP/eZG1HCY8vnQORXxSAr89WNcEMWNnPxxdNAaZ9mQoRzgsHwFhlv5C4YGMAHO4X4i5TANunkHiLePUQhPWjai1laRHzENl6G9VzzNaFTIfwh7b4vqvtSFZMmEqsi+WHOVLZW8nhcNoSgIueupkJShJeGwE8fv6oXmzGxusdBEXxAuCfIBFmrMDrY/p6GtVf2ljcOok5AQDFknPj641j+P0AtaMgVCwSkdYuMbKBAHhmM1xUpNvE4eUHOHvxHFgHgCaYfJVfcqLaDa2LDQTALI3uLdzFpanLK8m58bazSiedWlSqSqoTyEAA3F7ZdXrs1LfuoWexUj7RlDpmqcKfdwIZCACfbNqX3iSi+12EvSzl420tEisQrSADA/DMpqMAaU3XdmPlUj5h2MO0AsMjkv3w81Pj2L515szS6BjSjYP8k6IVoUZj5je+VwDSi+fn7bDTsKHQU290kGmkQ/H2uiSp2npSVSna1/a6cRpp16bbpULcsJ//rxFq/X9PETBLIzAslwrxVL9FGr2vJwBtN5rNFAmdjweqitDH9/FNsQF8aX4kkJtEMvYOoNT/Th+uoecI/KkJiwRygVgZ1eNcqZjkHbyh2F8BDEVpl0lHAMOOxigCw47AbzfkeEDIjCBNAAAAAElFTkSuQmCC">
     <br>
 {$lang['user_invite']}
              <br>
              {$MemberInfo['invite_num']}
     </a>
 </li>
    <li>
      <a>
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGfElEQVRoQ+1YW2wUVRj+zs5eaEvbLaUNom25KDSWUNoYY2JiWxR4IIGiYNREnAovvijxBXyQgj4omhjEBx4EZsAHRBBblQdAoRhJjGgLhppChLYUStMW2qVst93bMf/szuzsrbOz3WpJOMlks+fM/Of7/vs5DA/4YA84fjwk8H9bMG0LiKLoZIzVcM7rAcyjhzFGv+CcdwFQHsZYE+f8nCzLw1NB1jQBURQJZCNjTDQDiHMuA9gpyzIRy9hImQBpPAx8y2R255zvAPB5piySEoEw+LOMsWV68CVOH6rmelFe7MPsnKDy0Bh0W5Sno9+Gtl47eoZtUZw55xcB1GWChCEBURQJNIEnCyhjcZEXaytGUV7sT8kYHf1WNLdn48qAXXufc04xQSSITNpjQgJhzXfqwW96egTPzhtPa8NfOx04cCE3lsT8yVgiKYFYt8myBbG11oXSgkBa4NWPyBpfnM+Dx2dRpibrThMR2M0Ye0fdeOfKIZQ4k4D3uwHOgMBo6HUhO/RrC//GUCYSn7RoHkkkKDtRcJseCQlQqmSMdarSErqNfwzwDgG++wAPBW/cYBbANhOwFwDWGVHLCdyJXMl0ik1IoKGhgXL2G7QjBezWunuRzXkA8PQDXt1cKnqz5wFZxQATtLd3nc3TB/ZBSZJM1RYSFEcgXGGH1F3I7xcX+0J/SevunuQaNyJCFskp0ayRwJUKzAZ0IgL1jLHvCAvl+Z0rXWHwbsDdGwf+IkrQzfPRZikBBEfo3cA4qoI9KGMuLENPNK0YEo2n8rU6wTlfJ8tyk5Ee9OtxBPTus7bCjbUVnmjNMwt4/kIEH1mF6o4c/HV3YML9KmcV4c9yNyy3T4K5roUUoCPR3J6F5vYcVYZpN0pEoAVADUlU3KdoDLh3HbDYEJy/HoFFDUDWHBy62o7Nv5zUwFtHRjGz6zYEnw/HtzciKFhQ13xYWd/33CpsXFQBePogXJVg6TwGBH1A3gJcGZiBXS35qpxzkiTVTtYClAnKSMinq++iED3gs6vhr9quAFfHU8e/0rRP4BccOaWtHfpyL8aLnKj58YgyR1a48OLrEVyePljbPgAbbMUNbyl2nC5Q1qgmyLJcNVkCXBVwYMMd+J98C3zu83Ey7fs+0+acl/9B8W+Xo97pf2YJhpc8rs15N78bJ4P1/gzr33vx5tFCbU2SJMP2xigGNAL7RQcCZfXgc5dPSKCwtQP06EdqBM5A6G7CJjnSmmSCQLQLCYPwV70fR2IiFwrYrehetxz+3FAlXjqrCH/oXYjyd+8ZWNs+RM9YERpPhVwIwCVJkqI6XiN3Si2IR24guGADApXvRfw8URB390Lw+uF6olQDTx9oQRz+Wrj0ESzXjwK5pVMSxFoVjqRRN3D/plKEfDWSFsx6KyTTVJT2PX2wnWsIFcOZZUpBy3gaFUUxcSHzuoDRPiWHBxe+hkDlNgyPj+OFE98krQUE/qfVL8PpcEDR+rXDoTqQPQewh1JnxgvZhK2ESoJ2FhwIPrYCgfmv4tAdK/ZcbtWIEPC3l1RjY6EfQudhWG6eVqqzMnTgr/Tb9DUAZgOYxJlv5vQkVL+hjlOYgaCzQpmxDLcDgbFQp6ofOvA0PSXNHAk2bKepqfP0RbRqlCqoR6IiqGupz3c5sP/3qNNZ5trpMIkdjLFGFVvCAw1ZY3woOREC7ijQ/F2VFes6GT/QhAnQxRX1RZX0n46U2+pciU9lQW+ot/GH/dzqUHonWCKHeD34Pedz9UdKaleXmm2jVXmGh3rGGBU2rduazKE+1m0IBOdK4W+QZZnSt+lh2HfQtUrYEhoJOqXVV3giBx2Dbcllmtqzoq5VVPCMhSBwztMiYUggkTupeOnAU/2oF+VFfmTbg5p79QwLGPVa0DFgReuthBdb5DYlKnhVXv+IZ9eJY19vM2OGlAioJABs0Qe2mY3UdylgAewGQAVTUudvDd2Hy+NFnsO6//T3325OVXbKBFSB4RRLVyDKod/EOEj3ovqbB1EURSKhgldlmSFhmoCOCF3s1DLG1Ot1+q9kLOoqAdDVYRfnnM64LcmyzOr1r3w8OOLZGquIVEmkTcCE5g1fXbHmpX33xv2b0iExLQgQ8HRJTBsC6ZKYVgTSITHtCJglMS0JJCORbReunf3heOSqI9l5wDBt/Ecv6AM7EXiCMW0toOqISPg5r43VvLo+7QkYGfshASMNTfX6A2+BfwFnBRheyDTTVQAAAABJRU5ErkJggg==">
      <br>
{$lang['visitor_num']}
              <br>
              {$MemberInfo['visitor']}
   </a>
  </li>
    <li>
      <a>
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAELklEQVRoQ+1Y22obVxRdW5Jl2TOyZau+NKPEzoUUQi9yqQx9KJUxFJSX5g/ifEGc90LdL2j8BbW+ICoBC0olT1+l0iiveWkCGkoKpXLriR3fdjkTS7WkkWbOaKbBRedtmL33WWvfzj6HcMEXXXD8GBJ42xEcRmAYgQE98P9PoWIqlQXzXQbSRJQ+c5jOzLUIkP/CMGp2TvxB09InwH0QLQLIChmhQ0ANRPlcva4P6HxLvWcELABE3zY377kZ81bMNB+sNBoNIbOTSCT2VfU7Au44ANTDzA96OcAtOVsCwusMPCIg4caQ8OyYaa4I2X1F2TkXqb7qDDQizCuDkOgiIDx/TLTjFnwToSBhhfTfNHPDHYOS6CKwnUrpBHzuanf/hPRcvW5FUHa1EbAKFtiRNeKT/IqXwm4noGlbILrrEyA5M8z5nGGsySl1dKGipokW95GskV7ysUgI02oM6ugIYtEI9g6OsPvqNf4wX3epiBq6bRhLsnt3phDLGrCTj4QI12YmMJdQbM0dHB7j2csGdl8dtv3P1evSB6vvBAT4Dy8nocSijr549tufePnXfktuYAJ+dKCPF2agxEYcwTcFfvn1d5iHx5hSok/f15JPAMqCsMjMDRCJjlhQS5V8L4NtEdjWtHV6c/p6WnMTY7j57pSUrqgJkVK90u2NMa7hBPdUvdo1trQREGPAgao+BzApheJM+IPLSSTGR72oOuqIiEROj5bG9JrA11pdRVNMpTYAfO1o0Ubgs/cueVGT0OGaWqq2dSr7WchjOw2egDXS3lPL1a0ma1sCZ5PoEwnXWKKZq7NWvw9yMfB9vFRpTbo9+66Xgr45P4m5Sfve7xcpUQvxcrXVKfoeHEXJ0SKpxnBLm/YLa087aqnSwu148smOF5/emEMkHA6OBOOFWq6IW561HAlYrVVRdLcz0vWZCVyaVoMjAM6rpWpr6HMkIJDIkBADXOb6fHAETnjp/IHmioBAc9aZxEXc8ZALrJiZN9Vydb3vQdbPdW5JiIEuc23W51poTx3XNdBJqDg/v4hwuOBUE1eScSy8E/cplezBuypiOwRua2L56uzRaDTifjS12YwZ38TLFTHe2C7XNdCp7UiC+eknV6a+Ghsff+wlDAzeDYHWlFKl0E/fM4Fz3elh1z2aOR8zzXXx2PX36nKBgC9lSIhxQT05XCO9Zj2WBUagaXhb0x4S0X3xzcybtw2j1Sk4m07shUeeE8ixe7n1uucu1M8TRU2zDpecYbQmxaa8ubp8R7z09XUl86ZyerThxuuBEHAK9d5qZgvofrJh5p/oFOt2ty0nm567kBvDnTIilcxQtAbCgvWP8YJDp2vxH38e6JV6oCKWJbKXzaQRogLAG+cvJbJ23koKDQIy8C4UFDg3dv/TFHIDSFZmSEDWY37LDyPgt0dl7V34CPwDfjpfQGA2IEEAAAAASUVORK5CYII=">
      <br>
    {$lang['user_reputation']} 
              <br>
              {$MemberInfo['reputation']}
</a>
</li>       
  </ul>
  
</aside>
<style>
#drag_position {display:none;}
#el_ement {cursor:move; height:200px; list-style:none;}
#draggable {
border-radius: 4px 4px 0px 0px;
padding: 15px;
color: #fff;
position: relative;
height:200px;
}
.draggable {padding: 0px; margin: 0px; }
.cover_photo{
background-color: #F6F1F1;
background-image:url({$image_path}/loading.gif);
background-repeat: no-repeat;
background-position:center;
text-align:center;
width: 100%; height:200px;
}

#cover_photo_position {
position:absolute;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
opacity: 0.6;
color: #FFF;
}

</style>
<script type="text/javascript">
$(document).ready(function(drag) {
$("#element").draggable({
containment: '#draggable',
scroll: false
}).mousemove(function(){
var coord = $(this).position();
var width = $(this).width();
var height = $(this).height();
$("li.position").text( "(" + coord.left + "," + coord.top + ")" );
$("li.size").text( "(" + width + "," + height + ")" );

var data = {};
data['left']    =     coord.left;
data['top']    =    coord.top;
data['width']    =    width;
data['height']    =    height;
data['layout']    =    1;
var AjaxState = {ajaxSend : $("#cover_photo_position_status")};
$.post("{$ForumAdress}includes/upload.php",data,function( data ) {$("#cover_photo_position_status" ).html( data );});
})
});
</script>
<div id="drag_position">





<div id="draggable" class="pp-name" title="{$lang['cover_photo_position']}">
<div class="ui-widget-header">
<a class="app_button Button_overlaid" id="cover_photo_position">
<i class="fa fa-arrows-alt"></i>&nbsp;<span class="Responsive_hidePhone Responsive_inline">{$lang['save_photo_position']}</span>
</a>
<ul id="el_ement" class="draggable">
<li class="cover_photo">

</li>
<li class="position"></li>
<li class="size"></li>
</ul>
</div>
</div>

</div>
<script type="text/javascript" src="{$ForumAdress}applications/core/plupload/plupload_full_min.js"></script>
<script type="text/javascript" src="{$ForumAdress}applications/core/plupload/jquery_ui_plupload/jquery_ui_plupload.js" ></script>
<script type="text/javascript" src="applications/core/plupload/i18n/{$_CONF['info_row']['content_language']}.js"></script>

<script type="text/javascript">
// Initialize the widget when the DOM is ready
$(function() {
$("#filelist").plupload({
// General settings
runtimes : 'html5,flash,silverlight,html4',
url : '{$ForumAdress}includes/upload.php',
unique_names: true,
// User can upload no more then 20 files in one go (sets multiple_queues to false)
max_file_count: 1,

chunk_size: '1mb',

// Resize images on clientside if we can
resize : {
width : 700,
height : 300,
quality : 90,
crop: true // crop to exact dimensions
},

filters : {
// Maximum file size
max_file_size : '1mb',
// Specify what files to browse for
mime_types: [
{title : "Image files", extensions : "jpg,gif,png,jpeg"}
]
},

// Rename files by clicking on their titles
rename: true,

// Sort files
sortable: true,
prevent_duplicates: true,
init : {
FilesAdded: function(up, files) {
var max_files = 1;
plupload.each(files, function(file) {
if (up.files.length > max_files) {
alert("{$lang['cover_photo_chaos_single_file']}");
up.removeFile(file);
}
});
if (up.files.length >= max_files) {
$('#pickfiles').hide();
}
},
FilesRemoved: function(up, files) {
if (up.files.length < max_files) {
$('#pickfiles').fadeIn();
}
}
},
// Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
dragdrop: true,

// Views to activate
views: {
list: false,
thumbs: true, // Show thumbs
active: 'thumbs'
},

// Flash settings
flash_swf_url : '{$ForumAdress}applications/core/plupload/Moxie.swf',

// Silverlight settings
silverlight_xap_url : '{$ForumAdress}applications/core/plupload/Moxie.xap'
});


});
</script>

{template}stuff_profile{/template}