قمت بتعديل على صفحة العضو كاملا
لاكن حدث لي مشكلة منذ اكثر شهر اجرب لم استطع حلها لعدم خبرتي مع البرمجة
المشكل عن اضافة صورة الى غلاف لا يتم تطبيق و لا يتم تحميل الصورة المضافة و عند الضغط على الحفظ لا يوجد تغيير
تم التعديل على قالب profile فقط
برك الله فيكم
القالب
CODE
<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’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'>
{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&send=1&index=1&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&member=1&index=1&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&option=3&username={$MemberInfo['username']}&starteronly=0§ion=all&exactname=1&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&option=4&username={$MemberInfo['username']}&starteronly=0§ion=all&exactname=1&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> <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-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> <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}