deixar pagina do menu ativa

[laisf 0]

Galera, to com um problema e não consigo resolver por isso vim pedir ajuda de vcs.

 

To modificando um site que usa apenas uma pagina (index) para todas as paginas, e dai quando clico em um menu ele abre um 'leque' com o conteudo e assim sucessivamente. Vou postar a print pra vcs entenderem.

 

O site abre assim:

 

 

 

e quando clico em início ele abre assim:

 

 

 

O que eu queria é que ele ja abrisse com o inicio clicado.

 

Segue o codigo do inicio:

 

<!-- inicio start-->

        <dt class="dt1"><a href="#"></a></dt>
        <dd id="page1">
          <div class="inner">
            <div id="slider">
                <img src="images/slider/img01.jpg" alt=""  title="<h1></p>">
                <img src="images/slider/img02.jpg" alt=""  title="<h1>Elegant Looks</h1><p>Nam convallis imperdiet pretium.</p>">
                <img src="images/slider/img03.jpg" alt=""  title="<h1>Unique Collection</h1><p>Nam convallis imperdiet pretium.</p>">
                <img src="images/slider/img04.jpg" alt=""  title="<h1>Inspiring Idea's</h1><p>Nam convallis imperdiet pretium.</p>">            </div>
          </div>
        </dd>

        <!-- inicio end-->

como falei, todos as paginas estao juntas no index, então o inicio é a page1, a empresa page2 e assim por diante e conforme clico no menu ele abre o conteudo, porem queria que iniciasse com a page1 (inicio) clicada com o conteudo ja aberto como na segunda imagem.

 

Espero que possam me ajudar!!!

 

Obrigado.

[Thiago Duarte 23]

Pode explicar melhor o que você quer para ver se posso te ajudar ?

[LucasCairesF 8]

Poste o seu código css!

[am designer 7]

Como que esta fazendo esse efeito ?

[laisf 0]

Pode explicar melhor o que você quer para ver se posso te ajudar ?

Oi Thiago, posso sim. O que eu queria é que ele iniciasse com o menu inicio ja aberto como na segunda imagem. Todas paginas estao numa pagina só, na index. Dai quando clico em um menu, no inicio por exemplo, ele abre o conteudo, se eu clicar depois em empresa ele abre o conteudo da empresa e fecha o do inicio e assim por diante. Quando abro a pagina index ele fica como na primeira imagem (todos menus fechados) e só abre o conteudo quando clico em algum, o que eu queria é que quando abrisse o index, ja abrisse como na segunda imagem, com o conteudo do inicio aberto, como se eu tivesse clicado nele. Entendeu? Esta abrindo todos fechados como na primeira imagem, porem queria que abrisse como na segunda imagem. Não to sabendo fazer isso pois é tudo na mesma pagina, o que diferencia as paginas no cogido é page1, page2 e etc..a page1 é o inicio a page2 é empresa, porem tudo no mesmo codigo.

 

  
        <!-- inicio start--> AQUI COMEÇA A PAGINA INICIO
        <dt class="dt1"><a href="#"></a></dt>
        <dd id="page1">    
          <div class="inner">
            <div id="slider">
                <img src="images/slider/img01.jpg" alt=""  title="<h1>texto</p>">
                <img src="images/slider/img02.jpg" alt=""  title="<h1>texto</p>">
                <img src="images/slider/img03.jpg" alt=""  title="<h1>texto</p>">
                <img src="images/slider/img04.jpg" alt=""  title="<h1>texto</p>">            </div>
          </div>
        </dd>
        <!-- inicio end-->
        
    	<!-- empresa start--> AQUI JÁ COMEÇA A PAGINA EMPRESA
        <dt class="dt2"><a href="#"></a></dt>
        <dd id="page2">
          <div class="inner">

 

Poste o seu código css!

/* ============================= container START =================================== */
#content {
	position:absolute;
	left:316px;
	top:0px;
	overflow:hidden;
	height:459px;
	padding-left:4px;
}
#content>dd, #content>dt {
	float:left;
	margin:0 1px 0 0;
	height:459px;
	position:relative;
}
#content>dt {
	z-index:5;
	width:59px;
	background:url(../images/main_nav.png) no-repeat;
}
#content>dd {
	width:680px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#content>dt a {
	width:59px;
	height:459px;
	background:url(../images/main_nav.png) no-repeat;
	display:block;
}
#content>.dt1 {
	background-position:0 0;
}
#content>.dt1 a {
	background-position:0 -459px;
}
#content>.dt2 {
	background-position:-60px 0;
}
#content>.dt2 a {
	background-position:-60px -459px;
}
#content>.dt3 {
	background-position:-120px 0;
}
#content>.dt3 a {
	background-position:-120px -459px;
}
#content>.dt4 {
	background-position:-180px 0;
}
#content>.dt4 a {
	background-position:-180px -459px;
}
#content>.dt5 {
	background-position:-240px 0;
}
#content>.dt5 a {
	background-position:-240px -459px;
}
#content .inner {
	background-color:#FFFFFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height:459px;
	position:relative;
}
article {
	padding:20px 30px;
	width:610px;
	max-width:610px;
}
/* ============================== container END ==================================== */

Essa é a parte do codigo css dos menus.

 

Como que esta fazendo esse efeito ?

é javascript, peguei o efeito pronto.

[am designer 7]

Bom como o codigo já veio pronto, num sei se terá um controle bom sobre ele. Mas caso queira fazer na unha a programação (o que não é muito dificil), pode tentar usar isso: http://api.jquery.com/first/.

Mas mesmo com o plugin que ta usando, tente dar uma lida no código para tentar aplicar...vc verifica a pagia que esta sendo aberta, se for a index ja deixa a aba aberta. Consegue fazer isso com JS ou PHP. Tenta posta no forum la.

 

Só uma sugestão.

Abraço ;)

[Dian Carlos 29]

Verifique qual é o comando que abre a div, ai depois é só chamar o comando assim que a página for carregada. Por exemplo:

 

 

<script>
$(document).ready(function(){

   alert("Abrir primeira DIV"); //Assim que o documento estiver pronto, abre a primeira div

   $('div.inicio').click(function(){ // mas quando a div 'inicio' é clicada

      alert("Abrir primeira DIV"); // abre a primeira div da mesma maneira

   });

});
</script>

[laisf 0]

 

Verifique qual é o comando que abre a div, ai depois é só chamar o comando assim que a página for carregada. Por exemplo:

 

 

<script>
$(document).ready(function(){

   alert("Abrir primeira DIV"); //Assim que o documento estiver pronto, abre a primeira div

   $('div.inicio').click(function(){ // mas quando a div 'inicio' é clicada

      alert("Abrir primeira DIV"); // abre a primeira div da mesma maneira

   });

});
</script>

Não sou muito boa em javascript mas vou tentar, obrigado pela dica!

 

 

Bom como o codigo já veio pronto, num sei se terá um controle bom sobre ele. Mas caso queira fazer na unha a programação (o que não é muito dificil), pode tentar usar isso: http://api.jquery.com/first/.

 

Mas mesmo com o plugin que ta usando, tente dar uma lida no código para tentar aplicar...vc verifica a pagia que esta sendo aberta, se for a index ja deixa a aba aberta. Consegue fazer isso com JS ou PHP. Tenta posta no forum la.

 

Só uma sugestão.

 

Ab

 

Bom como o codigo já veio pronto, num sei se terá um controle bom sobre ele. Mas caso queira fazer na unha a programação (o que não é muito dificil), pode tentar usar isso: http://api.jquery.com/first/.

 

Mas mesmo com o plugin que ta usando, tente dar uma lida no código para tentar aplicar...vc verifica a pagia que esta sendo aberta, se for a index ja deixa a aba aberta. Consegue fazer isso com JS ou PHP. Tenta posta no forum la.

 

Só uma sugestão.

 

Abraço ;)

Ok, obrigado por responder, vou tentar postar la pra ver se alguem me ajuda com javascript!

 

valeu :)