Ver Mensaje Individual
  #9 (permalink)  
Antiguo 26/04/2011, 16:21
mercury17_18
 
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 1
Exclamación Respuesta: Ventana Emergente con CSS

Disculpen la ignorancia pero lo que entendi de ambos es que mi popup.css esta bien.

Código PHP:
#pop1 { 
   
z-index:500
   
position:fixed
   
top:40%;
   
left:40%;
   
border1px solid #E3E0C4; 
   
text-align:center
   
background:#0796de;
   
border:solid 1px #000000;

Y para solucionar el problema tendria que modificar la pagina donde llamo al popup, en mi caso es el index.php. el cual paso a detallarles

el head tiene las librerías de jQuery

Código PHP:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<? include("../includes/head.php"); ?>
<script language="javascript" type="text/javascript" src="../js/popup.js.php"></script>
<link href="../estilos/popup.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    $('#CustomSlideshow').slideshow({
    playframe:false,
    effect:'Left'
    }).playSlide();
});
//]]>
</script>

</head>
Ahora esta es la parte donde llamo al div (obviamente dentro del index.php) al final de la pagina antes del </body>

Código PHP:
<?  
    $rsventana
=fncIdCategoria();
    if(
$rsventana<>"0") {
    
/*echo "<script language=\"javascript\" type=\"text/javascript\" src=\"../js/popup.js.php\"></script>";*/
    
$i=1;
    while(
$datosVentana mysql_fetch_assoc($rsventana))
    { 
        echo 
"<div id='pop$i'>";
        echo 
"<div id='cerrar$i' align='right'>[CERRAR]</div> ";
        if(
trim($datosVentana["enlace_ven"]<>"")){
            echo 
"<a href='".$datosVentana["enlace_ven"]."' target='".$datosVentana["target_ven"]."'><img src='../imagenes/vemergente/".$datosVentana["imagen_ven"]."' border='0'></a>  </div>";
        }else{
            echo 
"<img src='../imagenes/vemergente/".$datosVentana["imagen_ven"]."' border='0'>  </div>";    
        }
        
$i=$i+1;
    }
 } 
?>

Ahora realmente me seria de mucha utilidad si pondrian las instrucciones que me aconsejaron dentro del codigo brindado ( o aunque sea algunas pautas de donde deben ir) (recuerden que no soy experto en esto, todo lo que se es producto de foros pero no profundice)

IsaBelM me aconsejo poner ese scrip al ultimo, lo puse pero no me funciono, solo me mostro el menu en la parte inferior pero sin movimiento.

cristian_cena me aconsejaste utilizar el metodo animate() pero no se realmente como funciona ni en que parte del codigo exactamente aplicarlo. pero me parece interesante la idea pero donde aplico en la css o en el index.

disculpen la molestia pero es que no me sale de acuerdo a lo que necesito.
para muestra les dejo mi pagina.

http://www.munidepocollay.gob.pe/principal/index.php

saludos y gracias por ayudar de antemano