المشاركة الأصلية كتبت بواسطة: Soliman ضع محتوى قالب : profile<style>
ssssssssssssssssssss
<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="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-->
<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>
المشاركة الأصلية كتبت بواسطة: Soliman استخدم زر ادراج كود من المحرر قبل لصق الكود هنا
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="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--> <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>
المشاركة الأصلية كتبت بواسطة: Soliman استخدم زر ادراج كود من المحرر قبل لصق الكود هنا
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="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--> <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>