implementación landingpage logo y barra superior de navegación

This commit is contained in:
Hacky Purple 2018-10-09 00:37:38 -05:00
parent 1af309fe2b
commit 9a0dc250a9
2 changed files with 73 additions and 36 deletions

View File

@ -1316,7 +1316,8 @@ document.oncopy = addLink;
}else{ echo "
<span style=' $no_mostrar '><div style='max-width:100%;' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
<a class='btn btn-link' href='./milfs' >Ingresa, se parte de nuestra comunidad</a></div></span>";
<a class='btn btn-link' id='ingreso_usuario' href='./milfs'>Ingresar <i class='fa fa-users' aria-hidden='true'></i> Aportar a la inteligencia colectiva</a></div></span>";
}
@ -1492,35 +1493,61 @@ echo $css_adicional;
<div class="row" id="cabecera">
<div class='pull-right redes_index'>
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<ul class="fh5co-social list-inline intro-social-buttons ">
<div class="container" id="cabecera">
<nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
<!-- <a style="color: yellow;" href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> -->
<div class='container navegacion'>
<div class='navbar-header'>
<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#navbar' aria-expanded='false' aria-controls='navbar'>
<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="./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>
</div>
<div id='navbar' class='navbar-collapse collapse'>
<!-- <ul class='nav navbar-nav'>
<li><a href='#proyectos'>Proyectos</a></li>
<li><a href='#servicios'>Servicios</a></li>
<li><a href='#precios'>Precios</a></li>
<li><a href='#patrocinio'>Patrocina</a></li>
</ul> -->
<ul class='nav navbar-nav navbar-right'>
<!-- <li><a href='#equipo'>Nosotros</a></li> -->
<?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><?php echo milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton",""); ?></li> -->
<li class='dropdown'>
<a href='#' class='dropdown-toggle' data-toggle='dropdown'>Ingresar<b class='caret'></b></a>
<!-- <ul class='dropdown-menu'>
<li><a href='#'>Desadministrador</a></li>
<li><a href='#'>Editor</a></li>
<li><a href='#'>Activista</a></li>
<li class='divider'></li>
<li><a href='#'>Registrarse</a></li>
</ul> -->
</li>
</ul>
<!-- <ul class="fh5co-social list-inline intro-social-buttons ">
-->
</div>
</nav>
</div>
<div id='meta_cabecera'>
<div class="container-fluid" id='principal_superior'>
<div class="col-md-9">
<div id='formulario_login' class='' ></div>
<div class='container' id='contenedor_cabecera'>
<div class='col-sm-3 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>
</div>
<div class='col-sm-6 col-md-7'>
<h1 id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1>
<div id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
</div>
</div>
<div class='container top' id='contenedor_cabecera'>
<h1 class="text-center" id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1>
<div class="text-center"id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
</div>
<div id="asistento" class="col-md-12 text-center">
@ -1553,8 +1580,6 @@ echo $css_adicional;
</div>
</div>
</div>
</header>
<div class="container-fluid" id='caja'>
@ -1712,6 +1737,7 @@ $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
</style>
<script type="text/javascript" src="librerias/landingjs/scripts_landing.js"></script>
</body>
</html>

View File

@ -0,0 +1,11 @@
$(window).scroll(function() {
if ($(document).scrollTop() > 5) {
$('nav').addClass('shrink');
} else {
$('nav').removeClass('shrink');
}
});
$(window).scroll(function(){
$(".top").css("opacity", 1 - $(window).scrollTop() / 100);
});