1
0
Fork 0

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,7 +1357,7 @@ 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>
@ -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,62 +1,129 @@
#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;
@ -64,47 +131,56 @@ span.etiquetatam10{
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;
@ -113,45 +189,45 @@ 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;
width: 98% !important;
height: auto;
padding: 0;
padding: 0;
}
.modal-xs {
width: 40% !important;
height: auto;
padding: 0;
.modal-xs {
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;
.modal-body {
max-height: calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
}
#encabezado_proyecto{
padding-top: 0px !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;
}
#logo_cabecera {
margin-left: 5em !important;
}
}
@media (max-width: 480px) {
#logo_cabecera{
margin-left: 3em !important;
}
@media (max-width: 480px) {
#logo_cabecera {
margin-left: 1em !important;
max-width: 100% !important;
}
}
/*FIN responsive*/

View File

@ -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 =