Archivado/Surfagua_Web
Archived
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Boton 'me gusta' de facebook

Browse Source 
- arreglos menores


git-svn-id: https://192.168.0.254/svn/Proyectos.Surfagua_Web/trunk@6 7b1a0c54-578e-1249-b6f1-9f437cf0f32b
This commit is contained in:
David Arranz 2013-07-05 15:29:43 +00:00
parent d4abee9a72
commit 679950e082
8 changed files with 142 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/css/main.css
View File

@ -144,6 +144,12 @@ body {
padding: 0; padding: 0;
} }
.title a {
height: 166px;
width: 160px;
display: block;
}
.footer-container { .footer-container {
top: 0; top: 0;
right: 0; right: 0;
@ -153,7 +159,7 @@ body {
.footer-container footer p { .footer-container footer p {
font: 18px/24px Hectic, serif; font: 18px/24px Hectic, serif;
margin-right: 80px; margin-right: 80px;
text-indent: -80px; text-indent: -70px;
} }
.footer-container footer a { .footer-container footer a {
@ -195,17 +201,21 @@ nav a.current {
.links { .links {
display: block; display: block;
margin-top: 15px; margin-top: 15px;
text-align: center;
} }
.links * { .links .fb-like {
margin: 0 auto;
background: #7f7f7f;
}
.links .escuela {
overflow: hidden; overflow: hidden;
text-indent: -9000px; text-indent: -9000px;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
}
.links .escuela {
background: url('../img/logo-surfagua.jpg') no-repeat center; background: url('../img/logo-surfagua.jpg') no-repeat center;
height: 95px; height: 95px;
width: 160px; width: 160px;
@ -218,6 +228,11 @@ nav a.current {
width: 30px; width: 30px;
margin: 5px 0; margin: 5px 0;
padding: 0; padding: 0;
overflow: hidden;
text-indent: -9000px;
margin: 0;
padding: 0;
display: inline-block;
} }
.links .icon:nth-of-type(2) { .links .icon:nth-of-type(2) {
@ -234,10 +249,12 @@ nav a.current {
.links .twitter { .links .twitter {
background: url('../img/twitter.png') no-repeat center; background: url('../img/twitter.png') no-repeat center;
display: none;
} }
.links .flickr { .links .flickr {
background: url('../img/flickr.png') no-repeat center; background: url('../img/flickr.png') no-repeat center;
display: none;
} }
@ -254,12 +271,19 @@ nav a.current {
========================================================================== */ ========================================================================== */
.inicio { .inicio {
background: #a3c5c4; background: #585858;
}
.inicio .general-container {
padding-top: 90px;
} }
.inicio .main-container { .inicio .main-container {
background: #585858; background: #585858;
text-align: center; text-align: center;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
} }
.inicio .main-container a { .inicio .main-container a {
@ -433,6 +457,11 @@ nav a.current {
Helper classes Helper classes
========================================================================== */ ========================================================================== */
.oculto, .hidden {
display: none !important;
visibility: hidden;
}
.ir { .ir {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
@ -447,11 +476,6 @@ nav a.current {
height: 150%; height: 150%;
} }
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden { .visuallyhidden {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);

25
src/filosofia.html
View File

@ -11,12 +11,12 @@
<meta name="viewport" content="width=1044"> <meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
<link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/fonts.css"> <link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="filosofia"> <body class="filosofia">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a class="current" href="filosofia.html">Filosofia</a></li> <li><a class="current" href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>
@ -90,6 +101,6 @@
g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'; g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s) s.parentNode.insertBefore(g, s)
}(document, 'script')); }(document, 'script'));
</script> </script>
</body> </body>
</html> </html>

22
src/index.html
View File

@ -6,12 +6,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>AWA Escuela de Surf y Sup</title> <title>AWA | Tienda de Surf y mucho más. Escuela de Surf y Sup.</title>
<meta http-equiv="refresh" content="10;url=filosofia.html">
<link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="description" content=""> <meta name="description" content="Tienda de Surf, skates, tablas de bodyboards, parafinas, sudaderas, neoprenos, chanclas, grips... Escuela de SUP y SURF con monitores titulados, grupos reducidos (12 alumnos máximo), material de alquiler, clases para infantil, reserva de grupos, transporte, gestión de alojamiento.">
<meta name="viewport" content="width=1044"> <meta name="viewport" content="width=1044">
<link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/normalize.min.css">
@ -20,13 +19,20 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="inicio"> <body class="inicio">
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<a href="filosofia.html"><img src="img/entrada.gif"/></a> <p class="visuallyhidden">
AGUA, surf y cosas // AGUA, surf & things
Tienda de Surf que además puedes ver bolsos, skates, bikinis, parafinas,camisetas, alpargatas, sudaderas, neoprenos, chanclas, grips, playeras, gafas de sol, cuadernos, relojes, tablas de bodyboards,.. y mucho más...si no lo encuentras pregúntanos.
Escuela de SUP y SURF.
Con monitores titulados, grupos reducidos (12 alumnos máximo), material de alquiler, clases para infantil, reserva de grupos, transporte, gestión de alojamiento.
NOSOTROS TE LLEVAMOS TODO A LA PLAYA.
</p>
<a href="filosofia.html"><img src="img/entrada.gif" width="500" height="345"/></a>
</div> </div>
</div> </div>
<script> <script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']]; var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) { (function(d, t) {

19
src/la-escuela.html
View File

@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="la-escuela"> <body class="la-escuela">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a href="filosofia.html">Filosofia</a></li> <li><a href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>

19
src/la-tienda.html
View File

@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="la-tienda"> <body class="la-tienda">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a href="filosofia.html">Filosofia</a></li> <li><a href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>

19
src/links-amigos.html
View File

@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="links-amigos"> <body class="links-amigos">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a href="filosofia.html">Filosofia</a></li> <li><a href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>

19
src/monitores.html
View File

@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="monitores"> <body class="monitores">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a href="filosofia.html">Filosofia</a></li> <li><a href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>

19
src/tarifas.html
View File

@ -24,11 +24,21 @@
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head> </head>
<body class="tarifas"> <body class="tarifas">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.src = "http://connect.facebook.net/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="general-container"> <div class="general-container">
<div class="main-container"> <div class="main-container">
<aside> <aside>
<header class="wrapper clearfix"> <header class="wrapper clearfix">
<h1 class="title">Agua Surf y Cosas</h1> <h1 class="title"><a href="index.html">Agua Surf y Cosas</a></h1>
<nav> <nav>
<ul> <ul>
<li><a href="filosofia.html">Filosofia</a></li> <li><a href="filosofia.html">Filosofia</a></li>
@ -42,9 +52,10 @@
</nav> </nav>
<div class="links clearfix"> <div class="links clearfix">
<a href="" class="escuela">Surfawa - Escuela de surf</a> <a href="" class="escuela">Surfawa - Escuela de surf</a>
<a href="" class="icon facebook" title="Síguenos en Facebook">Síguenos en Facebook</a> <div class="fb-like" data-href="https://www.facebook.com/AguaSurfYCosas" data-send="false" data-layout="button_count" data-width="160" data-show-faces="false" data-font="verdana"></div>
<a href="" class="icon twitter" title="Síguenos en Twitter">Síguenos en Twitter</a> <a href="https://www.facebook.com/AguaSurfYCosas" class="icon oculto facebook" title="Síguenos en Facebook">Síguenos en Facebook</a>
<a href="" class="icon flickr" title="Estamos en Flickr">Estamos en Flickr</a> <a href="" class="icon oculto twitter" title="Síguenos en Twitter">Síguenos en Twitter</a>
<a href="" class="icon oculto flickr" title="Estamos en Flickr">Estamos en Flickr</a>
</div> </div>
</header> </header>
</aside> </aside>