| Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/img/test.php |
<?php
session_start();
//print_r($_POST);
$stp = Date("Ymdhis");
$imageName = str_replace('http://finansenl.com.pl/magnesy2/server/php/files/', $stp, $_POST['file']);
$imageName = str_replace('http://www.finansenl.com.pl/magnesy2/server/php/files/', $stp, $imageName);
$_POST['file'] = str_replace(' ', '%20', $_POST['file']);
$sz = getimagesize($_POST['file']);
$sz_w_org = $sz[0];
$sz_h_org = $sz[1];
$kkk = 700;
$kk = $sz_w_org / $kkk;
$sz_w = $sz_w_org / $kk;
$sz_h = $sz_h_org / $kk;
$k_sz = $sz_h / $sz_w;
$wymiar = explode('x', $_POST['wymiar']);
$proporcje = 443 / 350;
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$k = $_POST['h'] / $_POST['w'];
$targ_w = $sz_w_org;
$targ_h = $k * $targ_w;
$jpeg_quality = 100;
$src = $_POST['file'];
/* tworzymy obrazek ze zdjęcia i zmieniamy kolorysytkę */
$im2 = new Imagick($src);
$im2->scaleimage($_POST['w'], $_POST['h']);
if ($_POST['kolory'] == 1)
$im2->sepiaToneImage(85);
elseif ($_POST['kolory'] == 2)
$im2->setImageColorspace(2);
/* najwyższa wartstwa ze wzorem na pozycję 0.0 */
$watermark = new Imagick();
$watermark->readImage("img/wzory/" . $_POST['wzor']);
$watermark->scaleImage(700, 514);
/* komponujemy całą miniaturkę tworzymy obrazek, dodajemy obrazek, dodajemy wzór */
$gotowy = new Imagick();
$gotowy->newImage(700, 514, new ImagickPixel('white'));
$gotowy->compositeImage($im2, imagick::COMPOSITE_OVER, $_POST['x1'], $_POST['y1']);
$gotowy->compositeImage($watermark, imagick::COMPOSITE_OVER, 0, 0);
$gotowy->writeimage('gotowe/thumb/' . $imageName);
$im = new Imagick($src);
$im->setimageresolution(300, 300);
$im->scaleimage($proporcje * $_POST['w'], $proporcje * $_POST['h']);
$width = $im->getImageWidth();
$height = $im->getImageHeight();
/**/
$canvas = new Imagick();
$canvas->setresolution(300, 300);
$canvas->newImage(886, 650, new ImagickPixel("white"));
$canvas->compositeImage($im, imagick::COMPOSITE_OVER, $proporcje * $_POST['x1'], $proporcje * $_POST['y1']);
if ($_POST['kolory'] == 1)
$canvas->sepiaToneImage(85);
elseif ($_POST['kolory'] == 2)
$canvas->setImageColorspace(2);
/* tworzymy obrazek ze wzorem */
$watermark = new Imagick();
$watermark->readImage("img/wzory/" . $_POST['wzor']);
$watermark->scaleImage(886, 650);
$watermark->setimageresolution(300, 300);
$canvas->writeimage('tmp/' . $imageName);
$image = new Imagick('tmp/' . $imageName);
$image->setimageresolution(300, 300);
$image->compositeImage($watermark, imagick::COMPOSITE_OVER, 0, 0);
switch ($_POST['wymiar']) {
case '55x75':
$width = round((55 * 300) / 25.4);
$height = round((75 * 300) / 25.4);
break;
case '75x55':
$width = round((75 * 300) / 25.4);
$height = round((55 * 300) / 25.4);
break;
}
$image->scaleimage($width, $height);
$image->writeimage('gotowe/' . $imageName);
if (isset($_POST['koszyk'])) {
header('location: test3.php?file=gotowe/thumb/' . $imageName);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>FotoMagnes - generator</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="demo_files/main.css" type="text/css" />
<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/freetrans.css" type="text/css" />
<script type="text/javascript" src="js/Matrix.js"></script>
<script type="text/javascript" src="js/freetrans.js"></script>
<script type="text/javascript">
function get_pos(){
var p = $( ".imiona" );
alert ("left: " + p.css('margin-left') + ", top: " + p.css('margin-top') );
}
function get_pos2(what){
var p = $( "#"+what+"_" );
$("#"+what+"_ .dtop").val(p.css('top'));
$("#"+what+"_ .dleft").val(p.css('left'));
return ""+p.css('top')+"";
}
function przesun(wartosc)
{
}
</script>
<link rel="stylesheet" href="code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="resources/demos/style.html">
<script>
//zmiana('dedykacja1')
//zmiana('dedykacja2');
//zmiana('dedykacja3');
function draggable(){
$('#dedykacja1_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
$('#dedykacja2_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
$('#dedykacja3_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
}
$(function() {
function nl2br (str, is_xhtml) {
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br ' + '/>' : '<br>'; // Adjust comment to avoid issue on phpjs.org display
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}
$("#edytor").keyup(function() {
$('#'+where).html(nl2br($("#edytor").val()));
$('#'+where+'h').val($("#edytor").val());
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
var o=$('#'+textDivID).freetrans('getOptions');
$('#'+textDivID).freetrans('destroy');
$('#'+textDivID).freetrans({
x: o.x,
y: o.y,
angle: o.angle
})
});
dodajpolededykacji();
draggable();
$( "textarea" ).click(function() {
remove_all();
});
});
function Round(n, k)
{
var factor = Math.pow(10, k);
return Math.round(n*factor)/factor;
}
function resize12(co)
{
var preferredFontSize = 1700; // %
var preferredSize = 800 * 700;
var currentSize = $("#"+co+"").width() * $("#"+co+"").height();
var scalePercentage = Math.sqrt(currentSize) / Math.sqrt(preferredSize);
var newFontSize = preferredFontSize * scalePercentage;
var newsize =scalePercentage*300;
if(newsize <=100){
$("#"+co+"").css("line-height", Round(newsize,0) + 'px');
$("#"+co+"_ #lineheight").val(Round(newsize,0) + 'px');
$("#"+co+"_ #dsize").val(Round(newsize,0));
$(".dedykacjafontsize").val(Round(newsize,0));
$("#"+co+"").css("font-size", newsize + 'px');}
}
function resize1234(co)
{
var preferredFontSize = 800; // %
var preferredSize = 1024 * 768;
var currentSize = $("#"+co+"").width() * $("#"+co+"").height();
var scalePercentage = Math.sqrt(currentSize) / Math.sqrt(preferredSize);
var newFontSize = preferredFontSize * scalePercentage;
$("#"+co+"").css("font-size", newFontSize + '%');
}
$(document).ready(function(){
$('.editor_font-family').change(function(){
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
$('#'+textDivID).css('font-family',$(this).val());
});
$('.textAlign').click(function(){
var alignText=$(this).attr('data_align');
$('.active2').css('text-align',alignText);
});
$('.letterBold').click(function(){
$('.active2').css('font-weight','bolder');
})
$('.fontUpper').click(function(){
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
$('.font-size-value').val(parseInt($('.font-size-value').val())+parseInt(1));
$('#'+textDivID).css('font-size',parseInt($('.font-size-value').val())+'px');
var lineHeight=parseInt($('.font-size-value').val())-parseInt(5);
$('#'+textDivID).css({'font-size':parseInt($('.font-size-value').val())+'px','line-height':lineHeight+'px'});
});
$('.fontlower').click(function(){
if(parseInt($('.font-size-value').val())>1)
{
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
$('.font-size-value').val(parseInt($('.font-size-value').val())-parseInt(1));
$('#'+textDivID).css('font-size',parseInt($('.font-size-value').val())+'px');
var lineHeight=parseInt($('.font-size-value').val())-parseInt(5);
$('#'+textDivID).css({'font-size':parseInt($('.font-size-value').val())+'px','line-height':lineHeight+'px'});
}
});
$('.font-size-value').keyup(function(){
if(parseInt($('.font-size-value').val())>0)
{
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
$('#'+textDivID).css('font-size',parseInt($('.font-size-value').val())+'px');
var lineHeight=parseInt($('.font-size-value').val())-parseInt(5);
$('#'+textDivID).css({'font-size':parseInt($('.font-size-value').val())+'px','line-height':lineHeight+'px'});
}
})
$(document).on('click','.trashClassDiv',function(){
$('.trashIndexVAlue').val($(this).parent().attr('id'));
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
$(this).css('border','dashed');
$('#'+textDivID).freetrans({
x:50,
y:10,
angle: $(this).attr('rotateposition')
});
});
$('.textTrash').click(function(){
var fIndex=$('.trashIndexVAlue').val();
$('#'+fIndex).remove();
});
$('.textTurnRight').click(function(){
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
var rotateAngle=parseInt($('#'+textDivID).attr('rotatePosition'))+parseInt(15);
$('#'+textDivID).attr('rotatePosition',rotateAngle);
$('#'+fIndex+' .textAngle').val(rotateAngle);
$('#'+textDivID).css({ WebkitTransform: 'rotate('+rotateAngle+'deg)'});
$('#'+textDivID).css({ '-moz-transform': 'rotate('+rotateAngle+'deg)'});
$('#'+fIndex).find('.ft-controls').css({ WebkitTransform: 'rotate('+rotateAngle+'deg)'});
$('#'+fIndex).find('.ft-controls').css({ '-moz-transform': 'rotate('+rotateAngle+'deg)'});
});
$('.textTurnLeft').click(function(){
var fIndex=$('.trashIndexVAlue').val();
var textDivID=fIndex.slice(0, -1);
var rotateAngle=parseInt($('#'+textDivID).attr('rotatePosition'))-parseInt(15);
$('#'+fIndex+' .textAngle').val(rotateAngle);
$('#'+textDivID).attr('rotatePosition',rotateAngle);
$('#'+textDivID).css({ WebkitTransform: 'rotate('+rotateAngle+'deg)'});
$('#'+textDivID).css({ '-moz-transform': 'rotate('+rotateAngle+'deg)'});
});
$('#customize_form').submit(function(){
$('.trashClassDiv').css('border','none');
});
});
</script>
<script type="text/javascript">
var where = 'header';
function lineheight(co)
{
var ks = $('#'+co+'').val().split("\n");
if (ks[1] == undefined)
{
$( "#lineheight" ).hide();
}
else
{
$( "#lineheight" ).show();
}
}
function zmiana(co)
{
remove_all();
where = co;
set_focus();
$(".hiddendiv").html($('#'+co).html());
$("#edytor").val($('#'+co).html());
//alert('edytor=' + $("#edytor").html() + '-> '+co+'= ' + $('#'+co).html());
$(".hiddendiv").css("font-size",$('#'+co).css("font-size")).css("font-family",$('#'+co).css("font-family")).css("line-height",$('#'+co).css("line-height"));
przesun(get_pos2(co));
$( "#tools" ).show();
lineheight(co);
}
function font_size5(value)
{
$('#'+where+'').css('font-size', ''+value+'px');
$('.hiddendiv').css('font-size', ''+value+'px');
$('#'+where+'_ .dsize').val(value);
var wys = sprawdzwysokosc(where);
$('#'+where+'').css('height', wys);
$('#'+where+'').parent().css('height', wys);
draggable();
}
function font_lineheight5(value)
{
$('#'+where+'').css('line-height', ''+(value)+'px');
$('.hiddendiv').css('line-height', ''+(value)+'px');
$('#'+where+'_ .lineheight').val(value);
var wys = sprawdzwysokosc(where);
$('#'+where+'').css('height', wys);
$('#'+where+'').parent().css('height', wys);
draggable();
}
function font_family5(value)
{
$('img.przykladtekstu').attr('src','font/'+value+'.jpg');
$('#'+where+'').css('font-family', value);
$('.hiddendiv').css('font-family', value);
$('#'+where+'_ .dedykacjafontrodzaj').val(value);
draggable();
}
function font_color(value)
{
$('#'+where+'').css('color', '#'+value+'');
$("#"+where+"_ .dcolor").val(value);
}
function line_height5(value)
{
$('#'+where+'').css('line-height', ''+value+'px');
}
function pogrub()
{
var fontWeight = $("#"+where+"").css('font-weight');
if (fontWeight == "bold")
{
$("#"+where+"").css('font-weight', 'normal');
}
else
{
$("#"+where+"").css('font-weight', 'bold');
}
}
function remove_all()
{
$(".poletekstowe").removeClass("active2");
}
function set_focus()
{
$("#"+where+"").addClass("active2");
}
function delete2(name)
{
$("#"+name+"").remove();
}
function reset()
{
location.reload();
}
function sprawdzwysokosc(co){
var txt = $('#'+co);
//alert(co+'->'+txt);
txt.addClass('txtstuff');
hiddenDiv = $('.hiddendiv');
$('body').append(hiddenDiv);
content = $('#'+co).val();
//alert(content);
content = content.replace(/\n/g, '<br>');
hiddenDiv.html(content + '<br class="lbr">');
draggable();
return hiddenDiv.height();
}
function dodajpolededykacji(){
var teksty = new Array();
teksty[1] = "Ania i Marcin";
teksty[2] = "<?php echo Date('d.m.Y'); ?>";
teksty[3] = "Dziękujemy";
var ktore;
ktore = $(".ktore").val();
ktore++;
where = 'dedykacja'+ktore;
if(ktore==3){$(".dodajnowepole").hide();}
if(ktore<4){
$("#dedykacja"+ktore+"_").append('<input name="font_family[]" type="hidden" id="font_family" class="dedykacjafontrodzaj" value="corbel"><input name="dtop[]" type="hidden" id="dtop" class="dtop" value="10"><input name="textAngle[]" type="hidden" id="textAngle" class="textAngle" value="0"><input name="lineheight[]" type="hidden" id="lineheight" class="lineheight" value="30"><input name="dleft[]" type="hidden" id="dleft" class="dleft" value="10"><input name="dsize[]" type="hidden" id="dsize" class="dsize" value="40"><input name="dcolor[]" type="hidden" id="dcolor" class="dcolor" value="333333"></div><div class="poletekstowe" id="dedykacja'+ktore+'" style="font-family:corbel;white-space: nowrap;" >'+teksty[ktore]+'</div><textarea name="dedykacja[]" id="dedykacja'+ktore+'h" style="display:none">'+teksty[ktore]+'</textarea>');
//onclick="zmiana(\'dedykacja'+ktore+'\');"
//<div class="ikony"><span class="delete" onclick="javascript:delete2(\'dedykacja'+ktore+'_\');"><img src="cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/delete.png" width="20" height="20" /></span><span class="ks1" id="ks"><img src="cdn2.iconfinder.com/data/icons/3_Minicons-Free-_Pack/46/move.png" width="20" height="20" /></span><div class="poletekstowe"
$("#dedykacja"+ktore+"_").addClass('customResizable');
//$("#dedykacja"+ktore+"_").resizable();
$(".ktore").val(ktore);
zmiana(where);
}
$(function () {
$('.hiddendiv').remove();
var txt = $('.poletekstowe'),
hiddenDiv = $(document.createElement('div')),
content = null;
txt.addClass('txtstuff');
txt.addClass('trashClassDiv');
txt.attr('rotatePosition',0);
hiddenDiv.addClass('hiddendiv common');
$('body').append(hiddenDiv);
txt.on('keyup', function () {
content = $(this).val();
content = content.replace(/\n/g, '<br>');
hiddenDiv.html(content + '<br class="lbr">');
$(this).css('height', hiddenDiv.height());
$(this).parent().css('height', hiddenDiv.height());
draggable();
});
//zmiana('dedykacja1');
//zmiana('dedykacja2');
//zmiana('dedykacja3');
function draggable(){
$('#dedykacja1_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
$('#dedykacja2_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
$('#dedykacja3_').css('webkit-user-select','none').draggable({cursor: "move", containment: '#bg', drag: function( event, ui ) { }});
}
});
}
</script>
</head>
<body>
<?php include('koszyk-info.php'); ?>
<div class="container" style="width:1000px;text-align:center">
<div class="navi"><div class="step">1. Wybierz wzór</div><div class="step">2. Wgraj zdjęcie</div><div class="step">3. Wykadruj</div><div class="step active">4. Dodaj tekst</div><div class="step">5. Twój koszyk</div><div class="step">6. Zamów </div></div>
<?php
echo '
<form method="POST" action="test3.php?file=gotowe/thumb/' . $imageName . '"><input type="hidden" value="0" name="ktore" class="ktore">
<div class="maincol"><div class="bg" id="bg" style="background:url(\'gotowe/thumb/' . $imageName . '\')no-repeat;width:700px;height:514px;position:relative;"><div id="spady">
<div class="tools5" id="tools" onclick="set_focus();">
Rozmiar czcionki:<br><input type="range" name="font_size1" style="width:230px" value="40" onchange="font_size5(this.value);" class="dedykacjafontsize" min="40" max="100" step="1" id="font_size1">
Akapit:<br><input type="range" name="font_size1" style="width:230px" value="40" onchange="font_lineheight5(this.value);" class="dedykacjafontlineheight5" min="40" max="100" step="1" id="font_lineheight1">
<!--select name="font_size1" id="font_size1" onchange="font_size5(this.value);" class="dedykacjafontsize" style="width:80px">
<option value="25">25 px</option><opxion value="26">26 px</option><option value="27">27 px</option><option value="28">28 px</option><option value="29">29 px</option><option value="30" selected="selected">30 px</option><option value="31">31 px</option><option value="32">32 px</option><option value="33">33 px</option><option value="34">34 px</option><option value="35">35 px</option><option value="36">36 px</option><option value="37">37 px</option><option value="38">38 px</option><option value="39">39 px</option><option value="40">40 px</option><option value="41">41 px</option><option value="42">42 px</option><option value="43">43 px</option><option value="44">44 px</option><option value="45">45 px</option><option value="46">46 px</option><option value="47">47 px</option><option value="48">48 px</option><option value="49">49 px</option><option value="50">50 px</option><option value="51">51 px</option><option value="52">52 px</option><option value="53">53 px</option><option value="54">54 px</option><option value="55">55 px</option><option value="56">56 px</option><option value="57">57 px</option><option value="58">58 px</option><option value="59">59 px</option><option value="60">60 px</option><option value="61">61 px</option><option value="62">62 px</option><option value="63">63 px</option><option value="64">64 px</option><option value="65">65 px</option><option value="66">66 px</option><option value="67">67 px</option><option value="68">68 px</option><option value="69">69 px</option><option value="70">70 px</option><option value="71">71 px</option><option value="72">72 px</option><option value="73">73 px</option><option value="74">74 px</option><option value="75">75 px</option><option value="76">76 px</option><option value="77">77 px</option><option value="78">78 px</option><option value="79">79 px</option><option value="80">80 px</option><option value="81">81 px</option><option value="82">82 px</option><option value="83">83 px</option><option value="84">84 px</option><option value="85">85 px</option><option value="86">86 px</option><option value="87">87 px</option><option value="88">88 px</option><option value="89">89 px</option><option value="90">90 px</option><option value="91">91 px</option><option value="92">92 px</option><option value="93">93 px</option><option value="94">94 px</option><option value="95">95 px</option><option value="96">96 px</option><option value="97">97 px</option><option value="98">98 px</option><option value="99">99 px</option><option value="100">100 px</option> </select> <a href="javascript:pogrub();"><img src="cmsresources.windowsphone.com/windowsphone/pl-PL/How-to/wp7/inline/office-icon-bold.png" alt="" style="vertical-align:middle"/></a-->
<div class="rodzajczcionki">Rodzaj tekstu: <img src="https://cdn4.iconfinder.com/data/icons/linecon/512/download-16.png" style="vertical-align:middle;position:relative;top:-3px;height:16px;width:16px"> <img src="font/corbel.jpg" class="przykladtekstu" style="height:22px;width:auto"><div><p><img src="font/corbel.jpg" onclick="font_family5(\'corbel\');"></p><p><img src="font/embassy-bt.jpg" onclick="font_family5(\'embassy-bt\');"></p><p><img src="font/gabriola.jpg" onclick="font_family5(\'gabriola\');"></p><p><img src="font/gisha.jpg" onclick="font_family5(\'gisha\');"></p><p><img src="font/greatvibes.jpg" onclick="font_family5(\'greatvibes\');"></p></div></div>
<div style="margin-bottom:10px">Kolor tekstu:<div><div class="colordiv" onclick="font_color(\'0000FF\');" style="background:#0000FF"></div> <div class="colordiv" onclick="font_color(\'ffffff\');" style="background:#ffffff"></div> <div class="colordiv" onclick="font_color(\'000000\');" style="background:#000000"></div> <div class="colordiv" onclick="font_color(\'228B22\');" style="background:#228B22"></div> <div class="colordiv" onclick="font_color(\'FF4500\');" style="background:#FF4500"></div> <div class="colordiv" onclick="font_color(\'FFCC00\');" style="background:#FFCC00"></div> <div class="colordiv" onclick="font_color(\'00CC00\');" style="background:#00CC00"></div> <div class="colordiv" onclick="font_color(\'ED2726\');" style="background:#ED2726"></div> <div class="colordiv" onclick="font_color(\'F3695F\');" style="background:#F3695F"></div> <div class="colordiv" onclick="font_color(\'EC809A\');" style="background:#EC809A"></div> <div class="colordiv" onclick="font_color(\'CF4A69\');" style="background:#CF4A69"></div> <div class="colordiv" onclick="font_color(\'884982\');" style="background:#884982"></div> <div class="colordiv" onclick="font_color(\'28323E\');" style="background:#28323E"></div> <div class="colordiv" onclick="font_color(\'AC1E1C\');" style="background:#AC1E1C"></div> <div class="colordiv" onclick="font_color(\'CB7371\');" style="background:#CB7371"></div> <div class="colordiv" onclick="font_color(\'D2117C\');" style="background:#D2117C"></div> <div class="colordiv" onclick="font_color(\'C5242A\');" style="background:#C5242A"></div> <div class="colordiv" onclick="font_color(\'D19734\');" style="background:#D19734"></div> <div class="colordiv" onclick="font_color(\'EE4378\');" style="background:#EE4378"></div> <div class="colordiv" onclick="font_color(\'4A3B3E\');" style="background:#4A3B3E"></div> <div class="colordiv" onclick="font_color(\'AF2256\');" style="background:#AF2256"></div></div></div>
</div>
<div id="poladedykacje">
<div id="dedykacja1_"></div>
<div id="dedykacja2_"></div>
<div id="dedykacja3_"></div>
</div>
</div>
</div></div><div class="rightcol" style="min-height:660px;">
<div class="other_tools_editor">
<div class="other_tools1">
<div style="float:left; width:30%; font-size:10px;">Font Family : </div>
<div style="float:left; width:69%;">
<select class="editor_font-family" style="width: 160px;">
<option value="Andy">Andy</a></option>
<option><a style="font-family: Blacktulip" class="font_1" href="#">Blacktulip</a></option>
<option><a style="font-family: Burin" class="font_2" href="#">Burin</a></option>
<option><a style="font-family: Casual" class="font_3" href="#">Casual</a></option>
<option><a style="font-family: Challenge" class="font_4" href="#">Challenge</a></option>
<option><a style="font-family: Chiller" class="font_5" href="#">Chiller</a></option>
<option><a style="font-family: Cooper" class="font_6" href="#">Cooper</a></option>
<option><a style="font-family: College" class="font_7" href="#">College</a></option>
<option><a style="font-family: Cutie" class="font_8" href="#">Cutie</a></option>
<option><a style="font-family: Disco" class="font_9" href="#">Disco</a></option>
<option><a style="font-family: Garamond" class="font_10" href="#">Garamond</a></option>
<option><a style="font-family: Gothic" class="font_11" href="#">Gothic</a></option>
<option><a style="font-family: Groovy" class="font_12" href="#">Groovy</a></option>
<option><a style="font-family: Helvetica" class="font_13" href="#">Helvetica</a></option>
<option><a style="font-family: Kumquat" class="font_14" href="#">Kumquat</a></option>
<option><a style="font-family: MonaLisaSolid" class="font_15" href="#">MonaLisaSolid</a></option>
<option><a style="font-family: OldEnglish" class="font_16" href="#">OldEnglish</a></option>
<option><a style="font-family: Rubberstamp" class="font_17" href="#">Rubberstamp</a></option>
<option><a style="font-family: ScriptBold" class="font_18" href="#">ScriptBold</a></option>
<option><a style="font-family: Shelley" class="font_19" href="#">Shelley</a></option>
<option><a style="font-family: Synchro" class="font_20" href="#">Synchro</a></option>
<option><a style="font-family: Typewriter" class="font_21" href="#">Typewriter</a></option>
<option><a style="font-family: Wanted" class="font_22" href="#">Wanted</a></option>
<option><a style="font-family: Wendy" class="font_23" href="#">Wendy</a></option></ul>
</select>
</div>
</div>
<div class="other_tools2">
<div style="float:left; width:90px;">
<span class="k-numeric-wrap k-state-default">
<input type="text" class="font-size-value k-formatted-value k-input" tabindex="0" style="margin-top:5px;width:60%; float:left; height: 26px; display: inline;" title="" aria-disabled="false" aria-readonly="false" value="40">
<span style="float:left; width:25%;line-height:15px; margin-top:5px;"">
<span class="k-link" unselectable="on" style="line-height:15px; background:#FFF;"><img src="img/aerrow-upper.png" class="fontUpper"/><br/><img src="img/aerrow-lower.png" class="fontlower"/></span>
</span>
</div>
</div>
<div style="width:90px; float:left; height:45px; padding-top:10px;">
<a href="javascript:void(0);" class="textAlign" data_align="left"><img style="height:25px;" src="img/aleft.png" alt="" /></a>
<a href="javascript:void(0);" class="textAlign" data_align="center"><img style="height:25px;" src="img/acenter.png" alt="" /></a>
<a href="javascript:void(0);" class="textAlign" data_align="right"><img style="height:25px;" src="img/aright.png" alt="" /></a>
</div>
<div class="other_tools3" style="float:left; width:50px; margin-top: 10px;">
<img class="letterBold" style="cursor:pointer;" src="http://cmsresources.windowsphone.com/windowsphone/pl-PL/How-to/wp7/inline/office-icon-bold.png" />
</div>
<div style="clear:both; width:100%; text-align:center;">
<a href="javascript:void(0);" class="textTrash" data_align="left"><img style="" src="img/Trash.png" alt="" /></a>
<a href="javascript:void(0);" class="textTurnRight" data_align="center"><img style="" src="img/Turn1.png" alt="" /></a>
<a href="javascript:void(0);" class="textTurnLeft" data_align="right"><img style="" src="img/Turn2.png" alt="" /></a>
<input type="hidden" class="trashIndexVAlue" />
</div>
</div>
<textarea name="dedykacja[]" WRAP="HARD" id="edytor" style="border:2px solid red;font-size:12px;font-family:corbel;margin:0px 0px 10px 0px;width:240px;position:relative;left:-8px;height:100px"></textarea>
<div style="height:310px;"><a href="#" onclick="dodajpolededykacji()" class="dodajnowepole btn btn-inverse">Kolejne pole tekstowe +</a></div>
<input type="submit" name="submit" value="Chcę dodać do koszyka" style="position:absolute;bottom:65px;left:15px" class="btn btn-success"/>
<a href="javascript:history.back()" class="btn btn-inverse2" style="position:absolute;bottom:0px;left:15px">« Chcę wykadrować ponownie</a></div>
</form>';
}
?>
</div>
<?php include('gg.php'); ?>
</body>
</html>