المشاركة الأصلية كتبت بواسطة: Soliman
ضع محتوى قالب : profile
<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>
<s c r i p t type="text/**s c r i p t">
$(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 );});
})
});
</s c r i p t>
<s c r i p t type="text/**s c r i p t" src="{$ForumAdress}applications/core/plupload/plupload_full_min.js"></s c r i p t>
<s c r i p t type="text/**s c r i p t" src="{$ForumAdress}applications/core/plupload/jquery_ui_plupload/jquery_ui_plupload.js"></s c r i p t>
<s c r i p t type="text/**s c r i p t" src="applications/core/plupload/i18n/{$_CONF['info_row']['content_language']}.js"></s c r i p t>
<s c r i p t type="text/**s c r i p t">
$(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('?')
})
});
</s c r i p t>
{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']){ ?>
<s c r i p t type="text/**s c r i p t">
$(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('?')
})
});
</s c r i p t>
<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 confirm('{$lang['confirm']}')">{$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 confirm('{$lang['confirm']}')"><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']}<br /><br />
{/if}
{Des::while}{viewersList}
<a href="index.php?page=profile&show=1&id={$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']}
{/Des::while}
</div>
</div>
{/if}
</div>
</div>
<!-- RD-DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD-->
<s c r i p t type="text/**s c r i p t">
// 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 l e r t("{$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'
});
});
</s c r i p t>