Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Feh_Paiva

Site desconfigurado

Recommended Posts

Boa tarde Pessoal do IMasters,  Gostaria que me ajudassem a resolver um problema com meu site.

Quando eu entro no site pelo meu computador, antes de postar, está tudo perfeito e funcionando, mas quando eu posto no host pelo FileZilla,  o site fica todo desconfigurado e faltando partes que deveriam estar lá.

Segue abaixo HTML e  CSS do index do site para análise.

O site é www.sysma.com.br caso queiram ver.

 

 

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/modelo.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<style>@import url('https://fonts.googleapis.com/css?family=Raleway');</style>
<link rel="icon" href="img/icone_guia_sysma.png" type="image/x-icon" />
<link rel="shortcut icon" href="img/icone_guia_sysma.png" type="image/x-icon" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<link href="css/stilo_6_home.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<title>Sysma</title>
<meta name="description" content="Venda e instalação de equipamentos e acessórios no seguimento de áudio, vídeo, home theater, elétrica, gesso e iluminação." />

<link href="css/stilo_6.css" rel="stylesheet" type="text/css" />
<link href="jsImgSlider/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="jsImgSlider/js-image-slider.js" type="text/javascript"></script>
<script type="text/javascript" src="script.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>

<!--Botão voltar pasa cima-->


</div>
  <div id="tudo">
  <div class="header">
  <div class="container">
  	<div style="float:left"><a href="index.html"><img src="Logos/logo%20aprovado%20sysma.png" width="200" height="90" /></a></div>
  	<!-- InstanceBeginEditable name="EditMenu" -->
  	

    <a name="home"></a>

    <div class="menu">
  	   
       <ul>
  	    <li><a href="#home" target="_self">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#serviços" target="_self">&nbsp;&nbsp;&nbsp;Serviços&nbsp;&nbsp;&nbsp;</a></li>
        <li><a href="#empresa" target="_self">&nbsp;&nbsp;&nbsp;&nbsp;Empresa&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#produtos" target="_self">&nbsp;&nbsp;&nbsp;Produtos&nbsp;&nbsp;&nbsp;</a></li>
  	    <li><a href="#contato" target="_self">&nbsp;&nbsp;Contato&nbsp;&nbsp;</a></li>
        <li><a href="parceiros.html" target="_self">&nbsp;&nbsp;Parceiros&nbsp;&nbsp;</a></li>
      </ul>
     </div>
  	<!-- InstanceEndEditable -->
  	<div class="clearfloat"></div>
  	<!-- end .header --></div></div>
    <div class="clearfloat"></div>
<!-- InstanceBeginEditable name="EditRegionespaco" -->
    
    <div class="espaco">
    <br />
    <br />
	<br />
	<br />
    <br />
    <br />
	<br />
	<br />
    <br />
	<br />
	<br />
    <br />
	
    </div>
    
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="EditRegionConteudo" -->
    <div class="conteudo">
	<div class="content">
    <div class="container">
    


    <a name="serviços"></a>&nbsp;
    


    <br />
    <h1 style="margin-top: -30px">SERVIÇOS</h1>
    <div class="atalho_servicos">

    <h2 style="line-height: 29px">CABEAMENTO DE REDE<br/></h2>
    <h2 style="margin-top: -30px"><br/>Instalação, Manutenção e Certificação</h2>
    <div class="atalho_serv_conteudo">
    	<a href="cabeamento.html"><img id="foto01" src="img/servico-rede4.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">As melhores soluções desde cabos especiais e conversores até réguas personalizadas para Rack.</h4>
    </div>
    
    <div class="atalho_servicos" style="margin-left:15px; margin-right:15px;">
    <h2 style="line-height: 29px">CABEAMENTO ÁUDIO E VÍDEO<br/></h2>
    <h2 style="margin-top: -30px"><br/>Instalação, Manutenção e Conserto</h2>
    <div class="atalho_serv_conteudo">
    <a href="distribuicao_video.html"><img src="img/servico-av.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">Linha completa de materiais, realizamos projetos seja ele com extensores, matrizes, splitters ou switchers.</h4>
    </div>
     
    <div class="atalho_servicos2" >
    <h2 style="line-height:29px">ELÉTRICA<br/></h2>
    <br/>
    <h2 style="margin-top: -26px"><br/>Instalação, Manutenção e Conserto</h2>
    <div class="atalho_serv_conteudo">
    	<a href="instalacao_eletrica.html"><img src="img/servico-eletrica3.png" width="250" height="225" /></a>
    </div>
    <h4 style="font-size: 18px" style="margin-top: -5px">Especializados em serviços de elétrica de pequeno a grande porte, deste um simples reparo até troca de fiações.</h4>
    </div>
    </div>
    <div class="clearfloat"></div>
  	<br />
    <br />
	</div></div>
    
    <div class="content_cinza">
    <div class="container">



<a name="produtos"></a>&nbsp;



    <br />
    <h1>PRODUTOS</h1>
    
   <div class="atalho_produtos" style="margin-left: 5px">
    <h4>Cabos de Áudio 
    <br/>e Vídeo</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=cabos_audio_video.html><img src="img/cabos_audio_video/cabo-hdmi-x-hdmi.jpg"></a>
    </div>
    </div>
   
    <div class="atalho_produtos">
    <h4>Acessórios Áudio 
    <br/>e Vídeo</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=seletor_audio_video.html><img src="img/seletor_audio_video/EXTENDER_HDMI_LEN-LKV373.jpg"></a>
    </div>
    </div>

   <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cabos Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=cabos_cisco.html><img src="img/cabos_cisco/CAB-SS-V35MT.png"></a>
    </div>
    </div>
 
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cisco GBIC</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=cisco_gbic.html><img src="img/cisco_gbic/CISCO_GLC-T.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Roteadores Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=roteadores_cisco.html><img src="img/roteadores_cisco/Cisco7204-VXR.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos" style="margin-left: 5px">
    <h4 style="margin-top: 10px">Switches Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=switches_cisco.html><img src="img/switches_cisco/Catalyst_WS-C3750-48TS-S.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Módulos Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=modulos_cisco.html><img src="img/modulos_cisco/WS-G5484-1000BASE-SX.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4>Placas Ethernet Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px">
        <a href=placas_ethernet_cisco.html><img src="img/placas_ethernet_cisco/HWIC-2T.png"></a>
    </div>
    </div>

        <div class="atalho_produtos" style="margin-left: 5px">
    <h4 style="margin-top: 10px">Telefones Cisco</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=telefones_cisco.html><img src="img/telefones_cisco/IP_Cisco8941.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Kit Telefonia IP</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px">
        <a href=kit_telefonia.html><img src="img/kit_telefonia/kit_telefonia_ip.png"></a>
    </div>
    </div>
    
    <div class="atalho_produtos">
    <h4>Telefones Panasonic</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: -10px; margin-left: 40px;">
        <a href=telefones_panasonic.html><img src="img/telefones_panasonic/telefone_dect_digital.png"></a>
    </div>
    </div>
 
       <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Cabos de Força</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 40px;">
        <a href=cabos_forca.html><img src="img/cabos_forca/CAB.IEC320.C13_NBR14136.png"></a>
    </div>
    </div>    

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Elétrica</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 41px;">
        <a href=eletrica.html><img src="img/eletrica/timer.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">NoBreaks e PDU</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 43px;">
        <a href=nbpdu.html><img src="img/nbpdu/nobreak06.png"></a>
    </div>
    </div>

    <div class="atalho_produtos">
    <h4 style="margin-top: 10px">Racks</h4><br />
    <div class="atalho_prod_conteudo" style="margin-top: 10px; margin-left: 45px;">
        <a href=rack.html><img src="img/racks/rack_todo_perfurado.png"></a>
    </div>
    </div>

	     <div class="clearfloat"></div>
	<p>

	</p>
	<br />
    <br />
	     </div></div>
     
     <div class="content_cinza2">
     <div class="container">


    


    <a name="empresa"></a>&nbsp;
    


    <br />
    <h1>EMPRESA</h1>
    <p><h4 class="empresa" align="center">Desde 1983, a Sysma trabalha com a venda e instalação das marcas mais bem conceituadas do mercado, nossa atuação abrange:
    <br />
    Equipamentos, Cabos e acessórios para Telecomunicações, Informática, Áudio, Distribuição de Vídeo e Elétrica.
    <br />
    Nosso objetivo é oferecer o que há de melhor em inovação e tecnologia para o mercado Brasileiro.</h4></p>

    <h2 align="center" style="font-size: 25pt">Nossa Missão </h2>
    <p><h4 class="empresa" align="center">Oferecer soluções eficazes, que se adequem aos projetos dos nossos clientes, trazendo facilidade, tranquilidade, comodidade, segurança e conforto.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Transparência</h2>
    <p><h4 class="empresa" align="center">Estabelecemos com nossos clientes, colaboradores e fornecedores uma relação de
    ética, transparência e respeito.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Time</h2>
    <p><h4 class="empresa" align="center">Contamos com um time de funcionários e parceiros prontos a atender o seu projeto.
    Com a colaboração de engenheiros, técnicos e projetistas, desenvolvemos técnicas próprias a cada situação, nos adequando as necessidades dos nossos clientes e buscando sempre o aprimoramento e atualizações constantes.</h4></p>
    
    <h2 align="center" style="font-size: 25pt">Clientes</h2>
    <p><h4 class="empresa" align="center">Temos clientes espalhados por todo o Brasil, entre Bancos, Multinacionais, Escritórios Comerciais e empresas de diversos portes.</h4>
    
     </p>
    <br />
    <br />
    </div></div>
    
    <div class="content2"> 
    <div class="container">



<a name="contato"></a>&nbsp;
     


     <br />
     <h1>CONTATO</h1>
     
     <form id="contat" name="contat" method="post" action="enviar.php" style="float:left; margin-left:20px; text-align:left">


<p><label for="nome">Nome:</label><br />
<input type="text" name="nome" id="nome" size="67px"/><br /><br />
<label for="email">E-mail:</label><br />
<input type="text" name="email" id="email" size="67px"/><br /><br />
<label for="telefone">Telefone:</label><br />
<input type="text" name="telefone" id="telefone" size="67px"/><br /><br />
<label for="assunto">Assunto:</label><br />
<input type="text" name="assunto" id="assunto" size="67px"/><br /><br />
<label for="mensagem">Mensagem:</label>
<br />
<textarea cols="50" rows="3" name="mensagem" id="mensagem"></textarea>
<br />
<input name="charset" type="hidden" value="UTF-8" />
<input type="submit" name="enviar" value="ENVIAR" onClick="submit" />
</p>
<br />
</form>

	<div style="float:right; text-align: center; width:380px; margin-right:20px; margin-top:60px; font-size: 16pt;">
    <p>Use o formulário ao lado e entre em contato conosco</p>
      <p><a href="mailto:vendas@sysma.com.br">vendas@sysma.com.br</a></p>
    </blockquote>
    <p>Tel.: (11) 5031-5694 / 5031-7860</p>
	</div>
     
    <div class="clearfloat"></div>
    </div></div>
    <!-- InstanceEndEditable -->
<div class="voltaraotopo">
<a href="#" id="subir">Voltar ao topo</a>    
</div>
    <div class="footer">


  <div class="container">
    <div class="fltlft">Contato: (11) 5031-5694 / (11) 5031-7860
    <br/>Mail: vendas@sysma.com.br
    <br/>Endereço: Rua Orlando Murgel, 614
    <br/>Jd. Aeroporto - São Paulo - SP
    <br/>CEP: 04358-090

    
    <br/> <div class="fltrt">Encontre-nos no: 
    
	<a href="https://www.facebook.com/www.sysma.com.br" target="blank"><img src="img/fb_logo.png" width="59" height="56" align="absmiddle" /></a>

    <a href="https://www.linkedin.com/in/sysma" target="blank"><img src="img/icon-linkedin.png" width="58" height="55" align="absmiddle" /></a>

    <a href="https://twitter.com/Sysma_Cabos" target="blank"><img src="img/icon-twitter.png" width="58" height="55" align="absmiddle"  /></a>
    
    </div></div>

		 <div class="clearfloat"></div>
    <!-- end .footer --></div></div>
    <!-- Google Analytics -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-7044166-1', 'auto');
  ga('send', 'pageview');

</script>
<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){ 
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
</div>
</body>
<!-- InstanceEnd --></html>

CSS

@charset "utf-8";
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Noto Serif', serif;
	font-style: normal;
	font-size: 12pt;
	overflow-x: hidden;
}

#tudo {
	width: 760px
	margin:0 auto;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	color: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 80px;
}
h2 {
	font-size: 25px;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px; 
}
h3 {
    text-align: center;
	font-size: 80px;
	color: #023e66;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 280px;
}
h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500px;
	line-height: 30px;
}

h5 {
	margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
}

h6 {
	margin-top: 0;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500px;
	line-height: 20px;
}

h4.empresa {
   font-family: arial, sans-serif-light, sans-serif;
   font-weight: lighter;
   font-size: 18pt;
}

p {
	text-align: left;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover, a:active, a:focus {
	color: #000;
}
.container {
	width: 990px;
	margin: 0 auto;
	margin-left: 220px;
}
.header {
	padding-top: 5px;
	background:#606060; 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: .9;
	background-repeat: repeat;
	position: relative;
	width: 1445px;
}

.conteudo {
	padding: 10px 0;
	font-size: 16pt;
	background-color: white;
	margin: auto;
	width: 1445px;
}

.content {

	background-color: white;
	width: 1445px;
	height: 870px;
}

.content2 {

	background-color: white;
	width: 1445px;
	height: 550px;
}

.content_cinza {
	
	background-color: #f2f2f2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 4oopx;
	width: 1445px;
	margin-top: -200px;
}

.content_cinza2 {
	background-color: #F2F2F2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 1025px;
	width: 1445px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}
.footer {
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	color: #FFFFFF;
	height: 110px;
	width: 1445px;
	background-color: #606060;
	background-repeat: repeat;
	font-size: 12pt;
	font-weight: bold;
}

.espaco{
	height: 150px;
	padding-top: 200px;
}

/* ~~ flutuações diversas/limpeza de classes ~~ */

.fltrt {
	margin-top: -80px;
}

.fltrt {
	font-size: 40px;
	float: right;
	font-weight: 200;
	margin-right: -950px;
}
.fltlft {
	font-size: 20px;
	float: left;
	font-weight: 200;
	margin-left: -150px;
	line-height: 22px;
}
.fltlft {
	margin-top: -10px
}
.clearfloat { /* essa classe pode ser colocada em um <br /> ou em um div vazio como o elemento final que segue o último div flutuado (no #contêiner) caso o rodapé seja removido ou retirado do contêiner. */
	clear:both;
	height:0;
	line-height: 0px;
}

#slogan {
	padding-top: 50px;
	padding-right: 60px;
	float: right;
}



.atalho_servicos2 {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
}

div.atalho_servicos2 img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos2 img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}

.atalho_servicos {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	
}

div.atalho_servicos img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}

.atalho_servicos3 {
	height: 380px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 1025px;
	margin-right: 0px;
	margin-top: -742px;
	
}

div.atalho_servicos3 img {
	border: solid #3b5bff;
	border-style: ridge;
	border-spacing: 50%;
}

div.atalho_servicos3 img:hover {
	-webkit-transform: scale(1.5);
	-webkit-transition: all .4s ease-in;
}


.atalho_serv_conteudo {
	height: 225px;
	width: 250px;
	margin-left: 30px;
	margin-bottom: 10px;
}

.atalho_produtos {
	height: 185px;
	width: 195px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
}

.atalho_produtos h4 {
	margin-bottom: 5px;
}

.atalho_produtos img{
    height: 120px;
	width: 120px;
}

.atalho_prod_conteudo {
	border: medium ridge #3b5bff;
	height: 120px;
	width: 120px;
	margin-left: 35px;
	margin-bottom: 10px;
}

#atalho_servicos2 {
	height: 390px;
	width: 970px;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 25px;
	
}

#atalho_serv_conteudo2 {
	border: medium ridge #3b5bff;
	height: 290px;
	width: 870px;
	margin-left: 46px;
	margin-right: 46px;
	margin-bottom: 10px;
}

#atalho_galeria {
	height: 300px;
	width: 320px;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	
}

#atalho_galeria_cont {
	border: 4px ridge #3b5bff;
	height: 225px;
	width: 250px;
	margin-left: 30px;
	margin-bottom: 10px;
	border-radius: 8px;
}

.menu ul{
	text-align: center;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 20px;
	float: right;
	margin-top: 18px;
}

.menu li{
	display: inline;
	padding-top: 5px;
	
}

.menu a{
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 8px;
	font-family: 'Raleway', sans-serif;
}
.menu a:hover{
	color: #3b5bff;
	background-repeat: no-repeat;
	background-position: center top;
}

.menu_serv ul{
	text-align: center;
	font-size: 17pt;
	font-weight: bold;
	padding-top: 25px;
	float: right;
	margin-top: 15px;
}

.menu_serv li{
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	position: relative;
}

.menu_serv a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-family: 'Raleway', sans-serif;
}
.menu_serv a:hover{
	color: #3b5bff;
}

.menu_serv ul li ul{
	float: left;
	text-align: center;
	visibility: hidden;
	position: absolute;
	top: 15px;

}

.menu_serv ul li:hover ul{
	visibility: visible;
}

.menu_serv ul li ul li{
	background-image: url(../img/back_header4.fw.png);
	background-repeat: repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 2px;
	padding-top: 5px;
	display: block;
	border-bottom: #ffffff
}

.selected {
	color: #3b5bff;
	padding-top: 30px;
	padding-bottom: 10px;
	background-image: url(../img/luz2.fw.png);
	background-repeat: no-repeat;
	background-position: center top;
}


@font-face {
	font-family: Candara;
	src: url(../Candara.ttf);
}



*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

.voltaraotopo {
    z-index: 10;
    position: fixed;
    bottom: 4%;
    right: 3%;
    width: 13px;
    height: 50px;
    background-color: grey;
    border-radius: 6px;
}

.voltaraotopo {
    display: block;
    height: 50px;
    width: 110px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1em;
}

Desculpem-me pelo tamanho do problema, não sei mais a quem recorrer

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Feh_Paiva, por favor, leia as regras do fórum. Não é legal ficar postando com uma fonte enorme, as pessoas não irão ler com mais vontade ... aliás ... acho que acontece o contrário.

 

Sobre a sua dúvida, seja claro no que não está carregando. Olhei rapidamente seu código e percebi que os arquivos "js-image-slider.css", "js-image-slider.js" e "script.js" não estão sendo carregados. Tente upar novamente estes arquivos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por Felipe Medeiros
      Bom, criei um tema filho e o que aprendi é que para alterar qualquer coisa do tema filho eu preciso copiar o arquivo do tema pai o colocar dentro da pasta do tema filho.
       
      No meu caso, estou usando o tema "Astra" bem famosinho. O arquivo css que quero modificar não está dentro da pasta do tema pai, está em "wp-content/uploads/uag-plugin/assets/0/uag-css-10.css" sendo que o diretorio do tema pai é "wp-content/themes/Astra"
       
      O problema é o seguinte, preciso modificar a barra de pesquisa da pagina inicial, porem o inspetor de elementos do chrome ta acusando que esse arquivo é o responsavel por estilizar a barra de pesquisa. Será que isso tem a ver com "Cache de objetos", eu sei que o plugin liteSpeed Cache, AMP, Rank Math, todos eles tem essas paradas de criar arquivos css e js para tornar o site mais rapido.
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.