- Colocar el menú superior en todas las páginas y colocarlo en la parte de arriba para que sea más visible

- Hacer el horario más visible

git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@15 4d6e3d7e-063e-4044-a2d3-903626ba9061

src/acerca-de.html

@@ -32,6 +32,21 @@
                 </section><!--logo ends here-->
             </header>
 
+            <div id="main-content">
+                <div id="panel">
+                    <div class="panelblock">
+                        <nav id="slide-nav">
+                            <a href="#" class="current">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="contacto.php">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here-->            
+            
             <div id="main-content-index">
                 <div id="colours">
                     <span class="color color-1"></span>
@@ -48,9 +63,8 @@
                                 <section class="panelinfo">
                                     <h2>Quiénes somos</h2>
                                     <p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. Miles de clientes satisfechos, son nuestra mejor referencia. Calidad y servicio al mejor precio.</p>
-									<a href="localizacion.html"><figure><img src="images/tiendas.jpg" width="710" height="290" alt="Tiendas"/></figure></a>                                    
+                                    <a href="localizacion.html"><figure><img src="images/tiendas.jpg" width="710" height="290" alt="Tiendas"/></figure></a>                                    
                                 </section>
-                                <div class="divider"></div>
                             </div>
                         </div>
                     <!--/div--> <!-- .mask -->
@@ -76,13 +90,10 @@
                 <div id="panel-hours">
                     <div class="panelblock">
                         <article id="opening-hours">
-                            <p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+                            <p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
                         </article>
                     </div><!--panelblock ends here-->
                 </div><!--panel-hours ends here-->
-                <div id="bottom-nav"><a class="btn-slide" href="#">
-                        <div id="triangle-down"></div>
-                        Horario</a></div>
             </section><!--section hours ends here-->
 
         </div><!--inner-wrap ends here-->
@@ -121,14 +132,5 @@
          
             });
         </script>
-        <script>
-            $(document).ready(function(){
-                $(".btn-slide").click(function(){
-                    $("#panel-hours").slideToggle("slow");
-                    $(this).toggleClass("active"); return false;
-                });
-	 
-            });
-        </script>
     </body>
 </html>

src/contacto.php

@@ -43,6 +43,23 @@ $mensaje .= "Navegador: " . $_SERVER["HTTP_USER_AGENT"];
                     </p>
                 </section><!--logo ends here-->
             </header>
+            
+            <div id="main-content">
+                <div id="panel">
+                    <div class="panelblock">
+                        <nav id="slide-nav">
+                            <a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="#" class="current">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here-->            
+            
+            
             <div id="main-content-index">
                 <div id="colours">
                     <span class="color color-1"></span>
@@ -162,15 +179,10 @@ $mensaje .= "Navegador: " . $_SERVER["HTTP_USER_AGENT"];
                 <div id="panel-hours">
                     <div class="panelblock">
                         <article id="opening-hours">
-                            <p>
+                            <p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
-                                Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00
-                            </p>
                         </article>
                     </div><!--panelblock ends here-->
                 </div><!--panel-hours ends here-->
-                <div id="bottom-nav">
-                    <a class="btn-slide" href="#"> <div id="triangle-down"></div> Horario</a>
-                </div>
             </section><!--section hours ends here-->
         </div><!--inner-wrap ends here-->
         <div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/>
@@ -209,16 +221,6 @@ $mensaje .= "Navegador: " . $_SERVER["HTTP_USER_AGENT"];
             });
 
         </script>
-        <script>
-            $(document).ready(function() {
-                $(".btn-slide").click(function() {
-                    $("#panel-hours").slideToggle("slow");
-                    $(this).toggleClass("active");
-                    return false;
-                });
-            });
-
-        </script>
     </body>
 </html>
 

src/galeria-exposiciones.html

@@ -30,6 +30,20 @@
                     <p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
                 </section><!--logo ends here-->
             </header>
+            <div id="main-content">
+                <div id="panel">
+                    <div class="panelblock">
+                        <nav id="slide-nav">
+                            <a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="#" class="current">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="contacto.php">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here-->              
 
             <div id="main-content-index">
 

src/galeria-montajes.html

@@ -30,6 +30,20 @@
                     <p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
                 </section><!--logo ends here-->
             </header>
+            <div id="main-content">
+                <div id="panel">
+                    <div class="panelblock">
+                        <nav id="slide-nav">
+                            <a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="#" class="current">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="contacto.php">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here--> 
 
             <div id="main-content-index">
 

src/index.html

@@ -34,12 +34,6 @@
                 </header>
 
                 <div id="main-content">
-                    <section id="frontpage">
-                        <article>
-                            <h1>Más de 30 años <span class="coloured-2">creando ambientes</span> de <span class="coloured-1">cocina y baño</span> en <span class="coloured-2">Madrid</span></h1>
-                            <p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. </p>
-                        </article>
-                    </section><!--frontpage ends here-->
                     <div id="panel">
                         <div class="panelblock">
                             <nav id="slide-nav">
@@ -52,9 +46,13 @@
                             </nav>
                         </div><!--panelblock ends here-->
                     </div><!--panel ends here-->
-                    <div id="bottom-nav">
+                    <section id="frontpage">
-                        <a class="btn-slide" href="#"><div id="triangle-down"></div>Menú</a>
+                        <article>
-                    </div>
+                            <h1>Más de 30 años <span class="coloured-2">creando ambientes</span> de <span class="coloured-1">cocina y baño</span> en <span class="coloured-2">Madrid</span></h1>
+                            <p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. </p>
+                        </article>
+                    </section><!--frontpage ends here-->
+
                 </div><!--main-content ends here-->
             </div><!--inner-wrap ends here-->
         </div><!--wrapper ends here-->
@@ -73,16 +71,6 @@
                 $("#crossslide").ezBgResize();
             });
         </script>
-
-        <script>
-            $(document).ready(function(){
-                $(".btn-slide").click(function(){
-                    $("#panel").slideToggle("slow");
-                    $(this).toggleClass("active"); return false;
-                });
-	 
-            });
-        </script>
         <!--sliding background-->
         <script> 
             //<!--

src/localizacion.html

@@ -27,16 +27,20 @@
                 </section><!--logo ends here-->
             </header>
 
-            <nav id="top">
+            <div id="main-content">
-                <a href="index.html">Inicio</a>
+                <div id="panel">
-                <a href="acerca-de.html">Empresa </a>
+                    <div class="panelblock">
-                <a href="galeria-exposiciones.html">Exposiciones</a>
+                        <nav id="slide-nav">
-                <a href="galeria-montajes.html">Montajes</a>
+                            <a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
-                <a href="ofertas.html">Ofertas</a>    
+                            <a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
-                <a href="#" class="current">Tienda</a>
+                            <a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
-                <a href="contacto.php">Contacto</a>
+                            <a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
-                <!--a href="service.html">services</a-->
+                            <a href="#" class="current">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
-            </nav>
+                            <a href="contacto.php">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here--> 
 
         </div><!--inner-wrap-map ends here-->
         <div id="map_canvas"></div>

src/ofertas.html

@@ -31,6 +31,21 @@
                 </section><!--logo ends here-->
             </header>
 
+            <div id="main-content">
+                <div id="panel">
+                    <div class="panelblock">
+                        <nav id="slide-nav">
+                            <a href="acerca-de.html">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="#" class="current">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
+                            <a href="contacto.php">Contacto</a>
+                        </nav>
+                    </div><!--panelblock ends here-->
+                </div><!--panel ends here-->
+            </div><!--main-content ends here-->
+            
             <div id="main-content-index">
                 <div id="colours">
                     <span class="color color-1"></span>

src/styles.css

@@ -38,34 +38,8 @@ strong{
 }
 figure img{
 	float:left;
-	opacity: .7;
-	-moz-transition: opacity;
-    -moz-transition-timing-function: ease-out;
-    -moz-transition-duration: 500ms;
-    -webkit-transition: opacity;
-    -webkit-transition-timing-function: ease-out;
-    -webkit-transition-duration: 500ms;
-	-o-transition: opacity;
-    -o-transition-timing-function: ease-out;
-    -o-transition-duration: 500ms;
-	transition: opacity;
-    transition-timing-function: ease-out;
-    transition-duration: 500ms;
 }
 figure img:hover{
-	opacity: 1;
-	-moz-transition: opacity;
-    -moz-transition-timing-function: ease-out;
-    -moz-transition-duration: 500ms;
-    -webkit-transition: opacity;
-    -webkit-transition-timing-function: ease-out;
-    -webkit-transition-duration: 500ms;
-	-o-transition: opacity;
-    -o-transition-timing-function: ease-out;
-    -o-transition-duration: 500ms;
-	transition: opacity;
-    transition-timing-function: ease-out;
-    transition-duration: 500ms;
 }
 figure p{
 	color:#fff;
@@ -98,10 +72,10 @@ figure p{
 }
 #colours .color{
     float:left;
-    height:4px;
+    height:6px;
     width:196px;
     overflow:hidden;
-	opacity:0.8;filter:alpha(opacity=80);
+    opacity:0.8;filter:alpha(opacity=80);
 }
 #colours .color-1{ 
 background-color:#C0FF6E; /*#8a8f42;*/
@@ -181,6 +155,11 @@ nav#slide-nav a:hover{
 	color:#C0FF6E;
 	/*text-shadow:0px 0px 1px #555;*/
 }
+
+nav#slide-nav a.current {
+	color:#A0F037;
+}
+
 /* ------------------------------------------------------------------------------------
 --  2) SIDE NAVIGATION STYLES FOR ALL PAGES APART INDEX
 ------------------------------------------------------------------------------------ */
@@ -319,7 +298,7 @@ header{
     display:none; 
 }
 .panelinfo{
-	margin:0 20px;
+	margin: 8px 20px;
 }
 .panelinfo2{
 	margin:20px;
@@ -425,9 +404,8 @@ section#hours{
 }
 #panel-hours{
 	float:left;
-	background:rgba(96,120,96,0.8);
+	background:rgba(125, 166, 71, 0.9);
 	width:980px;
-	display: none;
 	border:1px solid #7DA647;
 }
 #opening-hours{
@@ -435,7 +413,7 @@ section#hours{
 	margin:20px 30px 20px 0;
 }
 #opening-hours p{
-	text-transform:uppercase;
+	text-transform: uppercase;
 	color:#fff;
 	text-align:center;
 	display:inline;
@@ -446,7 +424,7 @@ section#hours{
 	-moz-transition-duration: 1s;
     -o-transition-duration: 1s;*/
 	padding:10px 0;
-	font-size:0.8em;
+	font-size:1em;
 }
 /* ------------------------------------------------------------------------------------
 --  PAGES 
@@ -540,7 +518,7 @@ div#main-content{
 }
 #panel{
 	float:left;
-	background:rgba(125,166,71,0.8);
+	background:rgba(125,166,71,0.9);
 	width:660px;
 	/*display: none;*/
 	border:1px solid #7DA647;