Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje22-08-2010, 09:03 (UTC)    
Título del mensaje: porque no me ase el efecto persiana?

Hola!!
ya llevo dos dia machacando en este codigo,todo el mundo aqui dise que es mu facil,pero nadie me da soluciones,
solo quiero que me funcione,esta sacado de aqui;

http://xyberneticos.com/index.php/2007/09/21/menu-imagen-con-mootools/

ahora mismo lo tengo todo el codigo asin;

esto lo tengo asin,por encima de pagina;

Código:
<script src='http://img5.xooimage.com/views/7/f/0/mootools-c360fb.js/' type='text/javascript'/>
<script src='http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js/' type='text/javascript'/>



esto tambien por encima de pagina;

Código:
<div id="kwick">
<ul class="kwicks">

<li><a class="kwick opt1" href="http://www.espaidart.es/images/370%20%5B320x200%5D.jpg"></a></li>
<li><a class="kwick opt2" href="http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG"></a></li>
<li><a class="kwick opt3" href="http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg"></a></li>
<li><a class="kwick opt4" href="http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg"></a></li>
<li><a class="kwick opt5" href="http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg"></a></li>
<li><a class="kwick opt6" href="http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg"></a></li>


</ul>
</div>
<script type="text/javascript">
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
</script>


esto lo tengo en CSS-Code
sin Style Tags:

Código:
/*Images menu*/
#kwick {
width:580px;
height:200px;
overflow:hidden;
position:relative;
padding:0;
margin:0pt auto;
}
#kwick ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:block;
width:1000px;
height:200px;
padding:0;
margin:0px;
}
# .kwicks {
display: block;
height: 200px;
margin: 0px;
}
#kwick li {
float: left;
}
li:after {
content: "";
}
#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 200px;
width: 95px;
/*padding: 10px;*/
background: #fff;
/*border-right: 5px solid #202020;*/
border-right: 2px solid #000000;
}
#kwick .kwick span {
display: none;
}
#kwick .opt1 {
outline: 0; background: #9ce782 url(http://www.espaidart.es/images/370%20%5B320x200%5D.jpg) ;
}
#kwick .opt2 {
outline: 0; background: #92bdfa url(http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG);
}
#kwick .opt3 {
outline: 0; background: #faa892 url(http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg);
}
#kwick .opt4 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg);
}
#kwick .opt5 {
outline: 0; background: #000 url(http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg);
border-right: 0;
}

#kwick .opt6 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg);
border-right: 0;
}

]]></b:skin>




ya no se que mas aserle al puñetero codigo tocahuevos...XD


todo el mundo es muy facil es muy facil poniendo ejemplos y tal pero nadie me dise porque no me fusca el codigo puñetero.


de todas formas gracias y en espera de que alguien me lo solucione y me de la alegria del dia de hoy.saludos
Mensaje22-08-2010, 09:24 (UTC)    
Título del mensaje:

¡Hola!

- Si as puesto los codigos en su lugar correspondiente, Texto encima de la pagina, Abajo, CSS Style tag, como indicas todo funcionara a la perfección, ahora si as puesto todo bien y sigue sin ir es problema de el código qué tiene algún fallo, de ser asin contacta con el usuario, o pagina de donde sacastes ese código para solucionar el problema .

- Espero haberte ayudado. ¡Saludos!
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje22-08-2010, 10:04 (UTC)    
Título del mensaje:

eso no es solucion compadre,

algo estoy asiendo mal,pero como no tengo ni puñetera idea de aser estas cosas,pues asin me veo,ablame de verdear,o escardar,o cualquier otro trabajo de campo veras que pronto te doy soluciones...XD

ademas este tio lo tiene fuscanso al 100x1000,o no ves la demo...XD
AQUI EL EJEMPLO FUSCANDO AL 100000X100000
http://mootoolsmenus.blogspot.com/

y todo esta sacado de aqui
http://gemablog-.blogspot.com/2008/02/mootools-men-con-efecto-persiana.html

y de aqui

Publicado por Nikko un diseñador y desarrollador web

http://xyberneticos.com/index.php/2007/09/21/menu-imagen-con-mootools/

y dises tu que me valla a donde esta el codigo,,,po si que me das una solucion colega!!!!

pido aqui porque se que el codigo esta correcto pero yo soy el que esta asiendo algo mal,pero como no hay nadie aqui que ayude de verdad,por eso no me fusca...XD
Mensaje22-08-2010, 10:05 (UTC)    
Título del mensaje:

arteaida escribió:
eso no es solucion compadre,

algo estoy asiendo mal,pero como no tengo ni puñetera idea de aser estas cosas,pues asin me veo,ablame de verdear,o escardar,o cualquier otro trabajo de campo veras que pronto te doy soluciones...XD

ademas este tio lo tiene fuscanso al 100x1000,o no ves la demo...XD
AQUI EL EJEMPLO FUSCANDO AL 100000X100000
http://mootoolsmenus.blogspot.com/

y todo esta sacado de aqui
http://gemablog-.blogspot.com/2008/02/mootools-men-con-efecto-persiana.html

y de aqui

Publicado por Nikko un diseñador y desarrollador web

http://xyberneticos.com/index.php/2007/09/21/menu-imagen-con-mootools/

y dises tu que me valla a donde esta el codigo,,,po si que me das una solucion colega!!!!

pido aqui porque se que el codigo esta correcto pero yo soy el que esta asiendo algo mal,pero como no hay nadie aqui que ayude de verdad,por eso no me fusca...XD


- Algo va mal, asique ese código no termina de estar bien .
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje22-08-2010, 10:13 (UTC)    
Título del mensaje:

otravez compadre....otra vez,otro palito a la burra,el codigo esta bien no ves o k...XD

y si no esta bien pon tu que tanto saves y dime como es....listo!!!!!
Mensaje22-08-2010, 14:49 (UTC)    
Título del mensaje:

Encontré el error, Fanksite estaba en lo cierto, el código no funcionaba, usted lo introdujo bien pero estaba mal escrito.

¿Usted colocó este código cierto?

Cita:
<script src='http://img5.xooimage.com/views/7/f/0/mootools-c360fb.js/' type='text/javascript'/>
<script src='http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js/' type='text/javascript'/>


Reemplazelo por este, el resto peguelo como estaba.

Cita:
<script type="text/javascript" src="'http://img5.xooimage.com/views/7/f/0/mootools-c360fb.js"></script>
<script type="text/javascript" src="http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js"></script>


Si no me cree, aquí el resultado:
http://rata-brava.es.tl/nsbt.htm

Y por cierto, debería agradecer a aquellos usuarios que intentan ayudarle, por más que no sea la solución a sus problemas, sigue siendo una ayuda


Ultima edición por nesbet el Dom Ago 22, 2010 10:53 am; editado 1 vez
Mensaje22-08-2010, 15:37 (UTC)    
Título del mensaje:

Ya como le dije algo un error, hay lo qué pasa qué no entiendo mucho de códigos pero a simple vista algo iva mal - Hay qué mirar antes de discutir por algo absurdo amigo, creo qué usted se altero eh .
______________
¡Utiliza el buscador antes de abrir un Tema!
¡Respeta las normas ante todas las cosas!
¡Contacta con PaginaWebGratis mediante support-es@webme.com!
¡Fanksite desde ahora solo se dedicara al Foro.!
Mensaje23-08-2010, 09:16 (UTC)    
Título del mensaje:

Hola chicos!!

nada que no hay forma de que este codigo me funcione,y no se porque ,para mi todo esta bien,pero algo hay mal o algo estoy asiendo mal....pero el que?

perdonad si me puse agrio con algun compañero,sobre todo con el compañero fanksite,espero que no me lo tome acuenta,pero cuando ves tan impotente sobre algo que quieres realizar en un proyecto,y no puedes,porqie nadie te dice algo en concreto que te lo solucione,ya ami edad y sin conocimiento niguno de idiomajava y htlm y demas,se me cruzan los cables,pero en fin perdonadme por ser tan agrio.
Mensaje23-08-2010, 18:40 (UTC)    
Título del mensaje:

Si funciona amigo, a mí me funciona, te dejé mi página de pruebas.
Borrá todos los códigos y pegá lo que te digo.

Texto por encima de la página.

Cita:
<script type="text/javascript" src="'http://img5.xooimage.com/views/7/f/0/mootools-c360fb.js"></script>
<script type="text/javascript" src="http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js"></script>

<div id="kwick">
<ul class="kwicks">

<li><a class="kwick opt1" href="http://www.espaidart.es/images/370%20%5B320x200%5D.jpg"></a></li>
<li><a class="kwick opt2" href="http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG"></a></li>
<li><a class="kwick opt3" href="http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg"></a></li>
<li><a class="kwick opt4" href="http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg"></a></li>
<li><a class="kwick opt5" href="http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg"></a></li>
<li><a class="kwick opt6" href="http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg"></a></li>


</ul>
</div>
<script type="text/javascript">
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
</script>


CSS-Desing sin style tags.

Cita:
/*Images menu*/
#kwick {
width:580px;
height:200px;
overflow:hidden;
position:relative;
padding:0;
margin:0pt auto;
}
#kwick ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:block;
width:1000px;
height:200px;
padding:0;
margin:0px;
}
# .kwicks {
display: block;
height: 200px;
margin: 0px;
}
#kwick li {
float: left;
}
li:after {
content: "";
}
#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 200px;
width: 95px;
/*padding: 10px;*/
background: #fff;
/*border-right: 5px solid #202020;*/
border-right: 2px solid #000000;
}
#kwick .kwick span {
display: none;
}
#kwick .opt1 {
outline: 0; background: #9ce782 url(http://www.espaidart.es/images/370%20%5B320x200%5D.jpg) ;
}
#kwick .opt2 {
outline: 0; background: #92bdfa url(http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG);
}
#kwick .opt3 {
outline: 0; background: #faa892 url(http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg);
}
#kwick .opt4 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg);
}
#kwick .opt5 {
outline: 0; background: #000 url(http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg);
border-right: 0;
}

#kwick .opt6 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg);
border-right: 0;
}

]]></b:skin>
Mensaje23-08-2010, 22:45 (UTC)    
Título del mensaje:

Hola!,

El problema con los Archivos que se suben a Xooimage es que siempre hay que cambiar la palabra Views por Files y borrar la barra que esta al final de la url.

Utiliza estos codigos,

Texto por encima de la pagina:

Cita:
<script type="text/javascript" src="'http://img5.xooimage.com/files/7/f/0/mootools-c360fb.js"></script>
<script type="text/javascript" src="http://img1.xooimage.com/files/3/c/a/imagemenu-c3676f.js"></script>

<script type="text/javascript">
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
</script>


CSS Code sin Style Tags:

Cita:
/*Images menu*/
#kwick {
width:580px;
height:200px;
overflow:hidden;
position:relative;
padding:0;
margin:0pt auto;
}
#kwick ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:block;
width:1000px;
height:200px;
padding:0;
margin:0px;
}
# .kwicks {
display: block;
height: 200px;
margin: 0px;
}
#kwick li {
float: left;
}
li:after {
content: "";
}
#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 200px;
width: 95px;
/*padding: 10px;*/
background: #fff;
/*border-right: 5px solid #202020;*/
border-right: 2px solid #000000;
}
#kwick .kwick span {
display: none;
}
#kwick .opt1 {
outline: 0; background: #9ce782 url(http://www.espaidart.es/images/370%20%5B320x200%5D.jpg) ;
}
#kwick .opt2 {
outline: 0; background: #92bdfa url(http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG);
}
#kwick .opt3 {
outline: 0; background: #faa892 url(http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg);
}
#kwick .opt4 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg);
}
#kwick .opt5 {
outline: 0; background: #000 url(http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg);
border-right: 0;
}

#kwick .opt6 {
outline: 0; background: #e78282 url(http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg);
border-right: 0;
}


Donde quieras que aparesca:

Cita:
<div id="kwick">
<ul class="kwicks">

<li><a class="kwick opt1" href="http://www.espaidart.es/images/370%20%5B320x200%5D.jpg"></a></li>
<li><a class="kwick opt2" href="http://3.bp.blogspot.com/_16IYqfVOnP0/SbPSXwtKp1I/AAAAAAAAAUk/OVP-SF7IelY/s320/Besseit+73x54+oleo+sobre+tela+paisaje.JPG"></a></li>
<li><a class="kwick opt3" href="http://1.bp.blogspot.com/_KDS20gvIqpo/SLwSES09sFI/AAAAAAAAAFk/v8HKo6tDxEg/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+64+x+84+cm..jpg"></a></li>
<li><a class="kwick opt4" href="http://4.bp.blogspot.com/_KDS20gvIqpo/SLwTZeIQ7OI/AAAAAAAAAF0/S-H_IDcyRuo/s320/Erika+Sotomayor,+YARABAMBA,+%C3%B2leo+sobre+lienzo,+60+x+80+cm..jpg"></a></li>
<li><a class="kwick opt5" href="http://3.bp.blogspot.com/_KDS20gvIqpo/SddXrAepM6I/AAAAAAAAAPE/yu6kSPHNydA/s320/IMG_8133.jpg"></a></li>
<li><a class="kwick opt6" href="http://4.bp.blogspot.com/_NQraIDwalYI/SFVhZPbs1PI/AAAAAAAAABc/6ww-bhIYO1s/s320/Manzanas_oleo_p_20060706081613.jpg"></a></li>


</ul>
</div>


Saludos,
El equipo de Team-AyudaMaster.
Mensaje24-08-2010, 00:23 (UTC)    
Título del mensaje:

Es exactamente el mismo código que dejé yo...
Mensaje24-08-2010, 00:43 (UTC)    
Título del mensaje:

@Nesbet No es el mismo, por favor fijate en la url de los archivos JavaScript,

Tu codigo:

Cita:
<script type="text/javascript" src="'http://img5.xooimage.com/views/7/f/0/mootools-c360fb.js"></script>
<script type="text/javascript" src="http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js"></script>


Si intentas abrir cualquier archivo, no abrira porque la url es incorrecta,

http://img1.xooimage.com/views/3/c/a/imagemenu-c3676f.js

Ahora fijate en mi codigo los valores modificados en la url,

Cita:
<script type="text/javascript" src="'http://img5.xooimage.com/files/7/f/0/mootools-c360fb.js"></script>
<script type="text/javascript" src="http://img1.xooimage.com/files/3/c/a/imagemenu-c3676f.js"></script>


Abre cualquiera de esas url's y veras que funcionan correctamente,

http://img5.xooimage.com/files/7/f/0/mootools-c360fb.js

Espero que quede claro

Saludos!
Mensaje24-08-2010, 10:56 (UTC)    
Título del mensaje:

Hola!!!
perdonad.....lo e echo todo tal cual se a especificado,

pero sigue sin funcionar
Mensaje24-08-2010, 19:18 (UTC)    
Título del mensaje:

arteaida escribió:
Hola!!!
perdonad.....lo e echo todo tal cual se a especificado,

pero sigue sin funcionar


El código si funciona, el mio también miren.
http://rata-brava.es.tl/nsbt.htm
Creo que pegas mal los códigos.
Mensaje24-08-2010, 20:05 (UTC)    
Título del mensaje:

nesbet escribió:
arteaida escribió:
Hola!!!
perdonad.....lo e echo todo tal cual se a especificado,

pero sigue sin funcionar


El código si funciona, el mio también miren.
http://rata-brava.es.tl/nsbt.htm
Creo que pegas mal los códigos.

pues yo no veo que te funcione,me he metido en el enlace y no ase el efecto,a mi en mi pagiana no ase el efecto,y en el enlace que tu as puesto,que dises que funciona el efecto,yo no veo que funcione....XD
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group