@charset "utf-8";
/* CSS Document */
body{background: url(Polaroid.jpg) center;}
#centrar{margin-left:auto;margin-right:auto;width:80%;border-radius:10px;max-width:1000px; background:url(fondo.png);}
#galeria{text-align:center;overflow:hidden;color:#FFF;}
#galeria h1{font-size:24px;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;text-transform:capitalize;}
#galeria .img{background:#C30;float:left;border-radius:7px;width:31%;padding:15px;box-sizing:border-box;margin:1%;-moz-transition:background 1s ease;-webkit-transition:background 1s ease;transition:background 1s ease;}
#galeria .img:hover{background:#9C0;}
#galeria img{width:100%;height:auto;border-radius:800px;}
#galeria p{color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
@media screen and (max-width:768px){#centrar{width:100%;}#galeria .img{width:48%;margin:1%;}}
/*Codigo Html para la galeria
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Galeria CSS.</title>
<link href="galeria handheld.css" rel="stylesheet" type="text/css" media="screen" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div id="centrar">
<div id="galeria">
<h1>galeria miguel may</h1>
<div class="img">
<img src="1.jpg" title="uno" name="one" />
<p>Aqui va la descripción de la imagen......</p>
</div>
<div class="img">
<img src="2.jpg" title="dos" name="two" />
<p>Aqui va la descripción de la imagen......</p>
</div>
<div class="img">
<img src="3.jpg" title="tres" name="tree" />
<p>Aqui va la descripción de la imagen......</p>
</div>
<div class="img">
<img src="4.jpg" title="cuatro" name="four" />
<p>Aqui va la descripción de la imagen......</p>
</div>
<div class="img">
<img src="5.jpg" title="cinco" name="five" />
<p>Aqui va la descripción de la imagen......</p>
</div>
<div class="img">
<img src="6.jpg" title="seis" name="six" />
<p>Aqui va la descripción de la imagen......</p>
</div>
</div>
</div>
</body>
</html>
*/
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.