Parrilla: poner ingredientes de las pizzas y fotos de pizzas.

git-svn-id: https://192.168.0.254/svn/Proyectos.LaManoDePablo_Web/trunk@28 1f125104-cfba-1d4b-a82f-f72e3caf8177
This commit is contained in:
David Arranz 2012-04-26 15:01:13 +00:00
parent e3dd68efab
commit 38e0444227
10 changed files with 130 additions and 270 deletions

View File

@ -27,8 +27,8 @@
</ul>
<nav>
<ul id="menu">
<li class="active"><a href="index.html">Restaurante</a></li>
<li><a href="carta.html">Carta</a></li>
<li><a href="index.html">Restaurante</a></li>
<li class="active"><a href="carta.html">Carta</a></li>
<li><a href="pizzas.html">Pizzas</a></li>
<li><a href="reservas.php">Reservas</a></li>
</ul>
@ -42,7 +42,7 @@
<h2>Entrantes</h2>
<figure><img src="images/page3_img2.jpg" alt="" ></figure>
<p>Una cuidada selección de entrantes para comenzar.</p>
<a href="galerias/entrantes/provoleta-rellena.jpg" data-fancybox-group="entrantes" class="fancybox button" title="Provoleta relllena">+ info</a>
<a href="galerias/entrantes/provoleta-rellena.jpg" data-fancybox-group="entrantes" class="fancybox button" title="Provoleta relllena">+ fotos</a>
<a href="galerias/entrantes/provolone-a-la-parrilla.jpg" data-fancybox-group="entrantes" class="fancybox" title="Provolone a la parrilla"></a>
</div>
</section>
@ -52,7 +52,7 @@
<h2>Parrilla</h2>
<figure><img src="images/page3_img3.jpg" alt="" ></figure>
<p>Tradicionales carnes y los más jugosos cortes a la parrilla.</p>
<a href="galerias/parrilla/chivito-al-pan.jpg" data-fancybox-group="parrilla" class="fancybox button" title="Chivito al pan">+ info</a>
<a href="galerias/parrilla/chivito-al-pan.jpg" data-fancybox-group="parrilla" class="fancybox button" title="Chivito al pan">+ fotos</a>
<a href="galerias/parrilla/chivito-al-plato.jpg" data-fancybox-group="parrilla" class="fancybox" title="Chivito al plato"></a>
<a href="galerias/parrilla/criollo.jpg" data-fancybox-group="parrilla" class="fancybox" title="Criollo"></a>
<a href="galerias/parrilla/lomo-alto.jpg" data-fancybox-group="parrilla" class="fancybox" title="Lomo alto"></a>
@ -68,7 +68,8 @@
<h2 class="letter_spacing">Pizzas</h2>
<figure><img src="images/page3_img1.jpg" alt="" ></figure>
<p>Nuestras crujientes pizzas también se sirven a domicilio.</p>
<a href="CookBook1.html" target="_blank" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;" class="button">+ info</a>
<a href="galerias/pizzas/IMG_0092.jpg" data-fancybox-group="pizzas" class="fancybox button" title="">+ fotos</a>
<a href="galerias/pizzas/IMG_0097.jpg" data-fancybox-group="pizzas" class="fancybox" title=""></a>
</div>
</div>
</section>
@ -91,7 +92,7 @@
<div class="cols rborder">
<figure><img src="images/page2_img3.jpg" alt=""></figure>
<p><strong>Nuestras frescas ensaladas</strong>, proporcionan una buena cantidad de fibra, agua y muy pocas calorías, no dejes de disfrutarlas.<br/>
<a href="galerias/ensaladas/ensalada-capresse.jpg" data-fancybox-group="ensaladas" class="fancybox aToolTip" title="Ensalada capresse">+ info</a>
<a href="galerias/ensaladas/ensalada-capresse.jpg" data-fancybox-group="ensaladas" class="fancybox aToolTip" title="Ensalada capresse">+ fotos</a>
<a href="galerias/ensaladas/ensalada-fresca.jpg" data-fancybox-group="ensaladas" class="fancybox" title="Ensalada fresca"></a></p>
</div>
@ -102,7 +103,7 @@
<div class="col2">
<figure><img src="images/page2_img5.jpg" alt=""></figure>
<p><strong>Deliciosos postres</strong> que sorprenderán los paladares más exigentes. La mejor forma de terminar una buena comida.<br/>
<a href="galerias/postres/IMG_0027.jpg" data-fancybox-group="postres" class="fancybox aToolTip">+ info</a>
<a href="galerias/postres/IMG_0027.jpg" data-fancybox-group="postres" class="fancybox aToolTip">+ fotos</a>
<a href="galerias/postres/IMG_0036.jpg" data-fancybox-group="postres" class="fancybox"></a>
<a href="galerias/postres/IMG_0051.jpg" data-fancybox-group="postres" class="fancybox"></a>
<a href="galerias/postres/IMG_0076.jpg" data-fancybox-group="postres" class="fancybox"></a>

View File

@ -1,234 +0,0 @@
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
padding: 0;
margin: 0;
position: relative;
outline: none;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../../webLMP1/css/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8020;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../../webLMP1/css/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('../../webLMP1/css/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: #000;
}
#fancybox-overlay.overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8030;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}

View File

@ -0,0 +1,17 @@
#tooltip {
border: 2px solid #A80002;
border-radius: 6px 6px 6px 6px;
font-size: 14px;
max-width: 205px;
padding: 1em;
position: absolute;
text-shadow: none;
z-index: 2000;
background: url(../images/bg_bot_img.jpg) repeat !important;
color: #333 !important;
opacity: 1 !important;
}
a.tooltip:hover {
cursor: help;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -0,0 +1,70 @@
(function($){
$.fn.toolTip = function(options) {
//Providing plugin defaults
var defaults = {
background: '#1e2227',
color: '#fff',
opacity: '0.9'
},
options = $.extend(defaults, options);
// Always return the jQuery object to allow for chainability.
return this.each(function() {
var elem = $(this);
//grab the title attribute
var title = elem.attr('title');
//only show the tooltip when the title is not empty
if(title != '') {
//creating the tooltip div
var tooltip = $('<div id="tooltip" />');
//Remove the title attribute's to avoid the native tooltip from the browser
elem.attr('title','');
// mouse over
elem.hover(function(e) {
tooltip.hide().appendTo('body')
.html(title)
.hide()
.css({
'background-color' : options.background,
'color' : options.color,
'opacity' : options.opacity,
})
.fadeIn(500);
},
// mouse out
function() {
tooltip.remove(); //remove the tooltip
});
}
//mouse move the tooltip will follow the cursor
//get X & Y position of the cursor
elem.mousemove(function(e) {
tooltip.css({
top: e.pageY + 10,
left: e.pageX + 20
});
});
});
}
})(jQuery);

View File

@ -1,16 +1,17 @@
<!DOCTYPE html>
<html lang="es">
<head>
<title>Pizzas - Restaurante La Mano de Pablo - Las Tablas</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Forum' type='text/css'>
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<meta charset="utf-8"/>
<title>Pizzas | Restaurante uruguayo La Mano de Pablo | Parrilla y pizzería</title>
<meta name="description" content="Auténtica parrilla uruguaya y pizzería. Reservas: 914 270 945. Calle Fromista, Las Tablas, 28050 Madrid"/>
<meta name="keywords" content="restaurante uruguayo, parrilla, carnes a la parrilla, parrillada, vacío, tira, entraña, asado de tira, chorizo a la parrilla, lomo alto, chivito al plato, chivito al pan, pizzería"/>
<meta name="author" content="La Mano de Pablo"/>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Forum" type="text/css" media="all"/>
<link rel="stylesheet" href="css/jquery.tooltip.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="fancybox/custom.js"></script>
<script src="js/jquery.tooltip.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
@ -32,21 +33,21 @@
</ul>
</nav>
<br class="clear"/>
<article>
<article id="pizzas">
<div class="wrap">
<section class="cols">
<div class="box">
<div>
<h2>Elija su <span>pizza</span></h2>
<ul>
<li><a href="#">Natural</a></li>
<li><a href="#">Montevideana</a></li>
<li><a href="#">Siciliana</a></li>
<li><a href="#">Cuatro Estaciones</a></li>
<li><a href="#">Clásica </a></li>
<li><a href="#">Carioca</a></li>
<li><a href="#">Mano de Pablo </a></li>
<li><a href="#">Napolitana</a></li>
<li><a title="" class="tooltip" href="#">Natural</a></li>
<li><a title="Salsa de tomate, mozzarella y orégano" class="tooltip" href="#">Montevideana</a></li>
<li><a title="Mozzarella, jamón york, aceitunas y orégano" class="tooltip" href="#">Siciliana</a></li>
<li><a title="Quesos: mozzarella, roquefort, parmesano y emmental" class="tooltip" href="#">Cuatro Estaciones</a></li>
<li><a title="Jamón york, aceitunas, cebolla, pimiento, morrón y queso parmesano" class="tooltip" href="#">Clásica </a></li>
<li><a title="Jamón york, mozzarella y piña" class="tooltip" href="#">Carioca</a></li>
<li><a title="Jamón york, beicon, aceituna verde, champiñon, palmito, huevo duro y queso parmesano" class="tooltip" href="#">Mano de Pablo </a></li>
<li><a title="Mozzarella y pesto" class="tooltip" href="#">Napolitana</a></li>
<li><a href="#">Al Pesto</a></li>
</ul>
</div>
@ -57,13 +58,13 @@
<div>
<h2>>>>>>>>> <span></span></h2>
<ul>
<li><a href="#">Provenzal</a></li>
<li><a href="#">Marinera</a></li>
<li><a title="Mozzarella, ajo, perejil, aceite de oliva y queso parmesano" class="tooltip" href="#">Provenzal</a></li>
<li><a title="Mozzarella, anchoas, sardinas, bonito, mejillones y pimiento morrón" class="tooltip" href="#">Marinera</a></li>
<li><a href="#">Paulista</a></li>
<li><a href="#">Criolla</a></li>
<li><a href="#">Calabresa </a></li>
<li><a href="#">Vegetariana</a></li>
<li><a href="#">Serrana </a></li>
<li><a title="Mozzarella, chorizo criollo, pimiento morrón y queso parmesano" class="tooltip" href="#">Criolla</a></li>
<li><a title="Mozzarella, cebolla, tomate natural, huevo y queso parmesano" class="tooltip" href="#">Calabresa </a></li>
<li><a title="Mozzarella, calabacín, berenjena, zanahoria, champiñon, setas, maíz y queso parmesano" class="tooltip" href="#">Vegetariana</a></li>
<li><a title="Mozzarella, jamón serrano, tomate natural y aceite de oliva" class="tooltip" href="#">Serrana </a></li>
<li><a href="#">Fainá con mozzarella</a></li>
<li><a href="#">Figazza con mozzarella</a></li>
</ul>
@ -126,5 +127,10 @@
<h3>Reservas: <span>914 270 945</span></h3>
<a rel="nofollow" href="http://www.kroquis.net/" target="_blank">Website </a> by kroquis.net </section>
</footer>
<script type="text/javascript">
$(document).ready(function(){
$('.tooltip').toolTip();
});
</script>
</body>
</html>

View File

@ -44,7 +44,7 @@
<h2>Entrantes</h2>
<figure><img src="images/page3_img2.jpg" alt="Entrantes" ></figure>
<p>Una cuidada selección de entrantes para comenzar.</p><br/><br/>
<a href="galerias/entrantes/provoleta-rellena.jpg" data-fancybox-group="entrantes" class="fancybox button" title="Provoleta relllena">+ info</a>
<a href="galerias/entrantes/provoleta-rellena.jpg" data-fancybox-group="entrantes" class="fancybox button" title="Provoleta relllena">+ fotos</a>
<a href="galerias/entrantes/provolone-a-la-parrilla.jpg" data-fancybox-group="entrantes" class="fancybox" title="Provolone a la parrilla"></a>
</div>
</section>
@ -54,7 +54,7 @@
<h2>Ensaladas</h2>
<figure><img src="images/page3_img3.jpg" alt="Ensaladas" ></figure>
<p>Ensaladas elaboradas con los ingredientes más frescos.</p><br/><br/>
<a href="galerias/ensaladas/ensalada-capresse.jpg" data-fancybox-group="ensaladas" class="fancybox button" title="Ensalada capresse">+ info</a>
<a href="galerias/ensaladas/ensalada-capresse.jpg" data-fancybox-group="ensaladas" class="fancybox button" title="Ensalada capresse">+ fotos</a>
<a href="galerias/ensaladas/ensalada-fresca.jpg" data-fancybox-group="ensaladas" class="fancybox" title="Ensalada fresca"></a></div>
</div>
</section>
@ -64,7 +64,7 @@
<h2 class="letter_spacing">Postres</h2>
<figure><img src="images/page3_img4.jpg" alt="Postres" ></figure>
<p>Deliciosos postres realizados con las recetas tradicionales que tanto gustan a nuestros clientes. <strong>¡No dejes de probarlos!</strong></p>
<a href="galerias/postres/chaja.jpg" data-fancybox-group="postres" class="fancybox button" title="Chaja">+ info</a>
<a href="galerias/postres/chaja.jpg" data-fancybox-group="postres" class="fancybox button" title="Chaja">+ fotos</a>
<a href="galerias/postres/IMG_0036.jpg" data-fancybox-group="postres" class="fancybox"></a>
<a href="galerias/postres/IMG_0051.jpg" data-fancybox-group="postres" class="fancybox"></a>
<a href="galerias/postres/IMG_0076.jpg" data-fancybox-group="postres" class="fancybox"></a>
@ -160,7 +160,7 @@
<h2>Entrantes <span></span></h2>
<figure><img src="images/page3_img2.jpg" alt="" ></figure>
<p class="pad_bot1">Una cuidada selección de entrantes para comenzar.</p>
<a href="Wine_2.html" target="_blank" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;" class="button1">+ info</a>
<a href="Wine_2.html" target="_blank" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;" class="button1">+ fotos</a>
</div>
</div>
@ -171,7 +171,7 @@
<h2>Ensaladas <span></span></h2>
<figure><img src="images/page3_img3.jpg" alt="" ></figure>
<p class="pad_bot1">Ensaladas elaboradas con los ingredientes más frescos.</p>
<a href="Wine_3.html" target="_blank" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;" class="button1">+ info</a>
<a href="Wine_3.html" target="_blank" onClick="window.open(this.href, this.target, 'width=600,height=600'); return false;" class="button1">+ fotos</a>
</div>
</div>
</section>