Ir para conteúdo

POWERED BY:

Arquivado

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

John Karyu

Bibliotecas

Por , em Javascript

Recommended Posts

John Karyu    0

John Karyu
Postado

Não sei se estou postando na área certa, mas quero usar este plugin: http://luis-almeida.github.io/jPages/gallery.html

 

Neste código, mas estraga a página toda, alguém pode dar uma ajuda por favor?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Site Responsivo</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/library/css/estilo.css" />
<script src="jquery/jquery-ui.min.js"></script>
<script src="jquery/external/jquery.js"></script>
<script src="jquery/jquery-ui.js"></script>
<link rel="stylesheet" href="jquery/jquery-ui.min.css">
 
 
<link href="menu/css/flexy-menu.css" rel="stylesheet" />
</script><script type="text/javascript" src="menu/js/flexy-menu.js"></script><script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 1000});});</script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
 
<!-- ####################################### Galeria Edições ####################################### -->
 
 
 
  <!-- ####################################### Galeria Edições ####################################### -->
 
 
</head>
<body>
 
<div class="container" style="height:1400px;">
<div class="container clearfix">
  <header class="header"> <a href="index.php"> <img src="imagens/utoplay.png" alt="Utoplay - The Magazine" class="logo" width="250px" /> </a>
 
    <nav class="menu">
       <div class="content">
  <ul class="flexy-menu orange">
    <li class="active"><a href="index.php"><i class="icon-home"></i>Home</a></li>
    <li><a href="edicoes.php"><i class="icon-comment"></i>Edições</a></li>
    <li><a href="JavaScript:void(0)"><i class="icon-th"></i>Extras</a>
      <ul>
        <li><a href="artedoleitor.php">Arte do Leitor</a></li>
        <li><a href="estante.php">Estante do Escritor</a></li>
        <li><a href="publicidade.php">Publicidade</a></li>
        <li><a href="parceria.php">Parceria</a></li>
    </ul>
    <li><a href="publique.php"><i class="icon-bullhorn"></i>Publique na Utoplay</a></li>
    <li><a href="contato.php"><i class="icon-envelope"></i>Contato</a></li>
  </ul>
</div>
 
          </nav>
  </header>
  <div id="hero" class="banner"> 
 
<div id="destaque-banner" style="position: relative; width: 960px; height: 306px; ">
  <div u="slides" class="slides-container" style="width: 960px; height: 306px; overflow: hidden;">
  <div class="slide"><a u="image" href="#"><img src="imagens/1.png" /></a></div>
  <div class="slide"><a u="image" href="#"><img src="imagens/2.png" /></a></div>
  <div class="slide"><a u="image" href="#"><img src="imagens/3.png" /></a></div>
  <div class="slide"><a u="image" href="#"><img src="imagens/4.png" /></a></div>
</div>
 
 
 
<!-- navigator container -->
<div u="navigator" class="slider-navigator" style="position: absolute; bottom: 5px; right: 5px;"> 
  <!-- navigator item prototype -->
  <div u="prototype" style="position: absolute; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 10px;">
    <Numbertemplate></Numbertemplate>
  </div>
</div>
<script type="text/javascript" src="JS/jssor.core.js"></script> 
<script type="text/javascript" src="JS/jssor.utils.js"></script> 
<script type="text/javascript" src="JS/jssor.slider.js"></script> 
<script type="text/javascript" src="JS/default.js"></script> 
 
  
  </div class="banner">
 
  <!-- conteudo do site -->
  <div class="coluna1">
 
   <div id="accordion">
      <h3>Section 1</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. </p>
      </div>
      <h3>Section 2</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. </p>
      </div>
      <h3>Section 3</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. 
      </div>
      <h3>Section 4</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. 
      </div>
      <h3>Section 5</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. 
      </div>
      <h3>Section 6</h3>
      <div>
        <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. 
      </div>
    </div id="accordion"> 
 
  </div class="coluna1">
  <div class="coluna2">
  
  <!-- ####################################### Galeria Edições ####################################### -->
 
 
  
  <!-- ####################################### Galeria Edições ####################################### -->
 
  </div class="coluna">
  <div class="coluna">
  <a href="[url=http://facebook.com.br/revistautoplay]http://facebook.com.br/revistautoplay[/url]" target="blank_"><img src="imagens/bannerface.png" align="center"/></a>
  </div class="coluna">
  <!-- fecha conteudo do site--> 
  
  <!-- rodape-->
  <div class="footer"> 
  <a href="[url=http://facebook.com.br/revistautoplay]http://facebook.com.br/revistautoplay[/url]" target="blank_"> <img src="imagens/facebook.png"/> </a>
 
  <div id="textorodape">Utoplay - Todos os direitos reservados </div>
  
  </div class="footer">
  
  <!--fim rodape?--> 
  
</div class="container">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi, como assim ?

 

Poste um link online, pois fica mais fácil do que baixarmos todas as dependências só para vermos.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito