文件操作 - gallery.html

文件: /home/tecnoht/public_html/carrozzeriavilla--com/gallery.html

编辑文件内容

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >

<head>
	

  
<link href="images/icon/icon_1.png" rel="shortcut icon" type="image/x-icon" />

jQuery.noConflict()

jQuery(document).ready(function()
				{
					jQuery('.hasTooltip').tooltip({"container": false});
				});
</script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
		jQuery('ul.sf-menu')
		.superfish({
			hoverClass:    'sfHover',         
		pathClass:     'overideThisToUse',
		pathLevels:    1,    
		delay:         500, 
		animation:     {opacity:'show', height:'show'}, 
		speed:         'normal',   
		speedOut:      'fast',   
		autoArrows:    false, 
		disableHI:     false, 
		useClick:      0,
		easing:        "swing",
		onInit:        function(){},
		onBeforeShow:  function(){},
		onShow:        function(){},
		onHide:        function(){},
		onIdle:        function(){}
		});
	});

jQuery(function(){
		jQuery('.sf-menu').mobileMenu({});
	})

jQuery(function(){
		var ismobile = navigator.userAgent.match(/(iPhone)|(iPod)|(android)|(webOS)/i)
		if(ismobile){
			jQuery('.sf-menu').sftouchscreen({});
		}
	});
	
	jQuery(document).ready(function(){
		jQuery('#camera-slideshow').camera({
			alignment			: "center", //topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight
			autoAdvance				: false,	//true, false
			mobileAutoAdvance	: false, //true, false. Auto-advancing for mobile devices

barDirection			: "leftToRight",	//'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'
			barPosition				: "bottom",	//'bottom', 'left', 'top', 'right'
			cols							: 6,
			easing						: "easeInOutExpo",	//for the complete list http://jqueryui.com/demos/effect/easing.html
			mobileEasing			: "easeInOutExpo",	//leave empty if you want to display the same easing on mobile devices and on desktop etc.
			fx								: "simpleFade",	
			mobileFx					: "simpleFade",		//leave empty if you want to display the same effect on mobile devices and on desktop etc.
			gridDifference		: 250,	//to make the grid blocks slower than the slices, this value must be smaller than transPeriod
			height						: "46.99646643109541%",	//here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'
			// imagePath					: 'images/',	//the path to the image folder (it serves for the blank.gif, when you want to display videos)
			hover							: false,	//true, false. Puase on state hover. Not available for mobile devices
			loader						: "none",	//pie, bar, none (even if you choose "pie", old browsers like IE8- can't display it... they will display always a loading bar)
			loaderColor				: "#eeeeee", 
			loaderBgColor			: "#222222", 
			loaderOpacity			: .8,	//0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1
			loaderPadding			: 2,	//how many empty pixels you want to display between the loader and its background
			loaderStroke			: 7,	//the thickness both of the pie loader and of the bar loader. Remember: for the pie, the loader thickness must be less than a half of the pie diameter
			minHeight					: "140px",	//you can also leave it blank
			navigation				: true,	//true or false, to display or not the navigation buttons
			navigationHover		: false,	//if true the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if false they will be 	visible always
			mobileNavHover		: true,	//same as above, but only for mobile devices
			opacityOnGrid			: false,	//true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is fullscreen or simply big, I recommend to set it false to have a smoother effect 
			overlayer					: false,	//a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)
			pagination				: false,
			playPause					: false,	//true or false, to display or not the play/pause buttons
			pauseOnClick			: false,	//true, false. It stops the slideshow when you click the sliders.
			pieDiameter				: 38,
			piePosition				: "rightTop",	//'rightTop', 'leftTop', 'leftBottom', 'rightBottom'
			portrait					: true, //true, false. Select true if you don't want that your images are cropped
			rows							: 4,
			slicedCols				: 6,	//if 0 the same value of cols
			slicedRows				: 4,	//if 0 the same value of rows
			// slideOn				: "",	//next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide
			thumbnails				: false,
			time							: 7000,	//milliseconds between the end of the sliding effect and the start of the nex one
			transPeriod				: 1500	//lenght of the sliding effect in milliseconds
			// onEndTransition		: function() {  },	//this callback is invoked when the transition effect ends
			// onLoaded					: function() {  },	//this callback is invoked when the image on a slide has completely loaded
			// onStartLoading		: function() {  },	//this callback is invoked when the image on a slide start loading
			// onStartTransition	: function() {  }	//this callback is invoked when the transition effect starts
		});
	});
</script>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic" rel="stylesheet" type="text/css">

</head>

<div id="wrapper">
    <div class="wrapper-inner">

<div id="header-row">
        <div class="row-container">
          <div class="container">
            <header>

<!--

<div id="cookiespolicy" style="height: 34px; width:100%; background: #ddd; font: normal 14px arial; margin: 0 auto; padding: 6px 20px; display:none ">
	<div style="margin: 0 auto; width:1000px;">
		<b>Informativa</b><br>
		Questo sito utilizza cookie tecnici per consentirti una migliore navigazione. Se vuoi saperne di piu` 
		<a href="http://www.81ceramica.it/cookies.php" > clicca qui.</a>
		<input type="button" value="Ok" style="padding: 6px 18px; float: right; margin: -16px 40px" onclick="donecookies()" />
	</div>
</div>
	-->

<div class="row">
	<div id="logo" class="span6">
		<a href="index-2.html">
			<img src="images/logo5-dx.png" alt="Auto"/>
		</a>
	</div>
	<div id="social" class="moduletable   span6">
		<div class="mod-menu__social">
			
			
			
			<ul class="menu social" id="SocialUl">
				
				<li><a target="_blank" href="https://www.facebook.com/pages/CARROZZERIA-VILLA/200826303330091?sk=timeline"><img src="images/social/facebook-logo%201.jpg" alt="Facebook" style="width:80px; margin-top:12px; float:right" /></a></li>
				
				<li style="margin-left:50px;"></li>
				
				
				
			</ul>
				
			<table style="width: 100px;float: right;" id="SocialTable">
				<tr>
					<td>
						<table style="width: 100%;">
							<tr>
								
								
								
								<td>
									<a href="https://www.facebook.com/pages/CARROZZERIA-VILLA/200826303330091?sk=timeline"><img src="images/social/2.jpg" alt="Facebook"/></a>
								</td>
								
								
								
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
					
					
								 
								
								
					</td>
				</tr>
				
			</table>
		</div>
	</div>
	
	
	<div class="moduletable navigation  span12">
		<ul class="sf-menu">
			
		<li class='' ><span class='sfHolder'><a href='index-2.html'>Home page</a></span></li><li class='' ><span class='sfHolder'><a href='carrozzeria.html'>Carrozzeria</a></span></li><li class='current active ' ><span class='sfHolder'><a href='gallery.html'>Galleria</a></span></li><li class='' ><span class='sfHolder'><a href='about.html'>Chi Siamo</a></span></li><li class='' ><span class='sfHolder'><a href='contact-us.html'>Contattaci</a></span></li>			</ul>
	</div>

</div>
            </header>
          </div>
        </div>
      </div>

<div id="content-row">
      <div class="row-container">
        <div class="container">
          <div class="content-inner row">
        
            
                    
            <div id="component" class="span12">
              
                      
              
                      
                
<div id="system-message-container">
<div id="system-message">
</div>
</div>
                
<div class="note"></div>

<div class="page_header">
    <h3><span class="item_title_part0">Galleria</span> </h3>  </div>
  
   
  
  
  
          <div class="filters">
          <b>Filtra per categoria:</b>

<div id="filters">
				
				<ul class="unstyled">
					<li style="width: 80px;color: #000000;font-size: 14px;"></li>
					<li><a href="#" data-filter="*" class="selected">Visualizza Tutto</a></li>
				</ul>
				<ul class="unstyled">
					<li style="width: 80px;color: #000000;font-size: 14px;">Lavorazioni:</li>
					<li><a class="" href="#"data-filter=".Restauro">Restauro</a></li>
					<li><a class="" href="#"data-filter=".Allestimenti">Allestimenti</a></li>
					<li><a class="" href="#"data-filter=".Verniciatura">Verniciatura</a></li>
					<li><a class="" href="#"data-filter=".LevaBolli">Leva bolli</a></li>
					<li><a class="" href="#"data-filter=".Parabrezza">Sostituzione parabrezza</a></li>
				</ul>
				<ul  class="unstyled">
					<li style="width: 80px;color: #000000;font-size: 14px;">Vetture:</li>
					<li><a class="" href="#"data-filter=".Alfa">Alfa</a></li>
					<li><a class="" href="#"data-filter=".Audi">Audi</a></li>
					<li><a class="" href="#"data-filter=".Austin">Austin</a></li>
					<li><a class="" href="#"data-filter=".Fiat">Fiat</a></li>
					<li><a class="" href="#"data-filter=".Ford">Ford</a></li>
					<li><a class="" href="#"data-filter=".Lancia">Lancia</a></li>
					<li><a class="" href="#"data-filter=".Porsche">Porsche</a></li>
					<li><a class="" href="#"data-filter=".Subaru">Subaru</a></li>
					<li><a class="" href="#"data-filter=".Topolino">Topolino</a></li>
					<li><a class="" href="#"data-filter=".Vespa">Vespa</a></li>
					<li><a class="" href="#"data-filter=".Volkswagen">Volkswagen</a></li>
					<li>-</li>
					<li><a class="" href="#"data-filter=".Furgoni">Furgoni</a></li>
				</ul>
			  </div>
          <div class="clearfix"></div>
        </div>

<div class="row-fluid">
<style>
.LightBoxToShow{
	display: block;
	position: relative;
	z-index: 2;
	height: 100%;
}
.LightBoxNotToShow{
	display:none;
}
</style>
<ul id="isotopeContainer" class="gallery items-row cols-3 hover_true">

</div>

var $cols = 3;
      var $container = $('#isotopeContainer');

$item = $('.gallery-item')
      $item.outerWidth(Math.floor($container.width() / $cols));

$container.isotope({
        animationEngine: 'best-available',
        animationOptions: {
            queue: false,
            duration: 800
          },
          containerClass : 'isotope',
          containerStyle: {
            position: 'relative',
            overflow: 'hidden'
          },
          hiddenClass : 'isotope-hidden',
          itemClass : 'isotope-item',
          resizable: true,
          resizesContainer : true,
          transformsEnabled: !$.browser.opera // disable transforms in Opera
      });

if($container.width() <= '767'){
        $item.outerWidth($container.width());
        $item.addClass('straightDown');
        $container.isotope({
          layoutMode: 'straightDown'
        });
      } else {
        $item.removeClass('straightDown');
        $container.isotope({
          layoutMode: 'fitRows'
        });
      }

$(window).resize(function(){
        $item.outerWidth(Math.floor($container.width() / $cols));
        if($container.width() <= '767'){
          $item.outerWidth($container.width());
          $item.addClass('straightDown');
          $container.isotope({
            layoutMode: 'straightDown'
          });
        } else {
          $item.outerWidth(Math.floor($container.width() / $cols));
          $item.removeClass('straightDown');
          $container.isotope({
            layoutMode: 'fitRows'
          });
        }
      });
    });
  })(jQuery);
  }); 
  </script>

var $container = $('#isotopeContainer');

// filter items when filter link is clicked
      $('#filters a').click(function(){
        var selector = $(this).attr('data-filter');
        $container.isotope({ filter: selector });
        return false;
      });

var $optionSets = $('#filters'),
          $optionLinks = $optionSets.find('a');

$optionLinks.click(function(){
              var $this = $(this);
              // don't proceed if already selected
              if ( $this.hasClass('selected') ) {
                return false;
              }
              var $optionSet = $this.parents('#filters');
              $optionSet.find('.selected').removeClass('selected');
              $this.addClass('selected');
        
              // make option object dynamically, i.e. { filter: '.my-filter-class' }
              var options = {},
                  key = $optionSet.attr('data-option-key'),
                  value = $this.attr('data-option-value');
              // parse 'false' as false boolean
              value = value === 'false' ? false : value;
              options[ key ] = value;
              if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
                // changes in layout modes need extra logic
                changeLayoutMode( $this, options )
              } else {
                // otherwise, apply new options
                $container.isotope( options );
              }
              
              return false;
          });
     });
  })(jQuery);
  }); 
  </script>

</div>
        
            
                      </div>
        </div>
      </div>
    </div>

<div id="push"></div>
    </div>
  </div>

<div id="footer-wrapper">
   <div class="footer-wrapper-inner">
	<div id="copyright-row" style="padding: 12px 0;">
		<div class="row-container">
			<div class="container">
				<div class="row">
					
					
					<div class="moduletable   span9" id="footerContatti" style="width: 1180px; margin-bottom: 7px">
						<div class="mod-menu" style="text-align:center;font-size:13px;">
							<span><strong style="font-size:17px;">Carrozzeria Villa</strong>&nbsp; - &nbsp;</span>
							<span>Via S. Agata 20 22066 Mariano Comense (CO)&nbsp; - &nbsp;</span> 
							<span>Società in nome collettivo - PIVA IT 03622510133&nbsp; - &nbsp;</span> 
							
							<p></p>
							<span>Tel. 031 749738 &nbsp; - &nbsp;</span> 
							<span>Cell. 338 3157097&nbsp; - &nbsp;</span>
							PEC  <a href="mailto:mailto:carvilla@pec.it">carvilla@pec.it</a>
							   |   
							<a href="mailto:carrozzeriavilla@virgilio.it">carrozzeriavilla@virgilio.it</a>
							
							
							
							<span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;</span>
							<span>&nbsp;&nbsp;&nbsp; </span>
						</div>
					</div>
					
						<br>
					<center>
						<a class="privacy_link" href="privacy-gdpr.html" style="font-size: 13px; color: #ddd">
							Trattamento dei dati personali & Cookies
						</a> | 
						<div id="bt_consenso" style="
		display: inline-block;
		cursor: pointer;
		font-size: 13px;
    color: #ddd;">
							Consenso
						</div>
					</center>
					
				</div>
			</div>
		</div>
	</div>
</div>

<style>

.consenso{
		width: 60%;
		padding: 10px 19%;
		height: 140px;
		background-color: #f4f4f4; /* #f4f4f4;*/
		border-top: solid 2px #aaa;
		position: fixed;
		bottom: 0px;
		z-index: 10000;
		display: none;
		color: #222;
	}
	#tb_consenso td{
		border: solid 1px #888;
		font-size: 10pt;
		text-align: center;
		height: 40px;
		cursor: pointer;
	}
	.consenso_button{
		 display: inline-block;
		 background-color: #18a300;
		 border: 1px solid #18a300;
		 padding: 3px 2px;
		 min-width: 80px;
		 color: #ffffff;
		 text-decoration: none;
		 margin-left: 0;
		 /*margin-top: 6px;*/
		 z-index: 10;
		 font-size: 9.5pt;
		 font-weight: 400;
		 margin-right: 0;
		 text-align: center;
		 white-space: nowrap;	
		 cursor: pointer;
	}
	.consenso_checkbox{
		/*
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		*/
		cursor: pointer;	
		display: inline-block;
	}
	.testo_consenso{
		font-size: 10pt;
		margin: 10px 0px 18px 0px;
		display: inline-block;
	}
	.consenso_disabled{
		color:	#aaa;
		
	}
	.div_dettagli_consenso{
		display: none;	
	}
	.tab1{
		width:60%;
	}
	.tab1 td{
		.width:50%;
		border: solid 1px #ccc;
		height: 26px;
		cursor: pointer;
	}
	.tab3{
		
	}
</style>
<div id="consenso" class="consenso" tag="1">

<b>Questo sito web utilizza i cookie</b><br>
<span class="testo_consenso">

Questo sito non utilizza cookies solo per memorizzare 
gli accessi anonimi sul database di Google Analytics.
</span>

<table style="width:100%" id="tb_consenso" >
		<tr>
			<td title="Obbligatorio - non può essere deselezionato. 
I cookie necessari aiutano a contribuire a rendere fruibile un sito web abilitando le funzioni di base come la navigazione della pagina e l'accesso alle aree protette del sito. Il sito web non può funzionare correttamente senza questi cookie.">
				<input type="checkbox" class="consenso_checkbox" checked=checked disabled />
				Necessario
			</td>
			<td class="consenso_disabled" title="Questo sito non utilizza cookies per memorizzare le preferenze. 
I cookie per le preferenze consentono a un sito web di ricordare le informazioni che influenzano il modo in cui il sito si comporta o si presenta, come la lingua preferita o la regione che ti trovi" >
				<input type="checkbox" class="consenso_checkbox"   disabled />
				Preferenze
			</td>
			<td title="I cookie statistici aiutano i proprietari del sito web a capire come 
i visitatori interagiscono con i siti raccogliendo e trasmettendo informazioni in forma anonima">
				<input type="checkbox" class="consenso_checkbox" checked=checked  />
				Statistiche
			</td>
			<td class="consenso_disabled" title="Questo sito non utilizza cookies per il Marketing.">
				<input type="checkbox" class="consenso_checkbox"  disabled  />
				Marketing
			</td>
				
			<td>
				<div class="consenso_button" id="bt_consenso_ok">
					OK
				</div>
			</td>
	
		</tr>
	</table>
	
	<div class="div_dettagli_consenso">
		<table class="tab1" style="">
			<tr>
				<td>
					Dichiarazione per i cookies
				</td>
				<td>
					Informazioni sui cookies
				</td>
			</tr>
		</table>

<table class="tab2" style="">
			<tr>
				<td>
					Dichiarazione per i cookies
				</td>
				<td>
					Informazioni sui cookies
				</td>
			</tr>
		</table>

<table border="1" class="tab3">
			<tbody>
				<tr>
					<td>Necessario</td>
					<td rowspan="5">&nbsp;</td>
				</tr>
				<tr>
					<td>Preferenze</td>
				</tr>
				<tr>
					<td>Statistiche</td>
				</tr>
				<tr>
					<td>Marketing</td>
				</tr>
				<tr>
					<td>Altri</td>
				</tr>
			</tbody>
		</table>

</div>
	
</div>
<script>

$( document ).ready( function(){
	
		console.log("qui consenso");
		
		$("#bt_consenso").click( function(){
		
			var oc=$("#bt_consenso");
			//console.log("click "+oc.tag)
			
			if ($("#consenso").is(":visible")==true) {
				$("#consenso")[0].style.display="none";
				//$("#backtotop").show();
			}else{
				$("#consenso")[0].style.display="block";
				//$("#backtotop").hide();
			}
			
			//$("#consenso")[0].style.display=($("#consenso").is(":visible")==true)?"none":"block";
			$("html, body").animate({ scrollTop: $(document).height() }, 1000);
			
			
		});
		
		$("#bt_consenso_ok").click( function(){
			$("#consenso").fadeOut(600);
		});

$("#consenso_dettagli").click( function(){
		
			/*
			if ( $("#consenso").height()>200){
				$("#consenso").css({height: "170px"});
				$("#consenso_dettagli").html("Mostra Dettagli")
				$(".div_dettagli_consenso").hide();
			}else{
				$("#consenso").css({height: "350px"});
				$("#consenso_dettagli").html("Nascondi dettagli")
				$(".div_dettagli_consenso").show();
			}
			*/
			
		});
		
	});

</script>

</div>
      <div id="back-top">
      <a href="#"><span></span> </a>
    </div>

</body>

</html>

文件操作 - gallery.html

文件: /home/tecnoht/public_html/carrozzeriavilla--com/gallery.html

编辑文件内容

修改文件时间

删除文件