estilos landing page responsie

This commit is contained in:
Hacky Purple 2018-04-21 20:06:40 -05:00
parent 0142691cfe
commit 8a40165145
3 changed files with 379 additions and 237 deletions

View File

@ -1000,12 +1000,12 @@ $uri = $_SERVER['REQUEST_URI'];
<li class='dropdown ' >
<a style='background-color:#F3F1F0; color:red; border-top-left-radius: 0px; border-bottom-left-radius: 0px;' href='#' class='dropdown-toggle menu_tupale img-rounded' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'><i class='fa fa-bars'></i><span class='hidden-xs'> $portal_sigla<span></a>
<ul class='dropdown-menu' style='background-color: white;' >
<li><a class='' href='$portal_url'><i class='fa fa-home'></i> Portal</a></li>
<li><a class='' href='$link_empresa'>$sigla[0] Inicio</a></li>
<li><a href='milfs/'>Administrador</a></li>
<li><a href='s363'>Blog</a></li>
<li><a href='s133'>Ayuda y documentación</a></li>
<ul class='dropdown-menu' id='menu_tupale' >
<li><a class='' href='$portal_url'><i class='fa fa-qrcode'></i> Portal</a></li>
<li><a class='' href='$link_empresa'>$sigla[0] <i class='fa fa-home'></i> Inicio</a></li>
<li><a href='milfs/'><i class='fa fa-sign-in'></i> Ingresar</a></li>
<li><a href='s363'><i class='fa fa-bookmark'></i> Blog</a></li>
<li><a href='s133'><i class='fa fa-question-circle'></i> Ayuda y documentación</a></li>
<li role='separator' class='divider'></li>
".aplicaciones_listado("$id_empresa",'','nav','')."
</ul>
@ -1348,8 +1348,8 @@ echo $css_adicional;
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<ul class="fh5co-social list-inline intro-social-buttons ">
<?php echo $soporte; ?>
<li><a href="https://twitter.com/<?php echo $twitter[0]; ?>"><i class="fa fa-twitter"></i></a></li>
<li><a href="<?php echo $facebook[0]; ?>"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/<?php echo $twitter[0]; ?>"><i class="fa fa-twitter fa-lg"></i></a></li>
<li><a href="<?php echo $facebook[0]; ?>"><i class="fa fa-facebook fa-lg"></i></a></li>
<!-- <li><?php echo milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton",""); ?></li> -->
</ul>
@ -1357,14 +1357,14 @@ echo $css_adicional;
</div>
<div id='meta_cabecera' class="col-lg-12 col-md-12 ">
<div class="container">
<div class="container cabecera">
<div class="col-md-9">
<div id='formulario_login' class='' ></div>
<div class='container' id='contenedor_cabecera'>
<div class='col-sm-12 col-md-3' id='logo_cabecera'>
<a href="./e<?php echo $id_empresa; ?>">
<img id='logo_cabecera' class='center-block img img-responsive' style='' src="milfs/images/secure/?file=300/<?php echo $logo[0]; ?>">
</a>
@ -1381,7 +1381,7 @@ echo $css_adicional;
if(isset($_REQUEST['asistento'])) {
echo asistente_aplicaciones("",'','','');
}else {
echo "<a href='?asistento' class='btn btn-success'>Quiero crear una aplicación. </a>";
echo "<a href='?asistento' class='btn btn-success'>Crea tu aplicación en 3 pasos </a>";
}
?>
@ -1410,7 +1410,7 @@ echo $css_adicional;
</header>
<div class="container">
<div class="container" id="secciones">
<?php
$id_campo = campo_titulo($set) ;
@ -1434,7 +1434,7 @@ echo $css_adicional;
</div>
<div class='col-md-9' id='texto_articulo'>"
;
}else{ echo "<div class='col-md-12' id='texto_articulo'>" ;} ?>
}else{ echo "<div class='col-sm-push-1 col-sm-12 col-md-12' id='texto_articulo'>" ;} ?>
<?php echo $eventos;
if($id_empresa=="") {

View File

@ -1,157 +1,233 @@
#logo_cabecera{
max-width: 80% !important;
#cabecera-botonera-admin {
background-color: #777677;
}
#encabezado_proyecto{
padding-top: 30px;
.btn-botonera-admin {
margin-left:20px;
margin-right: 20px;
border-left: 1px solid white;
}
#botonera-admin,
#botonera-admin>a {
color: white !important;
}
.btn-botonera-admin:hover {
background-color: black;
}
.btn.btn-botonera-admin:hover {
color: white !important;
}
.intro-social-buttons {
padding-top: 10px !important;
}
.cabecera {
padding-bottom: 30px;
}
#logo_cabecera {
max-width: 80% !important;
}
#encabezado_proyecto {
padding-top: 30px;
}
.thumbnail {
height: 400px;
overflow-y: auto;
overflow-x: hidden;
padding: 10px;
}
.box-secciones {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border-radius: 0px;
border: none;
}
.box-secciones:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.img-secciones {
max-height: 150px;
}
/* nube de etiquetas */
div.etiquetas{
/* font-family: verdana,arial,helvetica;
div.etiquetas {
/* font-family: verdana,arial,helvetica;
font-size:8pt;
*/
padding:5px;
padding: 5px;
}
div.etiquetas span{
float: left;
margin: 0 3px 0 3px;
height: 20pt;
white-space: nowrap;
}
span.etiquetatam1{
font-size: 110%;
}
span.etiquetatam2{
font-size: 120%;
}
span.etiquetatam3{
font-size: 130%;
}
span.etiquetatam4{
font-size: 140%;
}
span.etiquetatam5{
font-size: 150%;
}
span.etiquetatam6{
font-size: 160%;
}
span.etiquetatam7{
font-size: 170%;
}
span.etiquetatam8{
font-size: 180%;
}
span.etiquetatam9{
font-size: 250%;
}
span.etiquetatam10{
font-size: 300%;
}
/* nube de etiquetas */
div.etiquetas span {
float: left;
margin: 0 3px 0 3px;
height: 20pt;
white-space: nowrap;
}
span.etiquetatam1 {
font-size: 110%;
}
span.etiquetatam2 {
font-size: 120%;
}
span.etiquetatam3 {
font-size: 130%;
}
span.etiquetatam4 {
font-size: 140%;
}
span.etiquetatam5 {
font-size: 150%;
}
span.etiquetatam6 {
font-size: 160%;
}
span.etiquetatam7 {
font-size: 170%;
}
span.etiquetatam8 {
font-size: 180%;
}
span.etiquetatam9 {
font-size: 250%;
}
span.etiquetatam10 {
font-size: 300%;
}
/* nube de etiquetas */
.drop-up {
top: auto;
bottom: 100% !important;
overflow: visible;
}
.dropdown-menu {
min-width:300px;
padding: 3px;
z-index: 99999;
min-width: 300px;
padding: 3px;
z-index: 99999;
}
.navbar .navbar-nav {
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar .navbar-collapse .navbar-principal {
text-align: center;
height: 30px;
margin-top: -13px;
}
.navbar-principal > li > a, {
padding-top:0px !important; padding-bottom:0 !important;
height: 30px;
margin-top: -13px;
}
.navbar-principal {min-height:30px !important;}
.topnav {
width: 100px !important;
display: inline;
height: 30px;
padding-top:-10px !important;
padding-bottom:0 !important;
height:30px;
background:none;
border:0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
.navbar-principal>li>a,
{
padding-top: 0px !important;
padding-bottom: 0 !important;
height: 30px;
margin-top: -13px;
}
.navbar-principal {
min-height: 30px !important;
}
.topnav {
width: 100px !important;
display: inline;
height: 30px;
padding-top: -10px !important;
padding-bottom: 0 !important;
height: 30px;
background: none;
border: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*width:80px; background: none; border:0px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
*/
@media all {
div.saltopagina{
display: none;
}
div.saltopagina {
display: none;
}
}
@media print{
div.saltopagina{
display:block;
page-break-before:always;
}
div.noprint{
display:none;
}
@media print {
div.saltopagina {
display: block;
page-break-before: always;
}
div.noprint {
display: none;
}
}
<!-- ESTILOS PRIORITARIOS -->
.modal-dialog {
width: 95% !important;
height: auto;
padding: 0;
<!-- ESTILOS PRIORITARIOS -->.modal-dialog {
width: 95% !important;
height: auto;
padding: 0;
}
.modal-lg {
width: 98% !important;
height: auto;
padding: 0;
width: 98% !important;
height: auto;
padding: 0;
}
.modal-xs {
width: 40% !important;
height: auto;
padding: 0;
width: 40% !important;
height: auto;
padding: 0;
}
.modal-content {
height: auto;
height: auto;
}
.modal-body {
max-height: calc(100vh - 300px);
min-height: calc(100vh - 300px);
@ -160,92 +236,115 @@ box-shadow: none;
fieldset.fieldset-borde {
border: 2px solid #EDEDED !important;
border-radius:3px;
border-radius: 3px;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.legend-area {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width:auto;
padding:0 10px;
border-bottom:none;
}
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
}
.fh5co-post-entry article h2{
font-size: 28px; !important;
}
#fh5co-offcanvas .fh5co-bio img{
border-radius: 10px !important;
}
fieldset.fieldset-borde {
.fh5co-post-entry article h2 {
font-size: 28px;
!important;
}
#fh5co-offcanvas .fh5co-bio img {
border-radius: 10px !important;
}
fieldset.fieldset-borde {
border: 2px solid #EDEDED !important;
border-radius:3px;
border-radius: 3px;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.legend-area {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width:auto;
padding:0 10px;
border-bottom:none;
}
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
}
/*RESPONSIVE*/
@media (max-width: 991px) {
#encabezado_proyecto{
text-align: center;
}
#encabezado_proyecto {
text-align: center;
padding-top: 0px !important;
}
#logo_cabecera{
margin-left: 8em !important;
max-width: 60% !important;
padding-top: 0px !important;
}
#logo_cabecera {
margin-left: 8em !important;
max-width: 60% !important;
padding-top: 0px !important;
}
}
@media (max-width: 768px) {
.modal-body {
max-height: calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
}
#encabezado_proyecto{
padding-top: 0px !important;
.modal-body {
max-height: calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
}
#menu_tupale {
background-color: #dfdfdf;
}
.btn-botonera-admin {
margin-left:0px;
margin-right: 0px;
border-left: none;
}
.dropdown-menu>li>a {
color: #333 !important;
}
.thumbnail {
height: 100%;
}
#secciones,
.articulo_cuadro {
padding: 0px;
}
}
@media (max-width: 600px) {
#logo_cabecera{
margin-left: 5em !important;
}
}
@media (max-width: 480px) {
#logo_cabecera{
margin-left: 3em !important;
}
#logo_cabecera {
margin-left: 5em !important;
}
}
/*FIN responsive*/
@media (max-width: 480px) {
#logo_cabecera {
margin-left: 1em !important;
max-width: 100% !important;
}
}
/*FIN responsive*/

View File

@ -356,7 +356,7 @@ $consulta ="SELECT *,count(distinct control) as cantidad FROM form_datos WHERE f
include("./milfs/includes/datos.php");
include("./milfs/includes/parametrizacion.php");
$cantidad=mysqli_num_rows($sql);
while($row=mysqli_fetch_assoc($sql))
while($row=mysqli_fetch_assoc($sql))
{
$nombre_autor = remplacetas("$tabla_autenticacion","id",$row['id_usuario'],"username",'') ;
if($nombre_autor[0] !="") { $Autor = $nombre_autor[0];}
@ -421,7 +421,7 @@ $sql=mysqli_query($link,$consulta);
if (mysqli_num_rows($sql)!='0'){
//$resultado = mysqli_num_rows($sql);
//$resultado = mysqli_result($sql,0,"cantidad");
while($row=mysqli_fetch_assoc($sql))
while($row=mysqli_fetch_assoc($sql))
{
if($tipo == "array") {
$resultado[$row['item']] = $row['descripcion'];
@ -774,22 +774,22 @@ $footer
</div>
<div id='viewport' title='Doble click para agregar una nota' style='width:100%; zoom: $zoom[0]; ' onclick=\" xajax_ultimos_registros(document.getElementById('ultimo_id').value,'$form'); \" >
<div id='main' ondblclick=\"coordenadas(event);\" style=' top: 1000px;' >
<div class='container-fluid'>
</div>
</div>
<div class=' img-rounded tablero_titulo ' style='' ><h1>$titulo[0] <br><small>$descripcion[0]</small></h1>
<span class='data'>$form-titulo</span>
<div class='hidden' id='mensaje_titulo'></div>
<div id='div_session'>
$login
</div>
</div>
</div>
$notes
<span id='prueba' class=''></span>
$notes
<span id='prueba' class=''></span>
</div>
</div>
<script type='text/javascript'>
@ -840,7 +840,7 @@ function ultimos_registros($id,$form) {
mysqli_set_charset($link, "utf8");
$sql=mysqli_query($link,$consulta);
if (mysqli_num_rows($sql)!='0'){
while($row=mysqli_fetch_assoc($sql))
while($row=mysqli_fetch_assoc($sql))
{
$registros .= notes("$form",'','',"$row[control]")." ";
@ -896,20 +896,20 @@ if($accion =="") {
if($registro !="") {
//$color='blue';
$consulta = "SELECT * FROM form_datos WHERE form_id = '$id' AND control ='$registro' Limit 1";
}else {
}else {
$consulta = "SELECT * FROM form_datos WHERE form_id = '$id' GROUP BY control ORDER BY id desc limit 100 ";
}
// return $consulta;
// return $consulta;
$link=Conectarse();
mysqli_set_charset($link, "utf8");
$sql=mysqli_query($link,$consulta);
if (mysqli_num_rows($sql)!='0'){
$notes = '';
$left='';
$top='';
$zindex='';
$notes = '';
$left='';
$top='';
$zindex='';
//$id_campo = campo_titulo($id) ;
$id_campo = remplacetas('form_parametrizacion','campo',$id,'descripcion'," tabla='form_id' and opcion = 'descripcion'") ;
$id_campo = $id_campo[0];
@ -918,24 +918,24 @@ $zindex='';
}
$orden =1;
$orden_left =1;
mysqli_data_seek($sql, 0);
while($row=mysqli_fetch_assoc($sql))
mysqli_data_seek($sql, 0);
while($row=mysqli_fetch_assoc($sql))
{
$titulo = remplacetas('form_datos','id_campo',$id_campo,'contenido'," control = '$row[control]' ") ;
$posicion = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'posicion' ") ;
$metadatos = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'metadatos_iniciales' ") ;
$color = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'clase' ") ;
$titulo = remplacetas('form_datos','id_campo',$id_campo,'contenido'," control = '$row[control]' ") ;
$posicion = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'posicion' ") ;
$metadatos = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'metadatos_iniciales' ") ;
$color = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'clase' ") ;
$mostrar = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'mostrar' ") ;
$gusta = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
$comprometo = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
$color=$color[0];
$mostrar =$mostrar[0];
list($left,$top,$zindex) = explode('-',$posicion[0]);
list($left_inicial,$top_inicial,$zindex_inicial,$autor) = explode('-',$metadatos[0]);
if($autor=="") {
@ -950,9 +950,9 @@ if($left=="") {
$left = ($orden_left+100);//random_int(1,5000);
$zindex = $orden;
}else{
$left=$left;
$top=$top;
$left=$left;
$top=$top;
$zindex=$zindex;
}
@ -960,19 +960,19 @@ $zindex=$zindex;
if($_SESSION['username'] !='') { $autor_logueado = $_SESSION['username'];}
elseif($_SESSION['usuario_milfs'] !='') { $autor_logueado = $_SESSION['nombre_usuario_milfs'];}
else {$autor_logueado='';}
if($color =="") { $color="yellow";}else { $color=$color;}
if($mostrar =="") { $mostrar="";}else { $mostrar=$mostrar;}
if($gusta[0] !="") { $gustax="text-success";}else { $gustax="";}
if($gusta[0] !="") { $gustax="text-success";}else { $gustax="";}
if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
$caracteres = strlen("$titulo[0]");
$texto= substr($titulo[0],0, $length = 200);
if($caracteres > 200) { $texto .= "... <button type='button' class='btn btn-link btn-xs' data-html='true' data-toggle='tooltipx' data-placement='top' title='$titulo[0]'>[+]</button>"; }
$interaccion = interaccion_identificador("$row[control]",'','simple','','');
$notes.= "
$interaccion = interaccion_identificador("$row[control]",'','simple','','');
$notes.= "
<div id='nota_$id-$row[control]' class='note $color $mostrar' style=\" left: ".$left."px; top: ".$top."px; z-index: ".$zindex." \">
<div class='pull-left'>
<a href='#' onclick=\"xajax_mostrar_modal('$id','$row[control]','landingpage');\" ><i class='fa fa-plus'></i></a>
@ -987,9 +987,9 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','red','mensaje_$row[control]','','$row[control]'); javascript: document.getElementById('nota_$id-$row[control]').className= 'note red'; \"class='pull-right red btn accion' ></div>
</div>
<hr>
<p>$texto</p>
<p>$texto</p>
<span class='data'>$id-$row[control]</span>
<div class='hidden' id='mensaje_$row[control]'></div>
<div class='footer ' role='row'>
@ -1017,9 +1017,9 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
</div> -->
<div class='pull-right'>
<footer>$autor<footer>
</div>
</div>
</div>
</div>
";
@ -1028,7 +1028,7 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
$orden = ($orden+2);
$orden_left = ($orden+1);
$ultimo = mktime();
$ultimo_id = $ultimo;
$ultimo_id = $ultimo;
}
return "$notes <input type='hidden' id='ultimo_id' name='ultimo_id' value='$ultimo_id'>";
@ -1727,7 +1727,8 @@ $datos = json_decode($contenido, true);
$campo_tipo = remplacetas('form_campos','id',"$campo",'campo_tipo',"") ;
if($campo_tipo[0] =="31") {
$link_url = "$_SESSION[site]milfs/archivos/?archivo=".$valor;
$ext = explode(".", $valor); $ext = strtolower($ext[count($ext) - 1]);
$ext = explode(".", $valor);
$ext = strtolower($ext[count($ext) - 1]);
if($ext=='jpg' or $ext=='png' or $ext=='gif') {
$valor="<img src='$link_url' alt='$valor' class='imagen_multiple_$campo img img-responsive'>";
@ -3871,14 +3872,18 @@ $resultado= "
if($div =="") {
$cambiar_empresa = cambiar_empresa($_SESSION['id'],'');
$boton="
<div style='max-width:800px;' class='container-fluid noprint $no_mostrar '>
<div style='max-width:100%;' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
$cambiar_empresa
<div class='btn-group form-inline' role='group' aria-label='botonera-administracion'>
<div onclick=\"xajax_panel_aplicaciones('$tipo','$empresa','div_panel_aplicaciones'); \" class='btn btn-default btn-xs'>Editor</div>
<a href='milfs/' class='btn btn-default btn-xs'>Des-administrador</a>
<a class='btn btn-default btn-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
<div class='btn-group btn form-inline' role='group' aria-label='botonera-administracion' id='botonera-admin'>
<div onclick=\"xajax_panel_aplicaciones('$tipo','$empresa','div_panel_aplicaciones'); \" class='btn btn-botonera-admin'>Editor</div>
<a href='milfs/' class='btn btn-botonera-admin'>Des-administrador</a>
<a class='btn btn-botonera-admin hidden-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
</div>
</div>
<a class='btn btn-botonera-admin visible-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
<div class='container-fluid' id='div_panel_aplicaciones' style='max-height:500px; overflow:auto;'></div>";
$resultado="$boton";
return $resultado;
@ -3914,7 +3919,7 @@ $respuesta = new xajaxResponse('utf-8');
$resultado= "
<br>
<div id='$div' class='jumbotron'>
<div class='center-block btn btn-success' onclick=\"xajax_asistente_aplicaciones('listado','','','');\"; ><H3><i class='glyphicon glyphicon-magic'></i> CREA TU APLICACIÓN EN 3 PASOS</H3></div>
<div class='center-block btn btn-success' onclick=\"xajax_asistente_aplicaciones('listado','','','');\"; ><H3><i class='glyphicon glyphicon-magic'></i> ¡Bienvenido - Comencemos! </H3></div>
</div>";
return $resultado;
}
@ -5420,10 +5425,44 @@ function grabar_imagen($imagen,$control) {
}
function generar_miniatura($file,$width) { //$archivo = $file;
$archivo = "$_SESSION[path_images_secure]/full/".$file; // Ponemos el . antes del nombre del archivo porque estamos considerando que la ruta está a partir del archivo thumb.php $file_info = getimagesize($archivo); // Obtenemos la relación de aspecto $ratio = $file_info[0] / $file_info[1]; // Calculamos las nuevas dimensiones $newwidth = $width; $newheight = round($newwidth / $ratio); // Sacamos la extensión del archivo $ext = explode(".", $file); $ext = strtolower($ext[count($ext) - 1]); if ($ext == "jpeg") $ext = "jpg"; // Dependiendo de la extensión llamamos a distintas funciones switch ($ext) { case "jpg": $img = imagecreatefromjpeg($archivo); break; case "png": $img = imagecreatefrompng($archivo); break; case "gif": $img = imagecreatefromgif($archivo); break; } // Creamos la miniatura $thumb = imagecreatetruecolor($newwidth, $newheight);
function generar_miniatura($file,$width) {
//$archivo = $file;
$archivo = "$_SESSION[path_images_secure]/full/".$file;
// Ponemos el . antes del nombre del archivo porque estamos considerando que la ruta está a partir del archivo thumb.php
$file_info = getimagesize($archivo);
// Obtenemos la relación de aspecto
$ratio = $file_info[0] / $file_info[1];
// Calculamos las nuevas dimensiones
$newwidth = $width;
$newheight = round($newwidth / $ratio);
// Sacamos la extensión del archivo
$ext = explode(".", $file);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") $ext = "jpg";
// Dependiendo de la extensión llamamos a distintas funciones
switch ($ext) {
case "jpg":
$img = imagecreatefromjpeg($archivo);
break;
case "png":
$img = imagecreatefrompng($archivo);
break;
case "gif":
$img = imagecreatefromgif($archivo);
break;
}
// Creamos la miniatura
$thumb = imagecreatetruecolor($newwidth, $newheight);
imagealphablending( $thumb, false );
imagesavealpha( $thumb, true ); // La redimensionamos imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]); // La mostramos como jpg //header("Content-type: image/jpeg"); imagejpeg($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 80);
imagesavealpha( $thumb, true );
// La redimensionamos
imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]);
// La mostramos como jpg
//header("Content-type: image/jpeg");
imagejpeg($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 80);
imagepng($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 9);
imagegif($thumb,"$_SESSION[path_images_secure]/".$width."/$file");
//imagejpeg($thumb,null, 80);
@ -5842,7 +5881,7 @@ if (mysqli_num_rows($sql)!='0'){
<figure id ='figure_$row[id]' >
<a href='$favorita'>
<img style='max-height:170px; ' class='img img-rounded img-responsive' src='milfs/images/secure/?file=300/$imagen' alt='$row[nombre]'>
<img class='img img-rounded img-responsive img-secciones' src='milfs/images/secure/?file=300/$imagen' alt='$row[nombre]'>
<!-- <figcaption class='articulo_caption' >$row[nombre]</figcaption> -->
</a>
</figure>
@ -5871,8 +5910,8 @@ if($ver_data[0] !="0") {$boton_ver_data =" <a target='datos'class='boton_land bt
if($publico[0] =='1') {
$linea .= "
<div style=' ' class=' articulo_cuadro col-md-4' id='b_articulo_formulario_$row[id]'>
<div style='height:500px; overflow-y:auto; overflow-x:hidden; padding:10px;' class=' thumbnail ' id='b_articulo_formulario_$row[id]'>
<div style=' ' class=' articulo_cuadro col-xs-12 col-sm-6 col-md-4' id='b_articulo_formulario_$row[id]'>
<div class=' thumbnail box-secciones' id='b_articulo_formulario_$row[id]'>
<a name='formulario_$row[id]'></a>
<div class='row rp-b '>
@ -5892,8 +5931,8 @@ if($publico[0] =='1') {
}else{
if($llenar[0] !="0"){
$linea .="
<div style=' ' class=' articulo_cuadro col-md-4' id='b_articulo_formulario_$row[id]'>
<div style='height:500px; overflow-y:auto; overflow-x:hidden; padding:10px;' class=' thumbnail ' id='b_articulo_formulario_$row[id]'>
<div style=' ' class=' articulo_cuadro col-xs-12 col-sm-6 col-md-4' id='b_articulo_formulario_$row[id]'>
<div class=' thumbnail box-secciones ' id='b_articulo_formulario_$row[id]'>
<a name='formulario_$row[id]'></a>
<div class='row rp-b '>
@ -9725,7 +9764,9 @@ while ($archivo = readdir($directorio)) //obtenemos un archivo y luego otro suce
}
else
{$autor="";
$ext = explode(".", $archivo); $ext = strtolower($ext[count($ext) - 1]); if ($ext == "jpeg") {$ext = "jpg"; }
$ext = explode(".", $archivo);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") {$ext = "jpg"; }
if ($ext == "jpg") {
$cantidad_imagenes++ ;
@ -9790,7 +9831,9 @@ function listar_archivos( $path ,$opcion, $div,$datos){
// $resultado .= "<p><strong>CARPETA: ". $elemento ."</strong></p>";
// Si es un fichero
} else {
$ext = explode(".", $elemento); $ext = strtolower($ext[count($ext) - 1]); if ($ext == "jpeg") {$ext = "jpg"; }
$ext = explode(".", $elemento);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") {$ext = "jpg"; }
if ($ext == "jpg") {$cantidad_imagenes++ ;
$exif = leer_exif("$path/$elemento");
@ -11789,7 +11832,7 @@ function configuracion($accion) {
$div='contenido';
if($accion =='') {
$link ="<a title='Configuración' href='#' onclick=\"xajax_configuracion('mostrar') \"><i class='glyphicon glyphicon-cog'></i></a>";
$link ="<a title='Configuración' href='#' onclick=\"xajax_configuracion('mostrar') \"><i class='pull-right glyphicon glyphicon-cog'></i></a>";
return $link;
}elseif($accion=='mostrar') {
@ -16725,7 +16768,7 @@ function milfs(){
$login = login_boton('');
$usuarios = "
<li>
<a title='agregar usuarios' class='btn link' onclick=\"xajax_registro_express(xajax.getFormValues('login'),'nuevo');\">
<a title='agregar usuarios' class='btn link pull-left' onclick=\"xajax_registro_express(xajax.getFormValues('login'),'nuevo');\">
<i class='glyphicon glyphicon-user'></i> Gestión de usuarios</a>
</li>";
$menu =