Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá Gostaria de que quando entrassem no " meu site " a primeira div visualizada fosse a div "section-4" que é a ultima, para e que nao tivesse mais nada para baixo, e que a navegação do site fosse invertida, isto é, o menu quando clicasse em uma opção a visualização fosse subindo e não descendo como é de costume.
/applications/core/interface/imageproxy/imageproxy.php?img=http://s14.postimg.org/9jb9jqtgh/Untitled_2.png&key=5eaee7a3eb972803d938775f987da692a801a5f06daa18715513a6b048d2f456" alt="Untitled_2.png" />
*PARTE EM VERMELHO REPRESENTA O QUE A PESSOA ESTÁ VISUALIZANDO.
COD:
<html>
<div id="header">
<ul>
<li><a href="#section-1"> SECTION 1 </a></li>
<li><a href="#section-2"> SECTION 2 </a></li>
<li><a href="#section-3">SECTION 3</a></li>
<li><a href="#section-4">SECTION 4</a></li>
</ul>
</div>
<div id="conteiner">
<div id="section-1"></div>
<div id="section-2"></div>
<div id="section-3"></div>
<div id="section-4"></div>
</div>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
a{
text-decoration: none;
color: #fff;
font-family: 'Arial';
font-weight: bold;
}
#header ul li{
float: left;
margin-left: 20px;
margin-top: 25px;
}
#header{
width: 100%;
height: 80px;
background: rgba(0,0,0, 0.8);
position: fixed;
}
#section-1{
width: 100%;
height: 800px;
background: blue;
top:
;
}
#section-2{
width: 100%;
height: 800px;
background: green;
}
#section-3{
width: 100%;
height: 800px;
background: red;
}
#section-4{
width: 100%;
height: 800px;
background: yellow;
}
#conteiner{
}
</style>
</html>Carregando comentários...