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

index.php

@@ -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="container" id="cabecera">
- 				<div class='pull-right redes_index'>
+ 				<nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
- 				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+ 				<!-- <a style="color: yellow;" href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> -->
-				<ul class="fh5co-social list-inline intro-social-buttons ">
+				<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='container top' id='contenedor_cabecera'>
-						<div class='col-sm-3 col-md-3' id='logo_cabecera'>
+
-							<a href="./e<?php echo $id_empresa; ?>">
+							<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>
-								<img id='logo_cabecera' class='center-block img img-responsive' style='' src="milfs/images/secure/?file=300/<?php echo $logo[0]; ?>">
+							<div class="text-center"id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
-							</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>
 
 	                 <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>

librerias/landingjs/scripts_landing.js

@@ -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);
+  });