Comunidad de diseño web y desarrollo en internet online

Darle un top a un div estando en index y al pasar pag cambiarle el top

Citar            
MensajeEscrito el 23 Ago 2012 01:50 am
tengo una capa con los siguientes estilos:
-------------------------------------------------------------
#sidebar{position:relative; margin-top:330px; width:267px; float:right}
-------------------------------------------------------------
Luego quiero establecer una programacion modular que me cargue por defecto la pagina de inicio, pero aqui viene el problema.

mi pagina de inicio que se llama index.php contiene el la columna derecha que es un div con las cosas de loguin, etc. pero antes de eso viene la programacion modular la cual llama a la pagina inicio.php donde alli se encuentran dos capas, el banner y el contenido.

lo que quiero hacer es que de entrada no me salga el sidebar(columna) por encima de esas dos capas, quiero que mientras este en index.php se le agrege un margin-top determinado para que se posiciones luego del banner y no lo tape, y al pasar de pagina vuelva a su origen de inicio osea con margin-top:0px;

Si no se puede hacer lo que yo digo, entonces ya se llevan la idea mas o menos de lo que quiero lograr hacer, asi que si tienen otro metodo, por favor necesito que lo compartan conmigo.

por si las dudas estos son los estilos del banner:
--------------------------------------------------------------------
.nivoSlider {
position:relative;
margin:0px;
background:#151515 url(../img/../img/loading.gif) no-repeat 50% 50%;
}
.NivoSzakiSlider {
background-color: #FFFFFF;
padding: 15px;
height: 303px;
width:910px;
margin:0 auto 5px;
position: relative;
-webkit-box-shadow:0 0 5px #E3E6E9;
-moz-box-shadow:0 0 5px #E3E6E9;
box-shadow:0 0 5px #E3E6E9;
}
--------------------------------------------------------------------

Por lisettealvarez6

25 de clabLevel



Genero:Femenino  

Informatica Web

chrome
Citar            
MensajeEscrito el 23 Ago 2012 04:21 am
a que te refieres con "programación modular" ?

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 23 Ago 2012 12:24 pm
What???

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 10 Sep 2012 10:13 am
Muy buenas.
Suelo trabajar con CMS y, a veces, necesito que en la página de inicio se carguen propiedades especiales.
A ver si te sirve esto:
El index.php solo se carga en la página de inicio, verdad?
Y dentro del index.php (entre otras cosas) supongo que tienes dos divs, uno para el banner y otro para el contenido.
Si el sidebar está dentro del div para el contenido, y dicho div se carga en el home mediante el index.php....
¿porque no le das una clase al div que carga el contenido en el index.php?
Si, por ejemplo, en tu index.php tienes algo como esto (mas o menos, claro):

Código :

<div id="banner"></div>
<div id="contenido"></div>

En tu index.php (y solo ahi), pones algo como esto:

Código :

<div id="banner"></div>
<div id="contenido" class="inicio"></div>

De tal forma que solo en el index el div"contenido", tiene la clase "inicio".
Ahora ya le puedes decir con CSS que cuando el sidebar está dentro del div con clase "inicio" tenga un margin top de 300px. Como dicho div solo tendrá la clase "inicio" en el index, ya lo tienes!!
Espero haberte ayudado!.
Un saludo.

Por terreo76

12 de clabLevel



 

Diseñador web

firefox
Citar            
MensajeEscrito el 10 Sep 2012 04:39 pm
Muchisimas gracias, la verdad eso fue mi salvacion, no se me habia ocurrido nunca, solo q no tengo claro como hacer condiciones en el css.

gracias por todo, si pudieses explicarme lo de la condicion.

GRACIAS!!

Por lisettealvarez6

25 de clabLevel



Genero:Femenino  

Informatica Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.