Ir para conteúdo

POWERED BY:

Arquivado

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

Lucas Röhers

Nivo Slide

Por , em Desenvolvimento frontend

Recommended Posts

Lucas Röhers    0

Lucas Röhers
Postado

Olá tenho um nivo slider no meu site e ele aparece certo no meu computador, quando passo o site para outro computador para verificar se está tudo certo, não aparece o nivo slider a parte simplesmente fica em branco, o que pode ser? Os navegadores são os mesmos com as mesmas versões.

CSS

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*{
margin: 0px;
padding: 0px;
}

a:link {
color: #295C6F;
}

a:hover {
text-decoration: none;
color: #FF0000;
}

a:visited {
color: #295C6F;
}

body {

background: #000000;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}

.back_all
{
background: url(images/bg.jpg) no-repeat center top;
}

.top
{
padding-bottom: 20px;
}

.top H1
{
font-size: 18px;
}

.top H2
{
font-size: 13px;
}

.top a
{
text-decoration: none;
color: #ffffff
}


#content
{
margin: 0 auto;
width: 1006px;
text-align: left;
padding-top: 20px;
}

#main
{
width: 972px;
background: url(images/back_top.jpg) repeat-x top;
padding-top: 10px;
}

#back
{
width: 993px;
background: #ffffff;
border-left: 7px solid #ffffff;
border-right: 7px solid #ffffff;
}

#header {
height: 300px

}

#logo {

width: 993px;
height: 228px;
background: url(images/header.jpg) repeat;
}


#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #ffffff;
}
#logo H2 a
{
font-size: 12x;
}


#menu
{
width: 993px;
border-top: 6px solid #FFFFFF;
border-bottom: 6px solid #FFFFFF;
height: 56px;
background: url(images/buttons.gif) repeat-x;
}

#menu ul {
list-style: none;	
}

#menu li {

display: inline; 

}

#menu a {
float: left;
width: 120px;
height: 38px;
   display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding-top: 18px;
text-transform: none;
}

#menu a:hover {
width: 120px;
   height: 38px;
color: #FFF;
text-decoration: none;
background: #D3D3D3;
}



.wrapper {width:100%;overflow:hidden; font-size: 12px; padding: 10px; color: #666666}
.col1, .col2, .col3, .cols {float:left}
.col1 {width:290px}
.col2 {width:240px}
.col3 {width:252px}
.pad_left1 {padding-left:67px}
.pad {padding:0 10px}
.list1 {
list-style: none
}
.list1 li {padding-bottom:20px; padding-top: 10px; padding-left:14px;background:url(images/marker_1.gif) 0 18px no-repeat}
.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}
.list1 li a:hover {color:#13c5ff}
.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:25px;color:#666666;line-height:1.2em;padding-bottom:20px}
.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}
.img {display:block;}
h2 {font-size:20px;line-height:1.2em;color:#666666;padding:1px 0 17px 10px;letter-spacing:-1px}
h2 span {color:#13c5ff}


.row-top {width:100%;padding:33px 0 42px;}
.row-padding {padding:0 62px}
.col-1, .col-2, .col-3, .col-4  {float:left}
.list-services li {line-height:24px;padding-left:28px; list-style:none}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(images/linkedin.png) 0 3px no-repeat}
.menu li a, .list-1 li a,  {text-decoration:none}
.list-1 li {line-height:24px;padding-left:10px;background:url(images/marker.gif) 0 10px no-repeat;  list-style:none}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}

.indent3 {padding-top:28px}
.footer-logo {display:block;color:#666666;font-size:30px;line-height:1em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.footer-logo strong {color:#666666;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size: 24px;line-height:1.2em;color:#666666;letter-spacing:-1px;padding-left:5px}
.phone strong {color:#666666}
.col-1 {width:190px;margin-right:55px}
.col-2 {width:110px;margin-right:55px}
.col-3 {width:140px;margin-right:65px}
.col-4 {width:235px}


#footer {
height: 54px;
clear: both;
padding-top: 20px;
border-top: 5px solid #666666;
margin-left: 5px;
margin-right: 5px;
background: url(images/footer.gif) repeat-x top;
}

#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #333333;
}

#footer a {
color: #333333;
}



/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
   background:url(images/top.jpg) no-repeat;
   width: 993px;
   height: 228px;
   margin:0 auto;
}

#slider {
position:relative;
   width: 993px;
   height: 228px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

.nivo-controlNav {
position:absolute;
left:260px;
bottom:-42px;
display: none;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}

.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}

.nivo-caption {
   text-shadow:none;
   font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
   color:#efe9d1;
   text-decoration:underline;
}

 

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <link rel="shortcut icon" type="image/x-icon"
href="C:%5CUsers%5CLucas%5CDownloads%5Cnvu%5Cmetamorph_darkend%5Cfavicon.ico" />
 <meta http-equiv="content-type"
content="text/html; charset=utf-8" />
 <title>Metamorphosis Design Free Css Templates</title>
 <meta name="keywords" content="" />
 <meta name="description" content="" />
 <link href="styles.css" rel="stylesheet"
type="text/css" media="screen" />
 <link rel="stylesheet" href="nivo-slider.css"
type="text/css" media="screen" />
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div style="background-color: rgb(0, 0, 34);"
class="back_all active">
<div style="background-color: rgb(0, 0, 34);" id="content">
<div style="background-color: rgb(0, 0, 34);" class="top">
<ul>
 <li id="button2">
   <p class="MsoNormal"><span
style="font-size: 80pt; line-height: 115%; font-family: "Bernard MT Condensed","serif";"><span
style="color: rgb(255, 255, 255);">   
       </span></span><span
style="font-size: 80pt; line-height: 115%; font-family: "Bernard MT Condensed","serif";"><span
style="color: rgb(255, 255, 255);"><img
style="width: 430px; height: 148px;" alt=""
src="images/Logotipo.jpg" /></span></span><span
style="font-size: 80pt; line-height: 115%; font-family: "Bernard MT Condensed","serif";"><span
style="color: rgb(255, 255, 255);"> 
        </span></span></p>
 </li>
</ul>
</div>
<div id="back">
<div id="header">
<div id="menu">
<ul>
 <li id="button1"><a href="../index.html"
title="">Home</a></li>
 <li id="button2"> </li>
 <li id="button3"><big><a
href="../1Representada/index.html" title="">Representadas</a></big></li>
 <li id="button4"><a rel="me" target="_top"
href="../1Empresa/index.html" title=""> 
Empresa</a></li>
 <li id="button5"><a href="../1Contato/index.html"
title="">Contato</a></li>
</ul>
</div>
<div id="logo">
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
<script type="text/javascript"
src="lib/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('#slider').nivoSlider();
});
</script></div>
</div>
<!-- header ends -->
<!-- content begins -->
<div id="main">
<div class="wrapper">
<div class="col1">
<h2>Cinco Estrelas        
           
          </h2>
<div class="img"><img
style="width: 269px; height: 117px;" id="slider" alt=""
src="images/Cinco%20estrelas.jpg" /><br />
</div>
<div class="pad">
<p>É
uma
empresa que fabrica papéis embalagens, isomanta de
polietileno, plástico
bolha, etc</p>
<p>       
  </p>
<p>         
           
           
           
           
           
    <a href="#" class="read">Saiba
+</a></p>
<p></p>
<p></p>
<h1 style="text-align: left;">LineForm</h1>
<p></p>
<p></p>
<p><span class="read"><img
style="border: 0px solid ; width: 275px; height: 120px;"
src="images/Logo%20Lineform.jpg" alt="" /></span><br />
</p>
<div style="text-align: left;">
<div style="text-align: justify;"> É
uma empresa que fabrica blisters, peças tecnicas embalagens
diversas, berços de espuma e kits para vinho.<span
style="text-decoration: underline;"><br />
</span>         
           
           
           
           
           
      <span
style="text-decoration: underline;"></span><a
href="#" class="read">Saiba
+</a><br />
<br />
<br />
<br />
<h1 style="text-align: left;">ComePlast</h1>
<br />
<br />
<img style="width: 279px; height: 69px;" alt=""
src="images/logo%20Comeplast.gif" /><br />
<br />
É uma empresa de produto e equipamento para embalagens com
ótima qualidade.<br />
           
       
           
       
           
       
           
  <span style="text-decoration: underline;"></span><a
href="index.html#" class="read">Saiba
+</a><br />
<br />
<span style="text-decoration: underline;"></span></div>
</div>
<br />
<br />
</div>
</div>
<div class="col2 pad_left1">
<div style="text-align: center;"><big><big><big><span
style="font-weight: bold;">Brisa Embalagens</span></big></big></big><br />
<br />
<div style="text-align: left;"><img
style="border: 0px solid ; width: 259px; height: 116px;" alt=""
src="images/logo.gif" />
<br />
É uma empresa
que fabrica, embalagens, tais como,
sacolas de papéis, caixas, envelopes, entre outros.
</div>
<div style="height: 14px;">
           
           
  <br />
           
       
           
       
           
       
   <a href="1brisa/index.html" class="read">Saiba
+</a><br />
<div style="text-align: left;">
<h3><small> </small><big><big><big
style="font-weight: bold;">Paper plott</big></big></big></h3>
<br />
</div>
<h1 style="text-align: left;"><img
style="width: 273px; height: 88px;" src="images/h2.png"
alt="" /><br />
</h1>
<div style="text-align: justify;">É
uma empresa
que fabrica spray adesimos, que podem serem usados em diversos
segmentos.<br />
           
       
           
       
           
       
    <a href="#" class="read">Saiba
+</a><br />
<br />
<span style="font-weight: bold;"><br />
</span>
<h1 style="text-align: left;">Fimec</h1>
<br />
<img style="height: 99px; width: 253px;" alt=""
src="images/Sem%20t%EDtulo.jpg" /> <br />
<a href="../../../Desktop/Imesa/Posithive/index.html#"
class="read"><span style="color: rgb(0, 0, 0);"></span></a><br />
É uma empresa que vende mancais de troca rápida.<br />
           
       
           
       
           
       
   <span style="text-decoration: underline;"></span><a
href="index.html#" class="read">Saiba
+</a><br />
<a href="index.html#" class="read">
</a><br />
<a href="../../../Desktop/Imesa/Posithive/index.html#"
class="read">
</a></div>
 <br />
<br />
<br />
<br />
<br />
<a href="../../../Desktop/Imesa/Posithive/index.html#"
class="read"><br />
</a></div>
<br />
</div>
<div class="pad">
<ul class="list1">
</ul>
</div>
</div>
<div class="col3 pad_left1"><big><big><big><span
style="font-weight: bold;"><br />
<br />
<br />
<br />
<br />
As
representadas da Posithive trabalham cada uma com um tipo de
especialização diferente, como papéis,
embalagens,
isomanta de polietileno <br />
plastico bolhas, sacolas caixas, envelopes, blister peças
tecnicas, berços de espuma, <br />
kits para vinho, spray adesivos, macais de troca rápida,
produto e equipamento para embalagem, entre outros.</span></big></big></big>
<div class="pad">
<div class="wrapper">
<div style="clear: both;"><br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: rgb(83, 133, 182); font-family: Optima,Segoe,'Segoe UI',Candara,Calibri,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; color: rgb(255, 255, 255);"><strong
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: transparent;"></strong></span></div>
<div style="background-color: rgb(0, 0, 0);" id="colunDireita"><input
style="font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; orphans: 2; white-space: normal; widows: 2; margin-right: 310px; margin-top: -5px;"
src="images/mapa.png" longdesc="undefined" alt=""
align="right" height="78" type="image" width="58" /><span
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: rgb(83, 133, 182); font-family: Optima,Segoe,'Segoe UI',Candara,Calibri,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; color: rgb(255, 255, 255);"><strong
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; background-color: transparent;"></strong></span><strong
style="border-width: 0px; margin: 0px; padding: 0px; font-size: 13px; color: rgb(255, 255, 255); font-family: Optima,Segoe,'Segoe UI',Candara,Calibri,Arial,sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: transparent;">POSITHIVE<br />
<span style="font-weight: normal;">Rua Dom Pedro I, 41 -
Ideal - Novo Hamburgo - RS - CEP: 93336-100 </span><br
style="font-weight: normal;" />
<span style="font-weight: normal;">Telefone (51)
3066.5512    </span><br
style="font-weight: normal;" />
<span style="font-weight: normal;">posithive@posithive.com.br</span></strong><br />
 
</div>
</div>
</body>
</html>

 

NIVO SLIDER

/*
* jQuery Nivo Slider v2.3
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/


/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ffffff;
color:#666666;
opacity: 0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
   display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:center;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Poste o link pra galera visualizar, é mais fácil pra tentar identificar o erro :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Röhers    0

Lucas Röhers
Postado

Poste o link pra galera visualizar, é mais fácil pra tentar identificar o erro :thumbsup:

 

O site não está no ar por causa desse problema de só aparecer no meu computador, parece que o nivo slider não é encontrado nos outros computadores bem estranho..

Compartilhar este post

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

Informação importante

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

  Aceito