básicamente esta la estructura me falta ponerle estilos, pero ya mi php tiene estilos sobre la imagen mostrada si los quito salen desordenados. Mi consulta es como tendria que hacer para poner mas estilos y vincularlos con el formulario. Me podrian dejar ejemplos con unos inputs en caso no tengan mucho tiempo me sera de gran ayuda.Gracias.
Este es mi código php
------------------------------------------------------------------------------------------------------------
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<h1>GALERIA ROBERTO :)</h1>
<form action="?" method="post">
<label>WIDTH:</label><input type="text" name="ancho"><br>
<label>HEIGHT:</label><input type="text" name="alto"><br>
<label>COLOR</label><input type="color" name="color"><br>
<label>BORDE:</label><input type="text" name="borde"><br>
<label>MARGEN HORIZONTAL:</label><input type="text" name="horizontal"><br>
<label>MARGEN VERTICAL:</label><input type="text" name="vertical"><br>
<label>SOMBRA:</label><input type="text" name="sombra"><br>
<label>OPACIDAD(1 /2):</label><input type="text" name="opacidad"><br>
<input type="submit" value="APLICAR">
</form>
<style>
header{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
}
div#gallery{
width: 545px;
height: 750px;
border:5px solid #CCCCCC;
margin:0px auto;
overflow-y:scroll;
padding: 0 60px 30px 60px;
border: solid 1px #cbcbcb;
background: #fafafa;
-moz-box-shadow: 0px 0px 10px #cbcbcb;
-webkit-box-shadow: 0px 0px 10px #cbcbcb;
position:relative;
top: -309px;
float:right;
}
div.img{
width:200px;
height:200px;
border:1px solid black;
margin:5px;
display:inline-block;
position: relative;
left: 45px;
top:40px;
}
img{
width:200px;
height:200px;
margin:0px auto;
}
</style>
</head>
<body>
<?php
error_reporting(0);
$ancho = (isset($_POST['ancho'])?$_POST['ancho']:"0");
$alto = (isset($_POST['alto'])?$_POST['alto']:"0");
$color = (isset($_POST['color'])?$_POST['color']:"0");
$borde = (isset($_POST['borde'])?$_POST['borde']:"0");
$horizontal = (isset($_POST['horizontal'])?$_POST['horizontal']:"0");
$vertical = (isset($_POST['vertical'])?$_POST['vertical']:"0");
$sombra = (isset($_POST['sombra'])?$_POST['sombra']:"0");
$opacidad = (isset($_POST['opacidad'])?$_POST['opacidad']:"0");
$directorio = opendir("./imagenes");
while ($archivo = readdir($directorio))
{
if (!is_dir($archivo))
{
$galeria[] = $archivo;
}
}
closedir($directorio);
echo '<div id="gallery">';
for ($i = 0; $i <= count($galeria)-1;$i++)
{
echo '<div class="img">';
echo '<img src="imagenes/'. $galeria[$i] .'" width="100%" height="100%">';
echo '</div>';
}
echo '</div>';
?>
</body>
</html>
Y esta es la ubicación de la carpeta toda mis imágenes lo tengo en la carpeta imagenes
