<script>
		function copiar(id_elemento) {

// Crea un campo de texto "oculto"
var aux = document.createElement("input");

// Asigna el contenido del elemento especificado al valor del campo
						aux.setAttribute("value", document.getElementById(id_elemento).innerHTML);

						// A�ade el campo a la p�gina
						document.body.appendChild(aux);

						// Selecciona el contenido del campo
						aux.select();

						// Copia el texto seleccionado
						document.execCommand("copy");

						// Elimina el campo de la p�gina
						document.body.removeChild(aux);

						console.log("texto copiado")

				}
</script>

<?php

include 'concha.php';
$ID = (int)$_GET['ID'];
$cat = $_GET['cat'];
?>


<html lang="es">
<meta charset="UTF-8"/>

<head>
  </head>
<body>

  </body>
  </html>


        <?php
            $c = (int)$_GET['c'];
            mysql_connect ("localhost", "almanoti_usuarios_rn", "T96QG821J7ao");
            mysql_select_db ("almanoti_base");
            $sql = "SELECT * FROM  `noticias` ORDER BY ID desc LIMIT $c,1";
            $consulta = mysql_query ($sql);
            while ($row = mysql_fetch_array($consulta))
            {
            $ID = $row["ID"];
            $titulo = $row["titulo"];
            $cat = $row["cat"];
            $img = $row["img"];
            $bajada = $row["bajada"];
            $fecha = $row["fecha"];
						$porciones = explode(" ", $titulo);
					$p1 = $porciones[0]; // porción1
						$p2 = $porciones[1]; // porción2
						$p3 = $porciones[2]; // porción1
							$p4 = $porciones[3]; // porción2
							$p5 = $porciones[4]; // porción1
								$p6 = $porciones[5]; // porción2
$p7 = $porciones[6]; // porción2

            ?>




						<style>

						@import url(http://fonts.googleapis.com/css?family=Open+Sans);

						html,body{
						  color:white;
						  font-family:'Opens Sans',helvetica;
						  height:100%;
						  width:100%;
						  margin: 0px;
						}

						.portada{
							    padding-top: 725px;
						   background: url(<?php echo $img ?>) no-repeat fixed center;
						   -webkit-background-size: cover;
						   -moz-background-size: cover;
						   -o-background-size: cover;
						   background-size: cover;
						   height: 100%;
						   width: 100% ;
						   text-align: center;

						}
						.text{
						  margin: 30px 0px 30px 0px;
						  padding: 10px;
						  background: rgba(0,0,0,0.5);
						  display: inline-block;
						}


						</style>

						<div class="portada">
								<div class="text" style="font-size:45px;"><? echo strtoupper($cat); ?>
								</div>
								<div class="text" style="font-size:45px;">
									<h1><?php echo $titulo ?></h1>

								</div>
						</div>

<br><br><br><br>
<hr>



                                <p style="color:black;"><?php echo $bajada ?>


																	<p style="font-size:9px" id="texto1" contenteditable="true"><?php echo "$fecha -"; $bajada = str_replace('<br />', '', $bajada); echo $bajada; echo "Seguinos para enterarte de todo con una foto."; echo "#$p1 #$p2 #$p3 #$p4 #$p5 #$p6 #$p7"; ?></p>
																	<button style="font-size:60px;" onclick="copiar('texto1')">Copiar para la web</button>



																	Seguinos para enterarte de todo con una foto.
<?

																// Ejemplo 1




?>

															</p>

</hr>


            <?php } mysql_free_result($consulta);?>

						<a style="font-size:60px;" href="?c=<? $c = $c + 1; echo $c ?>">SIGUIENTE</a> >

      </div>
