| Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/admin.php |
<?php
session_start();
include('config.php');
$panel = new Panel();
?>
<!DOCTYPE html>
<html style="overflow-y:hidden">
<head>
<meta charset="UTF-8">
<title>Fotomagnesy - keator</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="/js/fabric-old.js"></script>
<script type="text/javascript" src="/js/text_onlyadmin.js"></script>
<script type="text/javascript" src="/js/dodaj.php"></script>
<script src="/js/jscolor.js"></script>
<script type="text/javascript" src="/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.colorbox.js"></script>
<link rel="stylesheet" href="css/style_old.css?0001">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<?php if($_SERVER['HTTP_HOST']=='www.allegroserca.fotomagnesy.pl'){?>
<script type="text/javascript" src="/js/zapisanejsonallegro.js"></script>
<?php }
else{?>
<script type="text/javascript" src="/js/zapisanejson.js"></script>
<?php }?>
<style type="text/css">
#leftcol #tabs .tabs-3 ul, #leftcol #tabs .tabs-3 ul li.dirtla {background:rgb(241,241,241)}
#sortable-list { padding:0;border:0px !important }
#sortable-list li { padding:4px 8px; color:#000; cursor:move; list-style:none; width:500px; background:#ddd; margin:10px 0; border:0px solid #999; }
#message-box { background:#fffea1; border:2px solid #fc0; padding:4px 8px; margin:0 0 14px 0; width:500px; }
</style>
<script type="text/javascript">
/* when the DOM is ready */
jQuery(document).ready(function() {
/* grab important elements */
var sortInput = jQuery('#sort_order');
var submit = jQuery('#autoSubmit');
var messageBox = jQuery('#message-box');
var list = jQuery('#sortable-list');
/* create requesting function to avoid duplicate code */
var request = function() {
jQuery.ajax({
data: 'sort_order=' + sortInput[0].value + '&ajax=' + submit[0].checked + '&do_submit=1&byajax=1', //need [0]?
type: 'post',
url: 'drag-drop-sort-save-jquery.php'
,success: function(data) {
console.log(data);
//alert(data);
}
});
};
/* worker function */
var fnSubmit = function(save) {
var sortOrder = [];
list.children('li').each(function(){
sortOrder.push(jQuery(this).data('id'));
});
sortInput.val(sortOrder.join(','));
if(save) {
request();
}
};
/* store values */
list.children('li').each(function() {
var li = jQuery(this);
li.data('id',li.attr('title')).attr('title','');
});
/* sortables */
list.sortable({
opacity: 0.7,
update: function() {
fnSubmit(submit[0].checked);
}
});
list.disableSelection();
/* ajax form submission */
jQuery('#dd-form').bind('submit',function(e) {
if(e) e.preventDefault();
fnSubmit(true);
});
var sortInput2 = jQuery('#sort_order2');
var list2 = jQuery('#sortable-list2');
/* create requesting function to avoid duplicate code */
var request2 = function() {
jQuery.ajax({
data: 'sort_order=' + sortInput2[0].value + '&ajax=' + submit[0].checked + '&do_submit=1&byajax=1', //need [0]?
type: 'post',
url: 'drag-drop-sort-save-jquery.php'
,success: function(data) {
console.log(data);
//alert(data);
}
});
};
/* worker function */
var fnSubmit2 = function(save) {
var sortOrder2 = [];
list2.children('li').each(function(){
sortOrder2.push(jQuery(this).data('id'));
});
sortInput2.val(sortOrder2.join(','));
if(save) {
request2();
}
};
/* store values */
list2.children('li').each(function() {
var li2 = jQuery(this);
li2.data('id',li2.attr('title')).attr('title','');
});
/* sortables */
list2.sortable({
opacity: 0.7,
update: function() {
fnSubmit2(submit[0].checked);
}
});
list2.disableSelection();
/* ajax form submission */
jQuery('#dd-form').bind('submit',function(e) {
if(e) e.preventDefault();
fnSubmit2(true);
});
var sortInput3 = jQuery('#sort_order3');
var list3 = jQuery('#sortable-list3');
/* create requesting function to avoid duplicate code */
var request3 = function() {
jQuery.ajax({
data: 'sort_order=' + sortInput3[0].value + '&ajax=' + submit[0].checked + '&do_submit=1&byajax=1', //need [0]?
type: 'post',
url: 'drag-drop-sort-save-jquery.php'
,success: function(data) {
console.log(data);
//alert(data);
}
});
};
/* worker function */
var fnSubmit3 = function(save) {
var sortOrder3 = [];
list3.children('li').each(function(){
sortOrder3.push(jQuery(this).data('id'));
});
sortInput3.val(sortOrder3.join(','));
if(save) {
request3();
}
};
/* store values */
list3.children('li').each(function() {
var li3 = jQuery(this);
li3.data('id',li3.attr('title')).attr('title','');
});
/* sortables */
list3.sortable({
opacity: 0.7,
update: function() {
fnSubmit3(submit[0].checked);
}
});
list3.disableSelection();
/* ajax form submission */
jQuery('#dd-form').bind('submit',function(e) {
if(e) e.preventDefault();
fnSubmit3(true);
});
});
</script>
<script>
$(document).bind('mousemove', function(e){
if(e.pageY<75 && e.pageY>50){
if ($("#leftcol #tabs select:hover").length > 0) {
$('#tail').css({
display: 'block',
});
}
else{
$('#tail').css({
display: 'none'
});
}
}
else{
$('#tail').css({
display: 'none'
});
}
});
$.noConflict();
jQuery( document ).ready(function($) {
init(897,897,'myCanvas');
<?php if(isset($_GET['kategoria'])){?>
$('select.tlakat').val('<?php echo $_GET['kategoria']?>');
<?php }?>
$('div.wyborksztaltu').show();
<?php if(isset($_GET['ksztalt'])){?>
var ksztalt = '<?php echo $_GET['ksztalt']?>';
zmienKsztalt(ksztalt,1);
$('.wyborksztaltu').hide();
$('li.dirtla').hide();
$('.rodzaj'+ksztalt).show();
$('.tabs-3 li').addClass('niepozakuj');
$('.tabs-3 li.rodzaj'+ksztalt+'._kat<?php echo $_GET['kategoria'];?>').removeClass('niepozakuj');
<?php }?>
$(".pcien").hide();
$('.wyborksztaltu span').click(function(){
var ksztalt = $(this).attr('rel');
zmienKsztalt(ksztalt,1);
$('.wyborksztaltu').hide();
});
$('a.add_cart').click(function(){
if($('.tlakat').val() != '0' ){
if (obj = canvas.getActiveObject()){
canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
canvas.renderAll();
Zapisz();
var dataURL = canvas.toDataURL({
format: 'png',
quality: 1,
});
$.ajax({
url: "/zapisztlo.php",
type: 'POST',
data: {
imgBase64: dataURL,
ksztalt: $('.ksztalt').val(),
kategoria: $('.tlakat').val(),
ses: $('#ses').val()
},
success: function(data)
{
console.log(data);
window.location.href = "?ksztalt="+$('.ksztalt').val()+"&kategoria="+$('.tlakat').val();
}
}).done(function(o) {
console.log('saved');
});
}
else{
alert('Na początku wybierz kategorię do jakiej chcesz dodać tło');
}
});
$('select.motywykat').change(function(){
if($( this ).val() == 0){
$(this).parent('div').find('li').show();
}
else{
$(this).parent('div').find('li').hide();
$(this).parent('div').find('._kat'+$( this ).val()).show();
}
loadingimg(1);
});
$('select.tlakat').change(function(){
if($( this ).val() == 0){
$(this).parent('div').find('li').show();
}
else{
$(this).parent('div').find('li').hide();
$(this).parent('div').find('._kat'+$( this ).val()).show();
}
loadingimg(3);
});
$('select.szablonykat').change(function() {
if($( this ).val() == 0){
$('.dirszablony').show();
}
else{
$('.dirszablony').hide();
$('.dirszablony.'+ $( this ).val() ).show();
}
});
$('select.ozdobnikikat').change(function() {
if($( this ).val() == 0){
$(this).parent('div').find('li').show();
}
else{
$(this).parent('div').find('li').hide();
$(this).parent('div').find('._kat'+$( this ).val()).show();
}
loadingimg(2);
});
$('.wgrane ul li i.material-icons').click(function(){
$(this).parent('li').remove();
$.ajax({
url: "removeelement.php",
type: 'POST',
data: {
id: $(this).attr('rel')
},
success: function(data)
{
}
});
});
$("#tabs ul li a").click(function()
{
$("#tabs ul .active").removeClass("active");
$(this).parent().addClass("active");
var element_index = $("#tabs ul a").index(this);
$("#content1>div:visible").hide();
$("#content1 div.tabs-"+(element_index+1)).show();
loadingimg(element_index+1);
return false;
});
$('a.menutope').click( function() {
if($('a.menutope .material-icons').html()=='menu'){
$('.menutope').animate({
left: '+=250px'
},500);
$('a.menutope .material-icons').html('clear');
}
else{
$('.menutope').animate({
left: '-=250px'
},500);
$('a.menutope .material-icons').html('menu');
}
return false;
});
$('li.usunelement a').click(function(){
removeit();
});
$('#scale-control').on("input change", function() {
if (obj = canvas.getActiveObject()) {
obj.scale(parseFloat(this.value)).center();
canvas.renderAll();
}
});
$('#fileupload3').change(function() {
$('div.overwhite').show();
$('.uploadzdjecie').hide();
var file_data = $('#fileupload3').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
url: 'upload.php', // point to server-side PHP script
dataType: 'text', // what to expect back from the PHP script, if anything
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'post',
success: function(php_script_response){
dodajNaklejke2('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);
$('div.overwhite').hide();
$('.aaa').show();
}
});
});
$('input[type=file]').change(function() {
//alert($(this).parent('div').parent('div').attr('class'));
var tmp = $(this).parent('div').parent('div').attr('class').replace(' active','');
var kategoria = $(this).parent('div').parent('div').find('select').val();
if(kategoria == 0){
alert('wybierz na początku kategorię');
}
else{
var fp = $(this);
var lg = fp[0].files.length; // get length
if (lg > 0) {
for (var i = 0; i < lg; i++) {
var file_data = $(this).prop('files')[i];
var form_data = new FormData();
form_data.append('file', file_data);
form_data.append('post', kategoria);
$.ajax({
url: 'uploadelementy.php', // point to server-side PHP script
dataType: 'text', // what to expect back from the PHP script, if anything
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'post',
success: function(php_script_response){
//alert(php_script_response);
$('.'+tmp+' #sortable-list').append('<li class="zoom dirnaklejki _kat'+kategoria+'"><img src="'+php_script_response+'" class="imgside"></li>');
}
});
}
}
}
});
$('.podsumowanie .material-icons.cl ').click(function(){
$('div.podsumowanie').hide();
$('div.overwhite').hide();
});
$(".pcien").hide();
$('body').click(function(){
//canvas.deactivateAll().renderAll();
});
$('.openkat').click(function(){
$('.popup').show();
$('.overwhite').show();
$('.overwhite').addClass('popups');
$('.popup').attr('src','/admin/kat.php?kategorie');
});
$(".odc .przycisk").click( function() {
if($("#bottomcol .material-icons").html()=="keyboard_arrow_down"){
$("#bottomcol").animate({
height: '150px'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_up');
}else{
$("#bottomcol").animate({
height: '90%'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_down');
}
});
$('.overwhite').click(function(){
$('.overwhite.popups').hide();
$('.overwhite.popups').removeClass('popups');
$('.popup').hide();
window.location.href = "";
});
$(".wybierzszablon").click( function() {
$("#bottomcol").animate({
height: '90%'
},500);
$("#bottomcol .material-icons").html('keyboard_arrow_down');
});
});
</script>
</head>
<body style="background:#f1f1f1">
<a class="menutope"><i class="material-icons">menu</i><span>zobacz inne produkty</span></a>
<div class="menutope"><a href="https://etykietyweselne.pl" class="magnesy"></a></div>
<div id="menu" class="boxshadow">
<a <?php if($_SERVER['HTTP_HOST']!='www.allegroserca.fotomagnesy.pl'){?>href="https://www.fotomagnesy.pl" <?php }?> style="padding:0px;margin:0px;position:absolute;top:2px;left:85px;"><img src="/img/fotomagnesy_new_logo.png" style="height:48px"></a>
<ul>
<li class=""><a href="/"><i class="material-icons">keyboard_backspace</i> Wybierz inny wzór</a></li>
<li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">photo_filter</i> Edycja zdjęcia</a></li>
<li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">crop</i> Kadrowanie zdjęcia</a></li>
<li class=""><a onclick="dodaj('tutaj wpisz swój tekst',200,250,'Great Vibes',40,'#000000','center');"><i class="material-icons">playlist_add</i> Dodaj tekst</a></li>
<li class="wgrajzdjecie"><a><i class="material-icons">file_upload</i> Wgraj zdjęcia<input id="fileupload3" type="file" name="files[]" multiple></a></li>
<li class=" usunelement"><a><i class="material-icons">clear</i> Usuń element</a></li>
<!--li class=" ddd"><a class="add_cart loading2"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a></li-->
</ul>
<a class="add_cart button /*loading2*/" style="right:0px;"><i class="material-icons">add_shopping_cart</i> Zapisz zkadrowane tło</a>
<a href="/kreacja?plik" style="
color: #aaa;
position: fixed;
right: 100px;
top: 0px;
padding: 16px 10px;
background: #eee;
font-size: 12px;right:180px;"><i class="material-icons">cached</i> Zapisywanie wzorów</a>
</div>
<div class="podpanel boxshadow" style="display:none">
<div class="zdjecie min"><input type="range" id="scale-control" value="1" min="0.5" max="10" step="0.1"><span>Skalowanie zdjęcia</span></div>
<div class="text">
<div class="min bold"><i class="material-icons">format_bold</i><span>Pogrubienie</span></div>
<div class="min italic"><i class="material-icons">format_italic</i><span>Kursywa</span></div>
<div class="min underline"><i class="material-icons">format_underlined</i><span>Podkreślenie</span></div>
<div class="min aleft"><i class="material-icons">format_align_left</i><span>Wyrównanie do lewej</span></div>
<div class="min acenter"><i class="material-icons">format_align_center</i><span>Wyśrodkowanie</span></div>
<div class="min aright"><i class="material-icons">format_align_right</i><span>Wyrównanie do prawej</span></div>
<div class="min ajustify"><i class="material-icons">format_align_justify</i><span>Wyjustowanie</span></div>
<div class="min"><i class="material-icons">format_line_spacing</i><div class="odstepy"><img src="/img/dym.png" class="dym">WysokośÄ‡ wiersza<br /><input type="range" value="10" onchange="zmienLineHeight(this.value);" class="plineheight" min="1" max="1500" step="1"></div></div>
<div class="minn fontfamily"><span style="display:block;position:relative;box-shadow:none;background:none;padding:8px 10px;">wybierz czcionkę</span>
<div class="rodzajczcionki">
<p onclick="fontfamilyit('Arial')" class="arial">Arial</p>
<p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>
<p onclick="fontfamilyit('Arima Madurai')" class="arima">Arima Madurai</p>
<p onclick="fontfamilyit('Titan One')" class="titan">Titan One</p>
<p onclick="fontfamilyit('Skranji')" class="skranji">Skranji</p>
<p onclick="fontfamilyit('Merriweather')" class="merriweather">Merriweather</p>
<p onclick="fontfamilyit('Ubuntu')" class="ubuntu">Ubuntu</p>
<p onclick="fontfamilyit('Lora')" class="lora">Lora</p>
<p onclick="fontfamilyit('Roboto Mono')" class="robotomono">Roboto Mono</p>
<p onclick="fontfamilyit('Dosis')" class="dosis">Dosis</p>
<p onclick="fontfamilyit('Molle')" class="molle">Molle</p>
<p onclick="fontfamilyit('Gloria Hallelujah')" class="gloriahallelujah">Gloria Hallelujah</p>
<p onclick="fontfamilyit('Cormorant Unicase')" class="cormorant">Cormorant Unicase</p>
<p onclick="fontfamilyit('Berkshire Swash')" class="berkshire">Berkshire Swash</p>
<p onclick="fontfamilyit('Courgette')" class="courgette">Courgette</p>
<p onclick="fontfamilyit('Eagle Lake')" class="eaglelake">Eagle Lake</p>
<p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>
<p onclick="fontfamilyit('Gudea')" class="gudea">Gudea</p>
<p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>
<p onclick="fontfamilyit('Modak')" class="modak">Modak</p>
<p onclick="fontfamilyit('Open Sans Condensed')" class="opensanscondensed">Open Sans Condensed</p>
<p onclick="fontfamilyit('Rochester')" class="rochester">Rochester</p>
<p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>
<p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</p>
</div>
</div>
<div class="minn"><div class="pcien"><img src="/img/dym.png" class="dym">
<span style="font-size:13px;font-weight:bold;padding:10px;">Cień (przesuniecie)</span>
<input type="range" value="2" onchange="zmiencien(this.value);" class="rangetop" min="1" max="10" step="1"><br>
<span style="font-size:13px;font-weight:bold;padding:10px;">Cień (rozmycie)</span>
<input type="range" value="10" onchange="zmiencienblur(this.value);" class="rangeblur" min="2" max="20" step="1">
</div></div>
<div class="min shadowd"><i class="fab fa-goodreads" style="font-size:16px;"></i><span>Cień</span></div><div class="min shadowl"><i class="fab fa-goodreads-g" style="font-size:16px;"></i><span>Poświata</span></div>
<div class="min "><input id="color" class="jscolor" style="text-indent:-1000px" value="000000"><span>Kolor czcionki</span></div>
</div>
<div class="min totop"><i class="material-icons">layers</i><i class="fas fa-level-up-alt" style="position:relative;top:-3px;left:-9px;font-size:15px"></i><span>Przesuń o warstwę wyżej</span></div>
<div class="min toback"><i class="material-icons">layers</i><i class="fas fa-level-down-alt" style="position:relative;top:3px;left:-9px;font-size:15px"></i><span>Przesuń o warstwę niżej</span></div>
<div class="min remove"><i class="material-icons" style="color:red">delete_forever</i><span>Usuń</span></div></div>
<img src="" id="target" style="display:none">
<input type="hidden" value="" class="ksztalt">
<div class="wyborksztaltu" style="/*background:none;box-shadow:none;width:100px;top:60px;right:0px;margin:0px;left:auto*/">
<span class="wybor kwadrat" rel="kwadrat"></span>
<span class="wybor kolo" rel="kolo"></span>
<span class="wybor serce" rel="serce"></span>
<span class="wybor roczek" rel="roczek"></span>
<span class="wybor pion" rel="pion"></span>
<span class="wybor poziom" rel="poziom"></span>
<span class="wybor zpion" rel="zpion"></span>
<span class="wybor zkwadrat" rel="zkwadrat"></span>
<span class="wybor zkolo" rel="zkolo"></span>
<span class="wybor zserce" rel="zserce"></span>
<span class="wybor etykietaserce" rel="etykietaserce"></span>
<span class="wybor kalendarz" rel="kalendarz"></span>
<span class="wybor stopka" rel="stopka"></span>
<span class="wybor bombka" rel="bombka"></span>
<span class="wybor polaroid" rel="polaroid"></span>
<span class="wybor butelka" rel="butelka"></span>
<span class="wybor mis" rel="mis"></span>
<span class="wybor imiennik" rel="imiennik"></span>
<span class="wybor spioszki" rel="spioszki"></span>
</div>
<div class="uploadzdjecie"><h2>Wgraj tło i wykadruj je</h2><input id="fileupload3" type="file" name="files[]" multiple></div>
<div class="wrapper" /*style="width:50%;height:500px;background:url(https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAMZAAAAJDU4N2Q0YzcwLTU4YjgtNDAxZi1iMmRkLWVhMDJkZmVjNThhOA.png) no-repeat center bottom #fff;background-size:300px"*/>
<canvas id="myCanvas"></canvas>
</div>
<div id="leftcol" class="boxshadow">
<div id="tabs" class="/*w50*/">
<ul>
<li><a href="#">Naklejki</a></li>
<li><a href="#">Ozdobniki</a></li>
<li class="active"><a href="#">Ramki</a></li>
</ul>
<div id="content1">
<div class="tabs-1">
<span class="openkat" style="cursor:pointer;font-size:13px;display:inline-block;font-weight:bold;font-family:Calibri;text-align:right;position:relative;top:11px;margin-bottom:25px;left:7px">Kategoria:</span><select style="width:80%;position:absolute;top:49px;right:0px;" class="motywykat">
<option value="0">Wybierz motyw...</option>
<?php
$sql = "SELECT * FROM `kategorie` WHERE rodzaj='1' ORDER BY sort ASC";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)){
echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
}
?>
</select>
<input type="checkbox" value="1" checked="checked" style="display:none" name="autoSubmit" id="autoSubmit">
<div class="scrollbar" id="style-1" onscroll="loadingimg(1)"> <div class="wgrane">
<ul id="sortable-list">
<?php
$panel ->Elementy(1);
?>
<input type="hidden" name="sort_order" id="sort_order" value="<?php echo implode(',',$order); ?>" />
</ul>
</div></div>
<div style="z-index: 1000;margin:0px -10px;padding:10px 10px;overflow:hidden;background:url(https://d30y9cdsu7xlg0.cloudfront.net/png/49665-200.png) center no-repeat #ededed;background-size:50px;position:absolute;bottom:0px;left:0px;height:50px;width:100%;"><input id="fileupload" type="file" name="files[]" multiple></div>
</div>
<div class="tabs-2">
<span class="openkat" style="font-size:13px;display:inline-block;font-weight:bold;font-family:Calibri;text-align:right;position:relative;top:11px;margin-bottom:25px;left:7px">Kategoria:</span><select style="width:80%;position:absolute;top:49px;right:0px;" class="ozdobnikikat">
<option value="0">Wybierz motyw...</option>
<?php
$sql = "SELECT * FROM `kategorie` WHERE rodzaj='2' ORDER BY 'sort' ASC";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)){
echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
}
?>
</select>
<div class="scrollbar" id="style-1" onscroll="loadingimg(2)">
<div class="wgrane">
<ul id="sortable-list2">
<?php
$panel ->Elementy(2);
?>
<input type="hidden" name="sort_order" id="sort_order2" value="<?php echo implode(',',$order); ?>" />
</ul>
</div>
</div>
<div style="z-index: 1000;margin:0px -10px;padding:10px 10px;overflow:hidden;background:url(https://d30y9cdsu7xlg0.cloudfront.net/png/49665-200.png) center no-repeat #ededed;background-size:50px;position:absolute;bottom:0px;left:0px;height:50px;width:100%;"><input id="fileupload" type="file" name="files[]" multiple></div>
</div>
<div class="tabs-3 active" style="display:block;background:#F1F1F1;padding:5px;margin:0 -10px" onscroll="loadingimg(3)">
<span class="openkat" style="font-size:13px;display:inline-block;font-weight:bold;font-family:Calibri;text-align:right;position:relative;top:11px;margin-bottom:25px;left:7px">Kategoria:</span><select style="width:80%;position:absolute;top:49px;right:0px;" class="tlakat">
<option value="0">Wybierz motyw...</option>
<?php
$sql = "SELECT * FROM `kategorie` WHERE rodzaj='3' ORDER BY 'sort' ASC";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)){
echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
}
?>
</select>
<div class="scrollbar" id="style-1" onscroll="loadingimg(3)">
<div class="wgrane">
<ul id="sortable-list3">
<?php $panel ->Elementy(3);?>
<input type="hidden" name="sort_order" id="sort_order3" value="<?php echo implode(',',$order); ?>" />
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<iframe class="popup" src=""></iframe>
<div class="overwhite" style="display:none"></div>
</body>
</html>