PHP Dosya Yöneticisi

<div>

<div class="fpd-tool-color" data-panel="color">
					<span class="fpd-current-fill"></span>
					<span class="fpd-label" data-defaulttext="Edit Text">toolbar.color</span>
				</div>
				<div class="fpd-tool-edit-text" data-panel="edit-text" data-fields="text">
					<span class="fpd-icon-text-input"></span>
					<span class="fpd-label" data-defaulttext="Edit Text">toolbar.edit_text</span>
				</div>
				<div class="fpd-tool-edit-text fpd-mobile" data-panel="edit-text" data-fields="text-sizes">
					<span class="fpd-icon-font-size"></span>
					<span class="fpd-label" data-defaulttext="Font Size">toolbar.font_size</span>
				</div>
				<div class="fpd-tool-font-family" data-panel="font-family">
					<span class="fpd-icon-font"></span>
					<span class="fpd-label" data-defaulttext="Font">toolbar.font</span>
				</div>
				<div class="fpd-tool-text-bold fpd-toggle fpd-mobile" data-control="fontWeight" data-enabled="bold" data-disabled="normal">
						<span class="fpd-icon-format-bold"></span>
						<span class="fpd-label" data-defaulttext="Bold">toolbar.bold</span>
					</div>
					<div class="fpd-tool-text-italic fpd-toggle fpd-mobile" data-control="fontStyle" data-enabled="italic" data-disabled="normal">
						<span class="fpd-icon-format-italic"></span>
						<span class="fpd-label" data-defaulttext="Itaic">toolbar.italic</span>
					</div>
					<div class="fpd-tool-text-underline fpd-toggle fpd-mobile" data-control="textDecoration" data-enabled="underline" data-disabled="normal">
						<span class="fpd-icon-format-underline"></span>
						<span class="fpd-label" data-defaulttext="Underline">toolbar.underline</span>
					</div>
				<div class="fpd-tool-text-align fpd-btn-options fpd-mobile" data-control="textAlign" data-options='{"left":"fpd-icon-format-align-left", "center": "fpd-icon-format-align-center", "right": "fpd-icon-format-align-right", "justify": "fpd-icon-format-align-justify"}'>
					<span class="fpd-icon-format-align-left"></span>
					<span class="fpd-label" data-defaulttext="Text Alignment">toolbar.text_align</span>
				</div>
				<div class="fpd-tool-text-transform fpd-btn-options fpd-mobile" data-control="textTransform" data-options='{"none": "fpd-icon-text-transform", "uppercase": "fpd-icon-uppercase", "lowercase": "fpd-icon-lowercase"}'>
					<span class="fpd-icon-text-transform"></span>
					<span class="fpd-label" data-defaulttext="Text Transform">toolbar.text_transform</span>
				</div>
				<div class="fpd-tool-transform" data-panel="transform" data-fields="transform">
					<span class="fpd-icon-transform"></span>
					<span class="fpd-label" data-defaulttext="Transform">toolbar.transform</span>
				</div>
				<div class="fpd-tool-transform fpd-mobile" data-panel="transform" data-fields="position">
					<span class="fpd-icon-alignment"></span>
					<span class="fpd-label" data-defaulttext="Transform">toolbar.position</span>
				</div>
				<div class="fpd-tool-layer-up fpd-tool-layer-depth fpd-mobile">
					<span class="fpd-icon-move-up"></span>
					<span class="fpd-label" data-defaulttext="Move Up">toolbar.move_up</span>
				</div>
				<div class="fpd-tool-layer-down fpd-tool-layer-depth fpd-mobile">
					<span class="fpd-icon-move-down"></span>
					<span class="fpd-label" data-defaulttext="Move Down">toolbar.move_down</span>
				</div>
				<div class="fpd-tool-curved-text" data-panel="curved-text">
					<span class="fpd-icon-curved-text"></span>
					<span class="fpd-label" data-defaulttext="Curved Text">toolbar.curved_text</span>
				</div>
				<div class="fpd-tool-advanced-editing">
						<span class="fpd-icon-advanced-editing"></span>
						<span class="fpd-label" data-defaulttext="Edit Image">toolbar.advanced_editing</span>
					</div>
				<div class="fpd-tool-reset">
					<span class="fpd-icon-reset"></span>
					<span class="fpd-label" data-defaulttext="Reset">toolbar.reset</span>
				</div>
				<div class="fpd-tool-duplicate">
					<span class="fpd-icon-copy"></span>
					<span class="fpd-label" data-defaulttext="Duplicate">toolbar.duplicate</span>
				</div>
				<div class="fpd-tool-remove">
					<span class="fpd-icon-bin"></span>
					<span class="fpd-label" data-defaulttext="Remove">toolbar.remove</span>
				</div>

</div>
		</div>
		<div class="fpd-sub-panel">

<div class="fpd-panel-tabs">
					<span data-tab="fill" data-defaulttext="Fill" class="fpd-active">toolbar.fill</span>
					<span data-tab="stroke" data-defaulttext="Stroke" class="fpd-tool-text-stroke">toolbar.stroke</span>
					<span data-tab="shadow" data-defaulttext="Shadow" class="fpd-tool-text-shadow">toolbar.shadow</span>
				</div>

<div class="fpd-tool-fill-opacity fpd-slider-group fpd-clearfix">
						    <span class="fpd-label"  data-defaulttext="Transparency">toolbar.transparency</span>
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="1" step="0.01" min="0" max="1" data-control="opacity" />
						    </div>
						    <input class="fpd-slider-number fpd-number" type="number" value="1" step="0.01" min="0" max="1" data-control="opacity" />
					    </div>

</div>

<div class="fpd-stroke-color-picker fpd-color-picker">
							<input type="text" value="#000" />
						</div>
						<div class="fpd-tool-stroke-width fpd-slider-group fpd-clearfix">
							<span class="fpd-label" data-defaulttext="Stroke Width">toolbar.stroke_width</span>
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="0" step="1" min="0" max="20" data-control="strokeWidth" />
						    </div>
						    <input class="fpd-slider-number fpd-number" type="number" value="0" step="1" min="0" max="20" data-control="strokeWidth" />
					    </div>

</div>

<div class="fpd-shadow-color-picker fpd-color-picker">
							<input type="text" value="#000" />
						</div>
						<div class="fpd-tool-shadow-blur fpd-slider-group fpd-clearfix">
							<span class="fpd-label"  data-defaulttext="Blur">toolbar.shadow_blur</span>
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="0" step="1" min="0" max="20" data-control="shadowBlur" />
						    </div>
						    <input class="fpd-slider-number fpd-number" type="number" value="0" step="1" min="0" max="20" data-control="shadowBlur" />
					    </div>
					    <div class="fpd-tool-shadow-offsetX fpd-slider-group fpd-clearfix">
							<span class="fpd-label"  data-defaulttext="Offset X">toolbar.shadow_offset_x</span>
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="0" step="1" min="-100" max="100" data-control="shadowOffsetX" />
						    </div>
						    <input class="fpd-slider-number fpd-number" type="number" value="0" step="1" min="-100" max="100" data-control="shadowOffsetX" />
					    </div>
					    <div class="fpd-tool-shadow-offsetY fpd-slider-group fpd-clearfix">
							<span class="fpd-label"  data-defaulttext="Offset Y">toolbar.shadow_offset_y</span>
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="0" step="1" min="-100" max="100" data-control="shadowOffsetY" />
						    </div>
						    <input class="fpd-slider-number fpd-number" type="number" value="0" step="1" min="-100" max="100" data-control="shadowOffsetY" />
					    </div>

</div>

</div>

<div class="fpd-tool-scaleX fpd-tool-scale fpd-slider-group fpd-clearfix">
					<span class="fpd-label"  data-defaulttext="Scale X">toolbar.scaleX</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="1" step="0.01" min="0" max="5" data-control="scaleX" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="1" step="0.01" min="0" max="5" data-control="scaleX" />
			    </div>

<div class="fpd-tool-scaleY fpd-tool-scale fpd-slider-group fpd-clearfix">
				    <span class="fpd-label"  data-defaulttext="Scale Y">toolbar.scaleY</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="1" step="0.01" min="0" max="5" data-control="scaleY" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="1" step="0.01" min="0" max="5" data-control="scaleY" />
			    </div>

<div class="fpd-tool-angle fpd-slider-group fpd-clearfix">
				    <span class="fpd-label"  data-defaulttext="Rotate">toolbar.rotate</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="1" step="1" min="0" max="359" data-control="angle" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="1" step="1" min="0" max="359" data-control="angle" />
			    </div>

<div class="fpd-tools-group fpd-tool-layer-depth fpd-clearfix">
					<div class="fpd-tool-layer-up">
						<span class="fpd-icon-move-up"></span>
						<span class="fpd-label" data-defaulttext="Move Up">toolbar.move_up</span>
					</div>
					<div class="fpd-tool-layer-down">
						<span class="fpd-icon-move-down"></span>
						<span class="fpd-label" data-defaulttext="Move Down">toolbar.move_down</span>
					</div>
				</div>

</div>
				<div class="fpd-tool-flip fpd-icon-button-group">
					<span class="fpd-flip-h fpd-tooltip" data-defaulttext="Flip Horizontal" title="toolbar.flip_h">
						<span class="fpd-icon-flip-horizontal"></span>
					</span>
					<span class="fpd-flip-v fpd-tooltip" data-defaulttext="Flip Vertical" title="toolbar.flip_v">
						<span class="fpd-icon-flip-vertical"></span>
					</span>
				</div>

</div>

</div>

<div class="fpd-tool-text-size fpd-slider-group fpd-clearfix">
					<span class="fpd-label"  data-defaulttext="Font Size">toolbar.font_size</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="12" step="1" min="1" max="1000" data-control="fontSize" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="12" step="1" min="1" max="1000" data-control="fontSize" />
			    </div>

<div class="fpd-tool-line-height fpd-slider-group fpd-clearfix">
					<span class="fpd-label" data-defaulttext="Line Height">toolbar.line_height</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="1" step="0.1" min="-2" max="3" data-control="lineHeight" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="1" step="0.1" min="-2" max="3" data-control="lineHeight" />
			    </div>

<div class="fpd-tool-letter-spacing fpd-slider-group fpd-clearfix">
					<span class="fpd-label" data-defaulttext="Letter Spacing">toolbar.letter_spacing</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="0" step="1" min="-30" max="30" data-control="letterSpacing" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="0" step="1" min="-30" max="30" data-control="letterSpacing" />
			    </div>

</div>

<span class="fpd-label" data-defaulttext="Switch">toolbar.curved_text_switch</span>
			 	<div class="fpd-curved-text-switcher fpd-switch-container fpd-toggle" data-control="curved" data-enabled="true" data-disabled="false">
					<div class="fpd-switch-bar"></div>
					<div class="fpd-switch-toggle"></div>
				</div>

<div class="fpd-slider-group fpd-clearfix" data-defaulttext="Radius" title="toolbar.radius">
					<span class="fpd-label" data-defaulttext="Radius">toolbar.radius</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="80" step="1" min="0" max="400" data-control="curveRadius" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="80" step="1" min="0" max="400" data-control="curveRadius" />
			    </div>

<div class="fpd-slider-group fpd-clearfix">
					<span class="fpd-label" data-defaulttext="Spacing">toolbar.spacing</span>
				    <div class="fpd-range-wrapper">
					     <input class="fpd-slider-range" type="range" value="10" step="1" min="0" max="100" data-control="curveSpacing" />
				    </div>
				    <input class="fpd-slider-number fpd-number" type="number" value="10" step="1" min="0" max="100" data-control="curveSpacing" />
			    </div>

<span class="fpd-label" data-defaulttext="Reverse">toolbar.curved_text_reverse</span>
			    <div class="fpd-curved-text-reverse fpd-switch-container fpd-toggle" data-control="curveReverse" data-enabled="true" data-disabled="false">
					<div class="fpd-switch-bar"></div>
					<div class="fpd-switch-toggle"></div>
				</div>

</div>

</div>

<div class="fpd-element-toolbar-smart fpd-visibility">

<div class="fpd-tool-text-size fpd-tooltip" data-panel="font-sizes" data-defaulttext="Font Size" title="toolbar.font_size">
				<span class="fpd-current-val"></span>
			</div>

</div>

<div class="fpd-tools-group fpd-tool-text-styles fpd-clearfix">

</div>

<div class="fpd-tool-advanced-editing fpd-tooltip" data-defaulttext="Advanced Editing" title="toolbar.advanced_editing">
					<span class="fpd-icon-advanced-editing"></span>
				</div>

<div class="fpd-tool-transform fpd-tooltip" data-panel="transform" data-defaulttext="Transform" title="toolbar.transform">
					<span class="fpd-icon-transform"></span>
				</div>
				<div class="fpd-tool-position fpd-tooltip" data-panel="position" data-defaulttext="Position" title="toolbar.position">
					<span class="fpd-icon-alignment"></span>
				</div>
				<div class="fpd-tools-group fpd-tool-layer-depth fpd-clearfix">
					<div class="fpd-tool-move-up fpd-tool-move fpd-tooltip" data-defaulttext="Move Up" title="toolbar.move_up">
						<span class="fpd-icon-move-up"></span>
					</div>
					<div class="fpd-tool-move-down fpd-tool-move fpd-tooltip" data-defaulttext="Move Down" title="toolbar.move_down">
						<span class="fpd-icon-move-down"></span>
					</div>
				</div>
				<div class="fpd-tool-reset fpd-tooltip" data-defaulttext="Reset" title="toolbar.reset">
					<span class="fpd-icon-reset"></span>
				</div>

</div>
		</div>

<div class="fpd-sub-panel">

<div class="fpd-close-panel">
				<span class="fpd-icon-back"></span>
				<span data-defaulttext="Back">toolbar.back</span>
			</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="reset-product"  data-defaulttext="Reset" title="actions.reset_product">
			<span class="fpd-icon-reset"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-sub-tooltip fpd-primary-text-color" data-action="zoom"  data-defaulttext="Zoom" title="actions.zoom">
			<span class="fpd-icon-zoom-in"></span>
			<div class="fpd-action-context-zoom fpd-action-context fpd-clearfix">
				<input class="fpd-zoom-slider" type="range" value="1" step="0.02" min="1" max="3" />
				<div class="fpd-stage-pan fpd-toggle">
					<span class="fpd-icon-drag"></span>
				</div>
			</div>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="magnify-glass" data-defaulttext="Magnify Glass" title="actions.magnify_glass">
			<span class="fpd-icon-magnify"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-sub-tooltip fpd-primary-text-color" data-action="download"  data-defaulttext="Download" title="actions.download">
			<span class="fpd-icon-cloud-download"></span>
			<div class="fpd-modal-context fpd-modal-download">
				<span data-value="jpeg">
					<span class="fpd-icon-jpg"></span>
				</span>
				<span data-value="png">
					<span class="fpd-icon-png"></span>
				</span>
				<span data-value="pdf">
					<span class="fpd-icon-pdf"></span>
				</span>
				<span data-value="svg">
					<span class="fpd-icon-svg"></span>
				</span>
				<div class="fpd-checkbox">
					<input type="checkbox" id="fpd-action-download-single-view" />
					<label for="fpd-action-download-single-view" data-defaulttext="Only export current showing view">actions.download_current_view</label>
				</div>
			</div>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="info"  data-defaulttext="Info" title="actions.info">
			<span class="fpd-icon-info-outline"></span>
			<div class="fpd-info-content" data-defaulttext="Change text in language JSON.">actions.info_content</div>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="print"  data-defaulttext="Print" title="actions.print">
			<span class="fpd-icon-print"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="save"  data-defaulttext="Save" title="actions.save">
			<span class="fpd-icon-save"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="load"  data-defaulttext="Load" title="actions.load">
			<span class="fpd-icon-file-upload"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="manage-layers"  data-defaulttext="Manage Layers" title="actions.manage_layers">
			<span class="fpd-icon-layers"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="qr-code"  data-defaulttext="Add QR-Code" title="actions.qr_code">
			<span class="fpd-icon-qrcode"></span>
			<div class="fpd-modal-context fpd-modal-qrcode">
				<input type="text" data-defaulttext="Enter a URL, some text..." placeholder="actions.qr_code_input" />
				<div class="fpd-qrcode-colors">
					<input type="text" value="#000000" class="fpd-qrcode-color-dark" />
					<input type="text" value="#ffffff" class="fpd-qrcode-color-light" />
				</div>
				<span class="fpd-add-qr-code fpd-btn" data-defaulttext="Add QR-Code">actions.qr_code_add_btn</span>
				<div class="fpd-qrcode-wrapper fpd-hidden"></div>
			</div>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-disabled fpd-primary-text-color" data-action="undo"  data-defaulttext="Undo" title="actions.undo">
			<span class="fpd-icon-undo"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-disabled fpd-primary-text-color" data-action="redo"  data-defaulttext="Redo" title="actions.redo">
			<span class="fpd-icon-redo"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="snap"  data-defaulttext="Center Snap" title="actions.snap">
			<span class="fpd-icon-magnet"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="preview-lightbox"  data-defaulttext="Preview" title="actions.preview_lightbox">
			<span class="fpd-icon-preview-lightbox"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="ruler"  data-defaulttext="Toggle Ruler" title="actions.ruler">
			<span class="fpd-icon-ruler"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-disabled fpd-primary-text-color" data-action="previous-view"  data-defaulttext="Previous View" title="actions.previous_view">
			<span class="fpd-icon-back"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-disabled fpd-primary-text-color" data-action="next-view"  data-defaulttext="Next View" title="actions.next_view">
			<span class="fpd-icon-forward"></span>
		</div>
		<div class="fpd-action-btn fpd-tooltip fpd-primary-text-color" data-action="guided-tour"  data-defaulttext="Start Guided Tour" title="actions.start_guided_tour">
			<span class="fpd-icon-guided-tour"></span>
		</div>

</div>

<div class="fpd-module-tabs-content">
			    
		        <div data-context="upload">
			        <form class="fpd-upload-form" enctype="multipart/form-data" method="POST">
				        <div class="fpd-upload-zone">
					        <div>
						         <span class="fpd-icon-file-upload"></span>
								 <span data-defaulttext="Click or drop images here">modules.upload_zone</span>
								 <span class="fpd-price">Hello</span>
					        </div>
				        </div>
				        <input type="file" multiple="multiple" class="fpd-input-image" name="files[]" accept="image/jpeg,image/jpg,image/png,image/svg+xml,application/pdf" />
		            </form>
		            <div class="fpd-scroll-area">
						<div class="fpd-grid fpd-grid-cover fpd-photo-grid"></div>
					</div>
		        </div>
		          
		        <div data-context="facebook">
			        <div class="fpd-head">
				        <div class="fpd-facebook-login">
					        <fb:login-button data-max-rows="1" data-show-faces="false" data-scope="user_photos"></fb:login-button>
				        </div>
						<div class="fpd-facebook-albums fpd-dropdown fpd-search fpd-on-loading">
							<input type="text" class="fpd-dropdown-current" data-defaulttext="Select An Album" placeholder="modules.facebook_select_album" />
							<div class="fpd-dropdown-arrow"><span class="fpd-icon-arrow-dropdown"></span></div>
							<div class="fpd-dropdown-list"></div>
						</div>
					</div>
					<div class="fpd-scroll-area">
						<div class="fpd-grid fpd-grid-cover fpd-photo-grid"></div>
					</div>
		        </div>
		        
		        <div data-context="instagram">
			        <div class="fpd-scroll-area">
						<div class="fpd-grid fpd-grid-cover fpd-photo-grid"></div>
					</div>
		        </div>
		        
		        <div data-context="pixabay">
			        <div class="fpd-loader-wrapper"><div class="fpd-loader"><div class="fpd-loader-circle"></div></div></div>
			        <div class="fpd-head">
				        <a href="https://pixabay.com/" target="_blank" class="fpd-pixabay-logo"></a>
				        <div class="fpd-input-search">
							<input type="text" data-defaulttext="Search in Pixabay library" placeholder="modules.pixabay_search" />
							<span class="fpd-icon-magnify"></span>
						</div>
			        </div>
			        <div class="fpd-scroll-area">
						<div class="fpd-grid fpd-grid-cover fpd-photo-grid"></div>
					</div>
		        </div>
		        
		        <div data-context="depositphotos">
			        <div class="fpd-loader-wrapper"><div class="fpd-loader"><div class="fpd-loader-circle"></div></div></div>
			        <div class="fpd-head">
				        <div class="fpd-input-back-search fpd-clearfix">
					        <div class="fpd-back fpd-btn">
								<span class="fpd-icon-back"></span>
							</div>
					        <div class="fpd-input-search">
								<input type="text" data-defaulttext="Search in depositphotos.com" placeholder="modules.depositphotos_search" />
								<span class="fpd-icon-magnify"></span>
							</div>
				        </div>
			        </div>
			        <div class="fpd-scroll-area">
						<div class="fpd-grid fpd-grid-cover fpd-photo-grid"></div>
					</div>
		        </div>
			</div>

</div>

<div class="fpd-module" data-module="text" data-moduleicon="fpd-icon-text-secondary" data-defaulttext="Add Text" data-title="modules.text">
			<textarea data-defaulttext="Enter some text" placeholder="modules.text_input_placeholder"></textarea>
			<div class="fpd-textbox-wrapper">
				<span class="fpd-section-title" data-defaulttext="Optional: Enter a fixed width">modules.enter_textbox_width</span>
				<input type="number" class="fpd-textbox-width" value="" step="1" min="0">
			</div>
			<div class="fpd-btn"><span data-defaulttext="Add Text">modules.text_add_btn</span> <span class="fpd-price"></span></div>
			<div class="fpd-text-templates">
				<div class="fpd-scroll-area">
					<div class="fpd-grid fpd-padding"></div>
				</div>
			</div>
		</div>

<div class="fpd-module" data-module="names-numbers" data-moduleicon="fpd-icon-name-number" data-defaulttext="Names & Numbers" data-title="plus.names_numbers">
			<div class="fpd-names-numbers-panel">
				<div class="fpd-btn" data-defaulttext="Add New">plus.names_numbers_add_new</div>
				<div class="fpd-scroll-area">
					<div class="fpd-list"></div>
				</div>
			</div>
		</div>

<div class="fpd-drawing-tools">
						<div class="fpd-label" data-defaulttext="Brush Type">plus.drawing_brush_type</div>
						<div class="fpd-drawing-brush-type fpd-dropdown">
							<span class="fpd-dropdown-current" title="">
								<span data-value="pencil" data-defaulttext="Pencil">plus.drawing_pencil</span>
							</span>
							<div class="fpd-dropdown-arrow"><span class="fpd-icon-arrow-dropdown"></span></div>
							<div class="fpd-dropdown-list">
								<span class="fpd-item" data-value="Pencil" data-defaulttext="Pencil">plus.drawing_pencil</span>
								<span class="fpd-item" data-value="Circle" data-defaulttext="Cirlce">plus.drawing_circle</span>
								<span class="fpd-item" data-value="Spray" data-defaulttext="Spray">plus.drawing_spray</span>
							</div>
						</div>

<div class="fpd-label" data-defaulttext="Color">plus.drawing_color</div>
						<div>
							<input type="text" value="" class="fpd-drawing-line-color" />
						</div>

<div class="fpd-label" data-defaulttext="Line Width">plus.drawing_line_width</div>
						<div class="fpd-slider-group fpd-clearfix">
						    <div class="fpd-range-wrapper">
							     <input class="fpd-slider-range" type="range" value="1" step="1" min="1" max="30" />
						    </div>
						     <input class="fpd-slider-number fpd-number fpd-drawing-line-width" type="number" value="1" step="1" min="1" max="30" />
					    </div>

<div class="fpd-label" data-defaulttext="Draw Here">plus.drawing_draw_here</div>
					    <canvas class="fpd-drawing-canvas" width="100" height="150"></canvas>

<div class="fpd-buttons fpd-clearfix">
						    <span class="fpd-clear-drawing fpd-btn fpd-left fpd-secondary" data-defaulttext="Clear Drawing">plus.drawing_clear</span>
						    <span class="fpd-add-drawing fpd-btn fpd-right" data-defaulttext="Add Drawing">plus.drawing_add</span>
					    </div>
					</div>

</div>
			</div>
		</div>

<div class="fpd-module" data-module="dynamic-views" data-moduleicon="fpd-icon-views" data-defaulttext="Manage Views" data-title="plus.dynamic_views">
			<div class="fpd-dynamic-views-panel">
				<span class="fpd-section-title" data-defaulttext="Add new view">plus.dynamic_views_add_view_info</span>

<div class="fpd-flex">
					<div class="fpd-btn fpd-add-blank-view" data-defaulttext="Blank">plus.dynamic_views_add_blank</div>
					<div class="fpd-btn fpd-add-from-layouts" data-defaulttext="From Layouts">plus.dynamic_views_add_from_layouts</div>
				</div>

</div>
		</div>

<div class="fpd-empty-saved-designs fpd-hidden" data-defaulttext="No Designs saved yet!">actions.load_designs_empty</div>

</div>

<span class="fpd-section-desc" data-defaulttext="Choose a format or enter a custom size.">plus.dynamic_views_add_blank_info</span>

<div class="fpd-btn" data-defaulttext="Add">plus.dynamic_views_add_new</div>

</div>

</div>

</div>

</div>

<div class="fpd-loader-wrapper"><div class="fpd-loader"><div class="fpd-loader-circle"></div></div></div>
		<div class="fpd-svg-group-tools">
			<span class="fpd-action-svg-remove-path fpd-btn fpd-dark fpd-disabled" data-defaulttext="Remove Selected Path">image_editor.remove_selected_path</span>
		</div>
		<div class="fpd-svg-group-objects"></div>

<div class="fpd-image-editor-menu">
			<span data-id="mask" class="fpd-active" data-defaulttext="Mask">image_editor.mask</span>
			<span data-id="filters" data-defaulttext="Filters">image_editor.filters</span>
			<span data-id="color-manipulation" data-defaulttext="Color Manipulation">image_editor.color_manipulation</span>
		</div>

<div data-id="mask" class="fpd-content-mask fpd-active">

</div>

<div data-id="filters" class="fpd-content-filters"></div>

<div data-id="color-manipulation" class="fpd-content-color-manipulation fpd-clearfix">

<div class="fpd-left fpd-filter-brightness">
					<div class="fpd-switch-container fpd-left" data-enabled="true" data-disabled="false" data-filter="Brightness">
						<div class="fpd-switch-bar"></div>
						<div class="fpd-switch-toggle"></div>
					</div>
					<label data-defaulttext="Brightness">image_editor.brightness</label>
					<div class="fpd-range-tooltip">
						<span data-defaulttext="Brightness">image_editor.brightness</span>
						<input type="range" name="brightness" class="fpd-input-range" value="0" min="-1" max="1" step="0.01" />
						<div class="fpd-tooltip"></div>
					</div>
				</div>

<div class="fpd-left fpd-filter-contrast">
					<div class="fpd-switch-container fpd-left" data-enabled="true" data-disabled="false"  data-filter="Contrast">
						<div class="fpd-switch-bar"></div>
						<div class="fpd-switch-toggle"></div>
					</div>
					<label data-defaulttext="Contrast">image_editor.contrast</label>
					<div class="fpd-range-tooltip">
						<span data-defaulttext="Contrast">image_editor.contrast</span>
						<input type="range" name="contrast" class="fpd-input-range" value="0" min="-1" max="1" step="0.01" />
						<div class="fpd-tooltip"></div>
					</div>
				</div>

<div class="fpd-left fpd-filter-remove-white">
					<div class="fpd-switch-container fpd-left" data-enabled="true" data-disabled="false" data-filter="RemoveWhite" >
						<div class="fpd-switch-bar"></div>
						<div class="fpd-switch-toggle"></div>
					</div>
					<label data-defaulttext="Remove White">image_editor.remove_white</label>
					<div class="fpd-range-tooltip">
						<span data-defaulttext="Distance">image_editor.remove_white_distance</span>
						<input type="range" class="fpd-input-range" name="distance" value="0" min="0" max="1" step="0.01" />
						<div class="fpd-tooltip"></div>
					</div>
				</div>

</div>

<div class="fpd-action-buttons">
			<span class="fpd-action-restore fpd-btn fpd-dark" data-defaulttext="Restore Original">image_editor.restore</span>
			<span class="fpd-action-save fpd-btn" data-defaulttext="Save">image_editor.save</span>
		</div>

</div>

<div class="fpd-sizes">
			<div class="fpd-custom-size">
				<span class="fpd-section-title" data-defaulttext="Enter own size">plus.dynamic_views_custom_size</span>
			</div>
			<div class="fpd-predefined-sizes">
				<span class="fpd-section-title" data-defaulttext="Choose from predefined sizes">plus.dynamic_views_predefined_size</span>
			</div>
		</div>
		<div class="fpd-layouts">
			<div class="fpd-scroll-area"></div>
		</div>

</div>

İptal

📁 PHP Dosya Yöneticisi

📝 productdesigner.html

📝 productdesigner.html

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)