API tools faq
paste
Advertisement
Guest User

testindex

a guest
Mar 31st, 2015
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
  6. <meta name="created" content="Wed, 01 Aug 2012 15:30:14 GMT">
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9.  <meta name="viewport" content="width=device-width">
  10. <title>ESPAÑA RESTAURANTE</title>
  11.  
  12.  
  13.  
  14. <link href="css/thrColFixHdr.css" rel="stylesheet" type="text/css" />
  15. <style>
  16. .slider2 {width: 330px; height:230px; position:relative;}
  17. a.next, a.prev {color:#000; background-color:transparent; border:1px solid #fff; outline:1px solid #ccc; text-shadow:-1px -1px 0px #fff; text-decoration:none; z-index:99; padding:0px 5px; display:block; }
  18. .next {position:absolute; right:-12px; top:50%;}
  19. .prev {position:absolute; left:-12px; top:50%;}
  20. a.inactive {color:#ccc; background-color:#fff; border:1px solid #eee; outline:none;}
  21. /* ul.navi is the generated navigational bullets we generate, you can disable this */
  22. ul.navi {list-style:none; position:absolute; bottom:10px; right:5px;}
  23. ul.navi li {float:left; margin-right:5px;}
  24. ul.navi li a {background-color:#CCC; display:block; height:10px; width:10px; text-indent:-9999px; outline:none; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow:  0px 0px 2px  #000000;
  25. -moz-box-shadow: 0px 0px 3px #000000;
  26. box-shadow: 0px 0px 1px #000000; }
  27. ul.navi li a.active {background-color:#fff;}
  28. </style>
  29. <script src="js/jquery.min.js"></script>
  30. <script src="css/custom_animations.js"></script>
  31. <script src="js/jSlider.js"></script>
  32. <script >
  33. $(document).ready(function(){
  34.   
  35.     $(".slider2").jSlider({elem:"div",images:true, animation: "random",auto_slide: true, auto_slide_interval:9000, infinite: true, speed:0});
  36. });
  37. </script>
  38.  
  39. <link type="text/css" rel="stylesheet" charset="UTF-8" href="js/translateelement.css">
  40.  
  41.   <!-- Fav and touch icons -->
  42.   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../ico/apple-touch-icon-144-precomposed.png">
  43.   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../ico/apple-touch-icon-114-precomposed.png">
  44.   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../ico/apple-touch-icon-72-precomposed.png">
  45.   <link rel="apple-touch-icon-precomposed" href="../ico/apple-touch-icon-57-precomposed.png">
  46.   <link rel="shortcut icon" href="../ico/favicon.png">
  47.    
  48. <!--Banner2-->
  49.         <!-- Incluimos la libreria jQuery -->
  50.         <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  51.         <!-- Opcional, importamos una fuente a gusto -->
  52.         <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  53.          
  54.          
  55.         <link rel="stylesheet" type="text/css" href="css/estilos.css">
  56.  
  57.         <!-- Incluimos la libreria jQuery -->
  58.         <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  59.   
  60.         <!-- Incluimos el plugin -->
  61.         <script src="js/bjqs.min.js"></script>
  62.         <script src="js/script.js"></script>
  63.         <!-- Opcional, importamos una fuente a gusto -->
  64.         <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  65.           
  66. <!--Termina Banner2-->
  67.  
  68. </head>
  69.  
  70.  
  71. <body>
  72. <div>
  73.     <img id="background" src="img/fondo-pagina_2.png" alt="" title="" /><!--Imagen de fondo que no se mueve-->
  74. </div>
  75.  
  76. <div id="scroller">
  77.     <!--#include virtual="/includes/top.html" -->
  78.     <!--#include virtual="/includes/imagen.html"-->
  79.     <div class="container">
  80.     <!--#include virtual="/includes/menu.html"-->
  81.     <!--#include virtual="/includes/columna.html"-->
  82.      
  83.  
  84.         <!--inicio del contenido-->
  85. <table width="680" cellspacing="0" cellpadding="5" border="0" style="float:left;">
  86. <tr><td align="center" >
  87. <div>
  88.  <!-- Caption Style -->
  89.     <style>
  90.         .captionOrange, .captionBlack
  91.         {
  92.             color: #fff;
  93.             font-size: 20px;
  94.             line-height: 30px;
  95.             text-align: center;
  96.             border-radius: 4px;
  97.         }
  98.         .captionOrange
  99.         {
  100.             background: #EB5100;
  101.             background-color: rgba(235, 81, 0, 0.6);
  102.         }
  103.         .captionBlack
  104.         {
  105.             font-size:16px;
  106.             background: #000;
  107.             background-color: rgba(0, 0, 0, 0.1);
  108.         }
  109.         a.captionOrange, A.captionOrange:active, A.captionOrange:visited
  110.         {
  111.             color: #ffffff;
  112.             text-decoration: none;
  113.         }
  114.         a.captionOrange:hover
  115.         {
  116.             color: #eb5100;
  117.             text-decoration: underline;
  118.             background-color: #eeeeee;
  119.             background-color: rgba(238, 238, 238, 0.7);
  120.         }
  121.         .bricon
  122.         {
  123.             background: url(../img/browser-icons.png);
  124.         }
  125.     </style>
  126.     <!-- it works the same with all jquery version from 1.x to 2.x -->
  127.     <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
  128.     <!-- use jssor.slider.mini.js (40KB) or jssor.sliderc.mini.js (32KB, with caption, no slideshow) or jssor.sliders.mini.js (28KB, no caption, no slideshow) instead for release -->
  129.     <!-- jssor.slider.mini.js = jssor.sliderc.mini.js = jssor.sliders.mini.js = (jssor.core.js + jssor.utils.js + jssor.slider.js) -->
  130.     <script type="text/javascript" src="js/jssor.core.js"></script>
  131.     <script type="text/javascript" src="js/jssor.utils.js"></script>
  132.     <script type="text/javascript" src="js/jssor.slider.js"></script>
  133.     <script>
  134.         jQuery(document).ready(function ($) {
  135.             //Reference http://www.jssor.com/development/slider-with-slideshow-jquery.html
  136.             //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html
  137.  
  138.             var _SlideshowTransitions = [
  139.             //Fade in R
  140.             {$Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
  141.             //Fade out L
  142.             , { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
  143.             ];
  144.  
  145.             var options = {
  146.                 $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
  147.                 $AutoPlaySteps: 1,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
  148.                 $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
  149.                 $PauseOnHover: 1,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
  150.  
  151.                 $ArrowKeyNavigation: true,                          //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
  152.                 $SlideDuration: 500,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
  153.                 $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
  154.                 //$SlideWidth: 600,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  155.                 //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  156.                 $SlideSpacing: 0,                                   //[Optional] Space between each slide in pixels, default value is 0
  157.                 $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  158.                 $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  159.                 $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  160.                 $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
  161.                 $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
  162.  
  163.                 $SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not
  164.                     $Class: $JssorSlideshowRunner$,                 //[Required] Class to create instance of slideshow
  165.                     $Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play slideshow
  166.                     $TransitionsOrder: 1,                           //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
  167.                     $ShowLink: true                                    //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
  168.                 },
  169.  
  170.                 $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
  171.                     $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
  172.                     $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
  173.                     $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
  174.                     $SpacingX: 10,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
  175.                     $SpacingY: 10                                    //[Optional] Vertical space between each item in pixel, default value is 0
  176.                 },
  177.  
  178.                 $ArrowNavigatorOptions: {
  179.                     $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
  180.                     $ChanceToShow: 2,                                //[Required] 0 Never, 1 Mouse Over, 2 Always
  181.                     $AutoCenter: 2                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
  182.                 },
  183.  
  184.                 $ThumbnailNavigatorOptions: {
  185.                     $Class: $JssorThumbnailNavigator$,              //[Required] Class to create thumbnail navigator instance
  186.                     $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
  187.                     $ActionMode: 0,                                 //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
  188.                     $DisableDrag: true                              //[Optional] Disable drag or not, default value is false
  189.                 }
  190.             };
  191.  
  192.             var jssor_sliderb = new $JssorSlider$("sliderb_container", options);
  193.             //responsive code begin
  194.             //you can remove responsive code if you don't want the slider scales while window resizes
  195.             function ScaleSlider() {
  196.                 var parentWidth = jssor_sliderb.$Elmt.parentNode.clientWidth;
  197.                 if (parentWidth)
  198.                     jssor_sliderb.$SetScaleWidth(Math.min(parentWidth, 600));
  199.                 else
  200.                     window.setTimeout(ScaleSlider, 30);
  201.             }
  202.  
  203.             ScaleSlider();
  204.  
  205.             if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
  206.                 $(window).bind('resize', ScaleSlider);
  207.             }
  208.  
  209.  
  210.             //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {
  211.             //    $(window).bind("orientationchange", ScaleSlider);
  212.             //}
  213.             //responsive code end
  214.         });
  215.     </script>
  216.     <!-- Jssor Slider Begin -->
  217.     <!-- You can move inline styles to css file or css block. -->
  218.     <br />
  219. <div id="sliderb_container" style="position: relative; width: 630px;
  220.         height: 238px; overflow: hidden;">
  221.  
  222.         <!-- Loading Screen -->
  223.         <div u="loading" style="position: absolute; top: 0px; left: 0px;">
  224.             <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
  225.                 background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
  226.             </div>
  227.             <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
  228.                 top: 0px; left: 0px;width: 100%;height:100%;">
  229.             </div>
  230.         </div>
  231.  
  232.         <!-- Slides Container -->
  233.         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 630px; height: 238px;
  234.             overflow: hidden;">
  235.             <div>
  236.                 <img src="img/callos-de-hacha-confondo.png" width="630" height="230" /></div>
  237.             <div>
  238.                 <img src="img/ensaladas.png" width="630" height="230"/>
  239.              
  240.             </div>
  241.             <div>
  242.                 <img src="img/tapas de atun.png" width="630" height="230"/>
  243.                  
  244.             </div>
  245.             <div>
  246.                 <img src="img/pechugas.png" width="630" height="230" />
  247.                  
  248.             </div>
  249.         </div>
  250.  
  251.         <!-- ThumbnailNavigator Skin Begin -->
  252.         <div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:600px;">
  253.           <!-- Thumbnail Item Skin Begin -->
  254.             <div u="slides">
  255.                 <div u="prototype" style="POSITION: absolute; WIDTH: 600px; HEIGHT: 27px; TOP: 18px; LEFT: 0;">
  256.                    <!-- <thumbnailtemplate style="font-family: verdana; font-weight: normal; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 1px; LEFT: 0; color: #fff; line-height: 45px; font-size: 20px; padding-left: 10px;"></thumbnailtemplate>--></div>
  257.             </div>
  258.             <!-- Thumbnail Item Skin End -->
  259.         </div>
  260.         <!-- ThumbnailNavigator Skin End -->
  261.          
  262.         <!-- Bullet Navigator Skin Begin -->
  263.         <!-- jssor slider bullet navigator skin 01 -->
  264.         <style>
  265.             /*
  266.             .jssorb01 div           (normal)
  267.             .jssorb01 div:hover     (normal mouseover)
  268.             .jssorb01 .av           (active)
  269.             .jssorb01 .av:hover     (active mouseover)
  270.             .jssorb01 .dn           (mousedown)
  271.             */
  272.             .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
  273.             {
  274.                 filter: alpha(opacity=70);
  275.                 opacity: .7;
  276.                 overflow:hidden;
  277.                 cursor: pointer;
  278.                 border: #000 1px solid;
  279.             }
  280.             .jssorb01 div { background-color:transparent; }
  281.             .jssorb01 div:hover, .jssorb01 .av:hover { background-color:transparent; }
  282.             .jssorb01 .av { background-color: #fff; }
  283.             .jssorb01 .dn, .jssorb01 .dn:hover { background-color:transparent; }
  284.         </style>
  285.         <!-- bullet navigator container -->
  286.         <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
  287.             <!-- bullet navigator item prototype -->
  288.             <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
  289.         </div>
  290.         <!-- Bullet Navigator Skin End -->
  291.          
  292.         <!-- Arrow Navigator Skin Begin -->
  293.         <style>
  294.             /* jssor slider arrow navigator skin 05 css */
  295.             /*
  296.             .jssora05l              (normal)
  297.             .jssora05r              (normal)
  298.             .jssora05l:hover        (normal mouseover)
  299.             .jssora05r:hover        (normal mouseover)
  300.             .jssora05ldn            (mousedown)
  301.             .jssora05rdn            (mousedown)
  302.             */
  303.             .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
  304.             {
  305.                 position: absolute;
  306.                 cursor: pointer;
  307.                 display: block;
  308.                 background: url(../img/a17.png) no-repeat;
  309.                 overflow:hidden;
  310.             }
  311.             .jssora05l { background-position: -10px -40px; }
  312.             .jssora05r { background-position: -70px -40px; }
  313.             .jssora05l:hover { background-position: -130px -40px; }
  314.             .jssora05r:hover { background-position: -190px -40px; }
  315.             .jssora05ldn { background-position: -250px -40px; }
  316.             .jssora05rdn { background-position: -310px -40px; }
  317.         </style>
  318.         <!-- Arrow Left -->
  319.         <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 123px; left: 8px;">
  320.         </span>
  321.         <!-- Arrow Right -->
  322.         <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 123px; right: 8px">
  323.         </span>
  324.         <!-- Arrow Navigator Skin End -->
  325.       
  326.         <!-- Trigger -->
  327.     </div>
  328.     <!-- Jssor Slider End -->
  329.     </div>
  330.     </td></tr>
  331.     <tr><td>
  332.     <img src="img/bienvenidos.png" width="681" height="45" />
  333.     </td></tr>
  334.     <tr><td>
  335.     <table width="670" border="0" align="center" >
  336.  
  337.         <tr width="335" height="230">
  338.             <td align="left"><img src="img/cocina-mediterrana.png" width="330" height="230" /></td>
  339.             <td >
  340.             <div id="slider">
  341.                 <ul class="bjqs">
  342.                     <li>
  343.                         <img src="img/recomendacion-del-chef1.png" alt="" title="" width="330" height="230" />
  344.                     </li>
  345.                     <li>
  346.                         <img src="img/recomendacion del chef 2.png" alt="" title="" width="330" height="230"/>
  347.                     </li>
  348.                     <li>
  349.                         <img src="img/recomendacion del chef 3.png" alt="" title="" width="330" height="230" />
  350.                     </li>
  351.                 </ul>
  352.             </div>
  353.             </td>
  354.         </tr>
  355.         <tr width="335" border="0">
  356.             <td align="center"><img src="img/foto-paella.png" width="312" height="152" /></td>
  357.             <td align="center"><img src="img/bullet.png" width="315" height="155" /></td>
  358.  
  359.         </tr>
  360.     </table>
  361.     </td></tr>
  362. </table>
  363.  
  364.  
  365.  
  366.     </td></tr>
  367. </table>
  368.  
  369.  
  370. <!-- end .container --></div>
  371.  
  372.     <!--fin del contenido-->
  373.     <div class="footer">
  374.     <img src="img/lineas abajo.png" width="100%" height="10" />   
  375.     <!-- end .footer -->
  376.     </div>
  377. </div>
  378. </body>
  379. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!