- 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
This commit is contained in:
parent
410961acba
commit
d585163507
@ -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"> | </span>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </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>
|
||||
@ -50,7 +65,6 @@
|
||||
<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>
|
||||
</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—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00</p>
|
||||
<p><span class="coloured-1">Horario:</span> Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—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>
|
||||
|
||||
@ -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"> | </span>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </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>
|
||||
Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—14:00
|
||||
</p>
|
||||
<p><span class="coloured-1">Horario:</span> Lunes—Viernes: 10:00—14:00 y 17:00—20:00 | Sábados: 10:00—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>
|
||||
|
||||
|
||||
@ -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"> | </span>
|
||||
<a href="#" class="current">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </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">
|
||||
|
||||
|
||||
@ -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"> | </span>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="#" class="current">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </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">
|
||||
|
||||
|
||||
@ -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">
|
||||
<a class="btn-slide" href="#"><div id="triangle-down"></div>Menú</a>
|
||||
</div>
|
||||
<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><!--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>
|
||||
//<!--
|
||||
|
||||
@ -27,16 +27,20 @@
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
<nav id="top">
|
||||
<a href="index.html">Inicio</a>
|
||||
<a href="acerca-de.html">Empresa </a>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a>
|
||||
<a href="galeria-montajes.html">Montajes</a>
|
||||
<a href="ofertas.html">Ofertas</a>
|
||||
<a href="#" class="current">Tienda</a>
|
||||
<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"> | </span>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="ofertas.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="#" class="current">Tienda</a><span class="coloured-3"> | </span>
|
||||
<a href="contacto.php">Contacto</a>
|
||||
<!--a href="service.html">services</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>
|
||||
|
||||
@ -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"> | </span>
|
||||
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3"> | </span>
|
||||
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3"> | </span>
|
||||
<a href="#" class="current">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="localizacion.html">Tienda</a><span class="coloured-3"> | </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>
|
||||
|
||||
@ -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,7 +72,7 @@ figure p{
|
||||
}
|
||||
#colours .color{
|
||||
float:left;
|
||||
height:4px;
|
||||
height:6px;
|
||||
width:196px;
|
||||
overflow:hidden;
|
||||
opacity:0.8;filter:alpha(opacity=80);
|
||||
@ -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;
|
||||
|
||||
Reference in New Issue
Block a user