المشاركة الأصلية كتبت بواسطة: Soliman تفضل تم تصحيح كود اظهار الأوسمة في قالب : profile

استبدله

CODE نسخ الكود

<style>
.RD-navbar-default{display: none;}
</style>

<!-- RD-DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD-->


{if {$GroupInfo['profile_photo']}}


<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" />



<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:a*bsolute;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
opacity: 0.6;
color: #FFF;
}

</style>
<script type="text/javascript">
$(d*ocument).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>

<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">
$(d*ocument).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>




















{if {$MemberInfo['profile_cover_photo']} != ''}











<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" />

<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> <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>
















<style>
#RD-user-cover{
  background: url({$MemberInfo['profile_cover_photo']});
background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
</style>
{else}
<style>
#RD-user-cover{
  background: #123456;
  background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
</style>
{/if}
{/if}

<div id="RD-user-cover" class="RD-user-cover">
  <center><br>
    {if {$_CONF['info_row']['allow_avatar']}}
    {if {$MemberInfo['avater_path']} != ''}
    <style>
    #RD-user-avtar-ok{
    background: url({$MemberInfo['avater_path']});
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }
    </style>
    <a href="{$MemberInfo['avater_path']}" class="resize_img">
    <div id="RD-user-avtar-ok" class="RD-user-avtar hint--right" data-hint="{$lang['Picture']}
    {$MemberInfo['username']}
    {$lang['Personal']}">
    </div>
    </a>
    {else}
    <style>
    #RD-user-avtar-no{
background: url({$image_path}
/{$_CONF['info_row']['default_avatar']});
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }
    </style>
    <a href="{$image_path}/{$_CONF['info_row']['default_avatar']}" class="resize_img">
    <div id="RD-user-avtar-no" class="RD-user-avtar hint--right" data-hint="{$lang['no_photo']}"></div>
    </a>
    {/if}
    {/if}
    <br>
    <h2 class="RD-PRH-un"><i>@</i>{$MemberInfo['username']}</h2>
    {if {$GroupInfo['usertitle_change']} == '1'}
    <h4 class="RD-PRH-gd">{$Usertitle}</h4>
    {else}
    <h4 class="RD-PRH-gd">{$MemberInfo['user_title']}</h4>
    {/if}
    <img class="brd0 RD-PRF-rtng" alt="rating" src="{$user_ratings}" />
    {$status}
  </center>









<?php if($PowerBB->_CONF['template']['MemberInfo']['username'] == $PowerBB->_CONF['member_row']['username']){ ?>
  <script type="text/javascript">
  $(d*ocument).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> <span class="Responsive_hidePhone Responsive_inline">  {$lang['cover_photo']} <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&coverPhotoRemove=1" onclick="return **('{$lang['**']}')">{$lang['remove_cover_photo']}</a>
  </li>
  <!--
  <li class="PBBMenu_item">
  <a data-a*ction="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}






















{if {$_CONF['member_permission']}}
<?php if($PowerBB->_CONF['template']['MemberInfo']['username'] != $PowerBB->_CONF['member_row']['username']){ ?>
<li class="l-left">

<div class="Button_split">
{if {$is_friend}}
<a class="app_button Button_overlaid" id="remove_friend">
<i class="fa fa-check"></i> <span class="Responsive_hidePhone Responsive_inline">  {$lang['friends']} <i class="fa fa-caret-down"></i></span>
</a>
<div id="friend_menu">
<ul class="PBBMenu PBBMenu_auto PBBMenu_bottomCenter">
<li class="PBBMenu_item">
<a href="index.php?page=usercp&options=1&friends=1&del=1&id={$friendship_id}"
onclick="return **('{$lang['**']}')"><i class="fa fa-chain-broken"></i> {$lang['remove_friend_1']} {$MemberInfo['username']} {$lang['remove_friend_2']}</a>
</li>
</ul>
</div>
{else}
<a href="index.php?page=usercp&options=1&friends=1&add=1&username_friend={$MemberInfo['username']}" id="add_friend" class="app_button Button_overlaid" rel="nofollow">
<i class="fa fa-user-plus"></i> <span class="Responsive_hidePhone Responsive_inline">  {$lang['add_friend']} </span>
</a>
{/if}
</div>
</li>
{/if}
{/if}




















  
</div>
















<div class="row">
  <div class="col-md-8">
    {template}stuff_profile{/template}
  </div>


  <div class="col-md-4">
    <div class="panel panel-default">
      <div class="RD-panel-body">
        <div class="row">
          <div class="col-md-3">
            <i class="pe-7s-news-paper" style="color:#BE0B93"></i><br>
            <small>
              {$lang['posts']}
              <br>
              {$MemberInfo['posts']}
            </small>
          </div>

          <div class="col-md-3">
            <i class="pe-7s-date" style="color:#6BCFFF"></i><br>
            <small>
              {$lang['user_invite']}
              <br>
              {$MemberInfo['invite_num']}
            </small>
          </div>

          <div class="col-md-3">
            <i class="pe-7s-like" style="color:#52E8B8"></i><br>
            <small>
              {$lang['visitor_num']}
              <br>
              {$MemberInfo['visitor']}
            </small>
          </div>

          <div class="col-md-3">
            <i style="color:#9DE444" class="pe-7s-graph1"></i><br>
            <small>
              {$lang['user_reputation']} 
              <br>
              {$MemberInfo['reputation']}
            </small>
          </div>
        </div>
      </div>
    </div>
    
    {if {$superadministrators}}
    <?php if($PowerBB->_CONF['template']['MemberInfo']['username'] != $PowerBB->_CONF['member_row']['username']){ ?>
    {template}login_admittance{/template}
    {/if}
    {/if}


    {if {$while['extrafield']}}
    {if is_array({$while['extrafield']})==true }



    {$lang['Additional_information']}



    {Des::while}{extrafield}
    <div class="panel panel-default">
      <div class="panel-heading">{$extrafield['name']}</div>
      <div class="panel-body">
        <?php if($PowerBB->_CONF['template']['MemberInfo'][$PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag']]){ ?>
        <?php $PowerBB->_CONF['template']['MemberInfo'][$PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag']] = $PowerBB->functions->CleanVariable($PowerBB->_CONF['template']['MemberInfo'][$PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag']],'html'); ?>
        <?php echo $PowerBB->_CONF['template']['MemberInfo'][$PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag']]; ?>
        <?php }else{ ?>
        {$lang['did_not_say']}
        <?php } ?>
      </div>
    </div>
    {/Des::while}
    {/if}
    {/if}






    {if {$MemberInfo['profile_viewers']} == '1'}
    <div class="panel panel-default">
      <div class="panel-heading">{$lang['profile_viewers']}</div>
      <div class="panel-body">
        {if {$no_viewers}}
        {$lang['no_profile_viewers']}
        {else}
        {$lang['last_20_visits_profile']}
        {/if}

        {Des::while}{viewersList}
        <a href="u{$viewersList['id']}">
        {$viewersList['username']}
        {if {$show_visit_number}}
        ({$viewersList['viewer_user_counter']})
        {/if}
        </a>   
        {/Des::while}
      </div>
      <div class="panel-footer">
        <div class="smallfont">
        <?php $PowerBB->_CONF['template']['_CONF']['lang']['this_page_visited_guest'] = str_ireplace('{1}',$PowerBB->_CONF['template']['view_page_num'],$PowerBB->_CONF['template']['_CONF']['lang']['this_page_visited_guest']); ?>
        <b>{$lang['this_page_visited_guest']}</b>
        </div>
      </div>
    </div>
    {/if}


    {if {$_CONF['info_row']['allow_apsent']} == '1'}
    {if {$MemberInfo['away']} == 1}
    <div class="panel panel-default">
      <div class="panel-heading">
        {$MemberInfo['username']}
        {$lang['Absent_now']}
      </div>
      <div class="panel-body">
        {$lang['Reason_for_absence']}
        {$MemberInfo['away_msg']}
      </div>
    </div>
    {/if}
    {/if}



    {if {$Awards_nm} > '0'}
    <div class="panel panel-default">
      <div class="panel-heading">{$lang['awards']}:{$Awards_nm}</div>
      <div class="panel-body">
        {Des::while}{AwardsList}
{$AwardsList['award']}

<a href="{$AwardsList['award_path']}" class="resize_img">
<img title="{$AwardsList['award']}" src="{$AwardsList['award_path']}" alt="{$AwardsList['award']}" class="brd0" />
</a>
        {/Des::while}
      </div>
    </div>
    {/if}

    
  </div>
</div>

<!-- RD-DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD-->























<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) {
a*lert("{$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>