Ir para conteúdo

POWERED BY:

Arquivado

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

reinaldo polato

pagina de sapatilha

Por , em Desenvolvimento frontend

Recommended Posts

reinaldo polato    1

reinaldo polato
Postado

sapatilha.html

 

o menu do fica lado esquerdo da tela e do lado direito a imagem as fotos das sapatilhas

 

ai as fotos tem uma parte que fica na parte branca e o rosto das fotos fica na parte preta que é o fundo do site que é do da esquerdo e direito da pagina

 

como eu faço para as imagens ficar so na parte branca

 

 

<div id="miolo">

<div id="menu_lateral">

<ul>

<a href="colecaooutonoinverno2013.asp"><li class="colecao">colecao outono/inverno2013</li></a>

<a href="botas.html"><li class="menu">botas</li></a>

<a href="sapatilhas.asp"><li class="menu">sapatilhas</li></a>

<a href="scarpins.html"><li class="menu">scarpins</li> </a>

<li class="linha">-------------------------------------</li>

<a href="colecaooutonoinverno2013.html"><li class="colecao">sobre nós</li></a>

<a href="colecaooutonoinverno2013.html"><li class="colecao">como chegar</li></a>

<a href="colecaooutonoinverno2013.html"><li class="colecao">fale conosco</li></a>

</ul>

</div>

<body>

 

<script type="text/javascript">

$(function() {

$('#slideshow').after('<div id="nav" class="nav">').cycle({

fx: 'fade',

speed: 2000,

timeout: 3000,

pager: '#nav',

before: function() { if (window.console) console.log(this.src); }

});

});

</script>

 

<div id="banners">

<div id="slideshow" class="pics" style="position: relative; width: 802px; height: 397px;">

<h3 style="clear: both;">sapatilha</h3>

<div class="imageRow">

<div class="set">

<div class="single first">

<a href="images/sapatilha/sapatilha1.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha1.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single">

<a href="images/sapatilha/sapatilha2.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img src="images/sapatilha/sapatilha2.jpg" height="150" alt="Plants: image 2 0f 4 thumb" /></a>

</div>

<div class="single">

<a href="images/sapatilha/sapatilha3.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="images/sapatilha/sapatilha3.jpg" height="150" alt="Plants: image 3 0f 4 thumb" /></a>

</div>

<div class="single last">

<a href="images/sapatilha/sapatilha4.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="images/sapatilha/sapatilha4.jpg" height="150" alt="Plants: image 4 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha5.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha5.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha6.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha6.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha7.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha7.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha8.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha8.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha9.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha9.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha10.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha10.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha11.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha11.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha12.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha12.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha13.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha13.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha14.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha14.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha15.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha15.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha16.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha16.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha17.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha17.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha18.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha18.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha19.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha19.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha20.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha20.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha21.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha21.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha22.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha22.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha23.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha23.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha24.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha24.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha25.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha25.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha26.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha26.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha27.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha27.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

<div class="single first">

<a href="images/sapatilha/sapatilha28.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/sapatilha/sapatilha28.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>

</div>

</div>

</div>

</div>

 

</div>

 

 

<script src="js/jquery-1.7.2.min.js"></script>

<script src="js/jquery-ui-1.8.18.custom.min.js"></script>

<script src="js/jquery.smooth-scroll.min.js"></script>

<script src="js/lightbox.js"></script>

 

 

ninguem

 

 

 

preciso colocar as fotos na parte da pagina em branco

Compartilhar este post

Link para o post
Compartilhar em outros sites

Public2004    79

Public2004
Postado

Desculpe amigo, assim fica difícil tentar ajudar.

Poste o CSS.

Ao postar códigos, coloque-os entre as tags correspondentes para melhor visualização do pessoal.

Coloque somente os trechos de códigos correspondentes ao problema.

Ajude o fórum a te ajudar.

 

Att.

Compartilhar este post

Link para o post
Compartilhar em outros sites

reinaldo polato    1

reinaldo polato
Postado

a duvida a cima eu ja consegui resolver

 

estou com um problema seguinte eu fiz o site passei o site para o servidor do uolhost ai na imagem estou usando lightbox

 

ai não funciona o efeito ligthbox so aparece a imagem normal o que eu faço

 

valeu pela ajuda

 

 

<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
<meta name="author" content="Lokesh Dhakar">

<link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />

<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="Stylesheet" type="text/css" href="estilo.css">

 

<div class="single first">
<a href="http://servidor.com.br/sapatilha/sapatilha28.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="http://servidor.com.br/sapatilha/sapatilha28.jpg" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
</div>
</div>
</div>
</div>

</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/lightbox.js"></script>

<script>
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});

$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2196019-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

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