1
0
Fork 0

Actualizacion de portal

This commit is contained in:
humano 2015-03-09 18:30:01 -05:00
parent b22c2375f8
commit b7a01a18bc
3 changed files with 305 additions and 43 deletions

111
milfs/css/carousel.css Normal file
View File

@ -0,0 +1,111 @@
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
height: 500px;
margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
background-color: black;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
margin-left: auto;
height: 500px;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
}
/* Featurettes
------------------------- */
.featurette-divider {
margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 20px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 4px;
}
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 18px;
line-height: 1;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}

View File

@ -1,4 +1,79 @@
<?php
function aplicacion_carrusel($nombre,$id,$plantilla){
if($id =='') {
$id = remplacetas('form_id','nombre',$nombre,'id',"") ;
$id = $id[0];
}
if($nombre =='') {
$nombre = remplacetas('form_id','id',$id,'nombre',"") ;
$nombre = $nombre[0];
}
$descripcion = remplacetas('form_id','id',$id,'descripcion',"") ;
$descripcion = $descripcion[0];
$campo_titulo = remplacetas('parametrizacion','campo',$id,'descripcion'," tabla='form_id' and opcion = 'titulo'") ;
if($campo_titulo[0] !='') {$w_campo = "AND id_campo = '$campo_titulo[0]'";}
$campo_titulo = $campo_titulo[0];
$consulta ="SELECT *,GROUP_CONCAT(id ORDER by timestamp desc ) as identificador FROM form_datos WHERE form_id = '$id' $w_campo GROUP BY control order by contenido";
$link=Conectarse();
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$control = mysql_result($sql,0,control);
$nombre = remplacetas('form_id','id',$id,'nombre',"") ;
$descripcion = remplacetas('form_id','id',$id,'descripcion',"") ;
mysql_data_seek($sql, 0);
// $contenido = " <h1 class='titulo_aplicacion'>$nombre[0]</h1>";
// $contenido .= " <h2 class='descripcion_aplicacion'>$descripcion[0]</h2>";
$orden = 0;
while( $row = mysql_fetch_array( $sql ) ) {
$identificador = explode(',',$row[identificador]);
$identificador = $identificador[0];
if($orden === 0) {$activo = "active";}else{$activo="";}
$contenido_desplegado = contenido_mostrar("$row[form_id]","$row[control]",'',"$plantilla");
$items .= " <div class='item $activo'>
$contenido_desplegado
</div>";
$indicador .= "<li data-target=\"#myCarousel\" data-slide-to='$orden' class='$activo'></li>";
$titulo = remplacetas('form_datos','id',$identificador,'contenido',"") ;
//$contenido .= "$contenido_desplegado ";
$orden = ($orden +1 );
}
$contenido .= "
<!-- Carousel
================================================== -->
<div id='myCarousel' class='carousel slide' data-ride='carousel'>
<!-- Indicators -->
<ol class='carousel-indicators'>
$indicador
</ol>
<div class='carousel-inner' role='listbox'>
$items
</div>
<a class='left carousel-control' href='#myCarousel' role='button' data-slide='prev'>
<span class='glyphicon glyphicon-chevron-left' aria-hidden='true'></span>
<span class='sr-only'>Previous</span>
</a>
<a class='right carousel-control' href='#myCarousel' role='button' data-slide='next'>
<span class='glyphicon glyphicon-chevron-right' aria-hidden='true'></span>
<span class='sr-only'>Next</span>
</a>
</div>
<!-- /.carousel -->";
//$contenido = " $links <section id=''>$contenido</section>";
}
return $contenido;
}
function formulario_embebido($id){
$impresion = formulario_modal("$id",$form_respuesta,$control,"embebido");
@ -427,9 +502,15 @@ if (mysql_num_rows($sql)!='0'){
mysql_data_seek($sql, 0);
$resultado_li .= "<ul class='list-group'>";
$resultado_grid .= "<div id='row_aplicacion' class='row centered' style=''>";
if($tipo == "banner") { $divider = 1;
$resultado_banner .= "<div id='row_aplicacion' class='row centered' style=''>";
}
$i=0;
//$resultado_nav .= "<ul class='nav navbar-nav ' >";
$fila=0;
while( $row = mysql_fetch_array( $sql ) ) {
if($i % $divider==0) {$resultado_inicial = "<div class='row ' id='grid' style=''>";}
$i++;
$descripcion_corta = substr($row[descripcion],0, $length = 100);
$geo = buscar_campo_tipo($row[id],"14");
if($geo[0] !='') { $mapa= "<tr><td><a href='geo.php?id=$row[id]' target='mapa'><i class='fa fa-globe'></i></a></td></tr>";}else {$mapa='';}
@ -476,12 +557,32 @@ if($imagen[0] !='' ) { $bg ="background-image : url(\"milfs/images/secure/?file=
background-size :cover;
background-position: center; ";}
else { $color_aleatorio = sprintf("%02X", mt_rand(0, 0xFFFFFF)); $bg = "background-color: #$color_aleatorio ;"; }
$resultado_grid .= "<div class='col-sm-4 div_aplicacion' style ='height:300px; $bg '> <h2 style='text-shadow: 1px 1px 1px rgba(255,255,255,0.8) ;';>$row[nombre] </h2>
<div class='round' style=' padding:5px; background-image : url(\"milfs/images/transparente40.png\");'><h3>$descripcion_corta</h3></div>
$contenido <br><a class='badge pull-right' href='?id=$row[id]'>Leer</a>
$resultado_grid .= "
<div class='col-sm-4 div_aplicacion' id='div_aplicacion_$row[id]' style ='height:300px; $bg '>
<h2 style='text-shadow: 1px 1px 1px rgba(255,255,255,0.8) ;';>$row[nombre] </h2>
<div class='round' style=' padding:5px; background-image : url(\"milfs/images/transparente40.png\");'>
<h3>$descripcion_corta</h3>
</div>
$contenido <br>
<a class='btn btn-default btn-block ' href='?id=$row[id]'>Leer</a>
</div>";
$resultado_banner .= "
<div class='col-sm-12 div_aplicacion' id='div_aplicacion_$row[id]' style ='height:300px; $bg '>
<h2 style='text-shadow: 1px 1px 1px rgba(255,255,255,0.8) ;';>$row[nombre] </h2>
<div class='round' style=' padding:5px; background-image : url(\"milfs/images/transparente40.png\");'>
<h3>$descripcion_corta</h3>
</div>
$contenido <br>
<a class='btn btn-default btn-block ' href='?id=$row[id]'>Visitar</a>
</div>";
if($i % $divider==0) { $resultado_final = "</div> "; }
}
$resultado_grid .= "</div>";
$resultado_banner .= "</div><div class='col-sm-1'></div>";
$resultado_banner = "$resultado_inicial $resultado_banner $resultado_final";
// }
$resultado .="</ul>";
}else {$resultado_li = "";}
@ -489,6 +590,7 @@ else { $color_aleatorio = sprintf("%02X", mt_rand(0, 0xFFFFFF)); $bg = "backgrou
if($tipo =='li') { return $resultado_li.$resultado;}
elseif($tipo =='nav') { return $resultado_nav;}
elseif($tipo =='grid') { return $resultado_grid;}
elseif($tipo =='banner') { return $resultado_banner;}
else {return $resultado;}
}
$xajax->registerFunction("aplicaciones_listado");
@ -506,9 +608,12 @@ $link=Conectarse();
$sql=mysql_query($consulta,$link);
if (mysql_num_rows($sql)!='0'){
$control = mysql_result($sql,0,control);
$nombre = remplacetas('form_id','id',$id,'nombre',"") ;
$descripcion = remplacetas('form_id','id',$id,'descripcion',"") ;
mysql_data_seek($sql, 0);
$contenido = " ";
$contenido = " <h1 class='titulo_aplicacion'>$nombre[0]</h1>";
$contenido .= " <h2 class='descripcion_aplicacion'>$descripcion[0]</h2>";
$orden = 0;
while( $row = mysql_fetch_array( $sql ) ) {
@ -1169,7 +1274,7 @@ if (mysql_num_rows($sql)!='0'){
$contenido = $contenido[3];
//$contenido = Markdown($contenido);
if($campo_tipo=='15' AND $tipo==""){if($contenido !=""){$contenido = "<img class='img-thumbnail responsive' src='http://$_SERVER[HTTP_HOST]/milfs/images/secure/?file=300/$contenido'>"; }else{$contenido="";}}
if($campo_tipo=='15' AND $tipo==""){if($contenido !=""){$contenido = "<img class='responsive' src='http://$_SERVER[HTTP_HOST]/milfs/images/secure/?file=300/$contenido'>"; }else{$contenido="";}}
elseif($campo_tipo=='14'){
if($contenido !='') {
@ -1179,7 +1284,7 @@ if (mysql_num_rows($sql)!='0'){
$zoom = $campos[2];
$contenido = "
<img class='img-thumbnail ' src='http://api.tiles.mapbox.com/v4/examples.map-zr0njcqy/url-http%3A%2F%2Fqwerty.co%2Fdemo%2Fimages%2Fpin.png($lat,$lon,$zoom)/$lat,$lon,$zoom/350x150.png?access_token=pk.eyJ1IjoiaHVtYW5vIiwiYSI6IlgyRTFNdFEifQ.OmQBXmcVg_zq-vMpr8P5vQ' >
<img class=' ' src='http://api.tiles.mapbox.com/v4/examples.map-zr0njcqy/url-http%3A%2F%2Fqwerty.co%2Fdemo%2Fimages%2Fpin.png($lat,$lon,$zoom)/$lat,$lon,$zoom/350x150.png?access_token=pk.eyJ1IjoiaHVtYW5vIiwiYSI6IlgyRTFNdFEifQ.OmQBXmcVg_zq-vMpr8P5vQ' >
";
}
}
@ -1238,15 +1343,11 @@ if (mysql_num_rows($sql)!='0'){
}else {$resultado ="No hay datos ";}
//if($id=="6" OR $id=="10") {
/* $cadena = 'taza';
$nombre = 'café';
$str = 'Esto es una $cadena con mi $nombre en ella.';
$str. "\n";
eval("\$str = \"$str\";");
$str. "\n";
*/
////Usa una plantilla apra cada id
//$plantilla = remplacetas('parametrizacion','campo',$id,'descripcion'," tabla='form_id' and opcion = 'plantilla:$tipo'") ;
$plantilla = remplacetas('parametrizacion','campo',$id,'descripcion'," tabla='form_id' and opcion = 'plantilla:$tipo'") ;
///Usa una plantilla generica por nombre
$plantilla = remplacetas('parametrizacion','opcion',"plantilla:$tipo",'descripcion',"") ;
$plantilla= $plantilla[0];
if($plantilla != ""){
eval("\$plantilla = \"$plantilla \";");

View File

@ -17,6 +17,7 @@ $sigla = remplacetas('empresa','id','1','sigla') ;
$facebook = remplacetas('empresa','id','1','facebook') ;
$twitter = remplacetas('empresa','id','1','twitter') ;
$slogan = remplacetas('empresa','id','1','slogan') ;
$web = remplacetas('empresa','id','1','web') ;
?>
<!DOCTYPE html>
<html lang="en">
@ -29,6 +30,7 @@ $slogan = remplacetas('empresa','id','1','slogan') ;
<meta name="author" content="fredyrivera" >
<?php $xajax->printJavascript("milfs/xajax/"); ?>
<link rel="shortcut icon" href="favicon-152.png">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
<link href="milfs/css/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- <link href="http://getbootstrap.com/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet"> -->
@ -41,13 +43,38 @@ $slogan = remplacetas('empresa','id','1','slogan') ;
<!-- <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> -->
<!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
<link href="milfs/css/carousel.css" rel="stylesheet">
<style type="text/css">
body {
background: url("") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: gray;
background-color: black;}
.alert-info{
color: #341208;
border-color: #341208;
background-image: url("");
}
.jumbotron {
background-image: url("milfs/images/secure/?file=600/<?php echo $logo[0];?>");
/* background-image: url("milfs/images/secure/?file=full/<?php echo $logo[0];?>"); */
background-size: cover;
background-position: center;}
background-position: center;
/* text-shadow: 1px 1px 1px rgba(255,255,255,0.8) ; */
background-color: black;
}
.navbar-header > p { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline }
.navbar-header > strong{ font-size:20px; color: #802a2a; font-weight: normal; font-family: "Open Sans",sans-serif; ;display:inline}
.navbar-header {width: 50%;}
.div_aplicacion {
background-color: #f0eee1 !important;
}
.div_aplicacion:hover {
-webkit-animation: animatedBackground 1s ease-out 1;
-moz-animation: animatedBackground 1s ease-out 1;
@ -111,50 +138,71 @@ background-position: center;}
}
</style>
<?php if($_REQUEST[id] !='' AND $_REQUEST[c]){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";} ?>
</head>
<body>
<body>
<?php echo $onload; ?>
<div class='col-sx-12 ' id='logo_cabecera' style='width:100%;left:40px; background-color: white; '>
<div class='pull-right' >
<div style="">
<a target="_redes" href="mailto:<?php echo $email[0];?>"><span style='font-size:30px; color:black'><i class='fa fa-envelope'></i></span></a>
<a target="_redes" href="<?php echo $facebook[0];?>"><span style='font-size:30px; color:black'><i class='fa fa-facebook-square'></i></span></a>
<a target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span style='font-size:30px; color:black'<i class='fa fa-twitter'></i></span></a>
<img style="max-height:38px;" src="milfs/images/100x100.png" width='40px'>
</div>
</div>
</div>
<div class="navbar-header">
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<div class='col-sx-12 ' id='logo_cabecera' style='width:100%;left:40px; background-color: white; '>
<div class='pull-right' >
<div style="">
<a title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-envelope'></i></span></a>
<a title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-facebook-square'></i></span></a>
<a title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-twitter'></i></span></a>
<a title="Inicio" target="" href="?"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-home'></i></span></a>
</div>
</div>
</div>
<div class="navbar-header" style=" ">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"></a>
<p>|<?php echo $razon_social[0];?>|</p>
<strong><?php echo $slogan[0];?></strong>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a target="" href="?"><span style='font-size:30px; color:black'><i class='fa fa-home'></i></span></a></li>
<li></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</div>
<div class="jumbotron">
<h1><?php echo $razon_social[0]; ?></h1>
<p><?php echo $slogan[0]; ?></p>
</div>
<div class="container">
<?php echo aplicacion_carrusel("","8","galeria") ; ?>
<div class="container-fluid">
<div class="row">
<div class="col-sm-8">
</div>
<div class="col-sm-4">
</div>
</div>
<?php
if(isset($_REQUEST[id])){ echo contenido_aplicacion("$_REQUEST[id]"); }
else{ echo aplicaciones_listado("","grid");} ?>
if(isset($_REQUEST[id])){ echo contenido_aplicacion("$_REQUEST[id]","contenido"); }
else{
//echo contenido_aplicacion_nombre("Portada","banner") ;
//echo aplicaciones_listado("","grid");} ?>
<div class="container" style="width:80%">
<?php echo aplicaciones_listado("","banner");}
?>
</div>
<br></br>
</div>
<div class="center-block" style=" z-index:10000; bottom:10px;">
<div role='row' class='row center-block' style="width:95% ; "><?php //echo aplicacion_datos("$_REQUEST[id]");?></div>
@ -179,13 +227,15 @@ background-position: center;}
</div>
</div>
</div>
<div class='pie' style=" position: fixed;
<div class='pie' style=" position: fixed; z-index: 10000;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 50px;
background-color: white;">
<p class='text-center'> <?php echo "$direccion[0] $telefono[0] $email[0]"; ?></p>
background-color: white;
background-image: url('milfs/images/menosmicos/background.jpg');
">
<p class='text-center'> <?php echo "$razon_social[0] $slogan[0] $direccion[0] $telefono[0] <a href ='$web[0]'>$web[0]</a>"; ?></p>
<a class='pull-right' href='http://QWERTY.co/milfs'>Powered by: &copy; MILFS </a>
</div>
<!-- Bootstrap core JavaScript