efectos jquery funcionan mal

Para soporte y discusión en relación con las plantillas, temas y galerías de imágenes en phpBB 3.0.x.

Moderador: Personalizaciones de Estilo

Avatar de Usuario
craperos
Menos de 400 mensajes
Menos de 400 mensajes
Mensajes: 383
Registrado: Mar Ago 31, 2010 3:05 am
Ubicación: Argentina
Contactar:

efectos jquery funcionan mal

Mensaje sin leer por craperos » Dom Mar 04, 2012 3:14 am

Patrocinador

queridos amigos, tengo un problema en internet explorer, los efectos de los botones no funcionan con el internet explorer 8 y 7. Ademas tengo un problema con las imagenes de los post que tampoco se ven.

en el validator css:

Código: Seleccionar todo

263 h1#title  Propiedad no válida : background Faltan valores o no se reconocen los valores : url(../images/head-bl.png) bottom left no-repeat  
286 div#banner  Propiedad no válida : background Faltan valores o no se reconocen los valores : #365d95 url(../images/head-br.png) bottom right no-repeat  
445 div.options, p.submit_button, p.instructions, p#note  Propiedad no válida : background Faltan valores o no se reconocen los valores : #eaebee url(../images/double.png) left top repeat-x  
en el validator html:

Código: Seleccionar todo

Validation Output: 19 Errors 
 Line 17, Column 71: end tag for "link" omitted, but OMITTAG NO was specified 
<link rel="shortcut icon" href="http://www.craperos.com/favicon.ico" >✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 17, Column 1: start tag was here 
<link rel="shortcut icon" href="http://www.craperos.com/favicon.ico" > Line 18, Column 89: end tag for "link" omitted, but OMITTAG NO was specified 
…="icon" type="image/gif" href="http://www.craperos.com/animated_favicon1.gif" >✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 18, Column 1: start tag was here 
<link rel="icon" type="image/gif" href="http://www.craperos.com/animated_favico… Line 212, Column 76: there is no attribute "target" 
…//www.craperos.com/portal.php" target="_self"><img src="http://www.craperos.co…✉ 
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). 

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. 

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. 
 Line 246, Column 20: there is no attribute "color" 
    <p><font color='blue'>Hola <b>W3C [Validator]</b> hemos notado que no has c…✉ 
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). 

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. 

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. 
 Line 246, Column 26: element "font" undefined 
    <p><font color='blue'>Hola <b>W3C [Validator]</b> hemos notado que no has c…✉ 
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: 

•incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
•by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
•by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
 Line 247, Column 77: document type does not allow element "p" here; missing one of "object", "ins", "del", "map", "button" start-tag 
    Te invitamos a Colaborar, hacer preguntas, dar una solucion o entablar<p>✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 248, Column 63: end tag for "p" omitted, but OMITTAG NO was specified 
    una conversacion con el resto de miembros del sitio.</font>✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 247, Column 75: start tag was here 
    Te invitamos a Colaborar, hacer preguntas, dar una solucion o entablar<p> Line 248, Column 63: end tag for "p" omitted, but OMITTAG NO was specified 
    una conversacion con el resto de miembros del sitio.</font>✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 246, Column 132: start tag was here 
…emos notado que no has compartido un mensaje con nosotros en varias semanas.<p> Line 255, Column 21: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag 
	<div id="page-body">✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 270, Column 23: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag 
	<div id="page-footer">✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 272, Column 12: ID "page-footer" already defined 
		<div id="page-footer">✉ 
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). 
 Line 270, Column 11: ID "page-footer" first defined here 
	<div id="page-footer"> Line 293, Column 24: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag 
	<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a>&re…✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 297, Column 103: document type does not allow element "p" here; missing one of "object", "ins", "del", "map", "button" start-tag 
… font-family: Verdana; font-size: 1em; font-weight: bold; text-align: center;">✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 356, Column 41: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag 
	<div class="post bg2" id="sponsors_top">✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 367, Column 8: end tag for "ul" which is not finished 
			</ul>✉ 
Most likely, you nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p> 

Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists require appropriate list items (<ul> and <ol> require <li>; <dl> requires <dt> and <dd>), and so on. 
 Line 368, Column 57: end tag for "li" omitted, but OMITTAG NO was specified 
		<span class="corners-bottom"><span></span></span></div>✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 358, Column 8: start tag was here 
		 <ul><li class="topiclist"> Line 368, Column 57: end tag for "ul" omitted, but OMITTAG NO was specified 
		<span class="corners-bottom"><span></span></span></div>✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 358, Column 4: start tag was here 
		 <ul><li class="topiclist"> Line 371, Column 6: document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag 
	<div>✉ 
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
 Line 376, Column 6: end tag for "p" omitted, but OMITTAG NO was specified 
</div><!-- wrap //-->✉ 
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". 
 Line 246, Column 5: start tag was here 
    <p><font color='blue'>Hola <b>W3C [Validator]</b> hemos notado que no has c…
Tambien noto que con el FSF mssti tengo en el botoom tengo un display de banner pero no se muestran.
URL: http://www.laplatapolitica.com.ar
Plantilla(s) usuada(s): (Prosilver)(PBtech)
MODs instalados: (Portal board3)(Advanced BBCode Box 3.1.0-b2) (Board3 Portal 2.1.0-rc1)(Board Announcements 1.0.0)(Database Optimize & Repair Tool 1.1.0-b2 )(Google Analytics 1.0.0)(Lightbox 1.0.0-b1)(Pages 1.0.0 )(Password Strength 1.1.0-b2)(Precise Similar Topics 1.3.0-b3)(Private Messages Progress Bars 2.0.0-b1)(Recent Topics 2.0.3)(Scroll To Top 1.0.0-b1)(Sortables Captcha 2.0.0-DEV)(Tapatalk Plugin Demo 1.0.1)(Topic Preview 2.1.0-b3 )

Versión de phpBB: (3.1.2)

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por Leviatan21 » Dom Mar 04, 2012 1:05 pm

Como recordarás, ese efecto lo pediste en este tema : efectos de link y barras de este estilo a prosilver y si visitas el ejemplo que citas, verás que tampoco funciona en Internet Explorer.

Tras buscar la causa, llegue a la conclusión de que es un error propio del script y una falencia del propio jQuery por falta de tacto con IE.

La solución la encontré haciendo cambios en el archivo animate.js, asi que descarga el adjunto y subelo a la carpeta
raíz/styles/prosilver/template/
reemplazando el que ya tienes

recuerda que a IE le cuesta un poco reconocer cambios en archivos js, por lo que tienes que refrescar el navegador al menos dos veces ;)
Adjuntos
animate.zip
(1.1 KiB) Descargado 87 veces
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

Avatar de Usuario
craperos
Menos de 400 mensajes
Menos de 400 mensajes
Mensajes: 383
Registrado: Mar Ago 31, 2010 3:05 am
Ubicación: Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por craperos » Lun Mar 05, 2012 12:51 am

hablas de explorer como si fuera una persona con problemas de adaptacion.... :lol:

Voy a probar los cambios y les cuento... pero no cierren el tema aun... ;)
URL: http://www.laplatapolitica.com.ar
Plantilla(s) usuada(s): (Prosilver)(PBtech)
MODs instalados: (Portal board3)(Advanced BBCode Box 3.1.0-b2) (Board3 Portal 2.1.0-rc1)(Board Announcements 1.0.0)(Database Optimize & Repair Tool 1.1.0-b2 )(Google Analytics 1.0.0)(Lightbox 1.0.0-b1)(Pages 1.0.0 )(Password Strength 1.1.0-b2)(Precise Similar Topics 1.3.0-b3)(Private Messages Progress Bars 2.0.0-b1)(Recent Topics 2.0.3)(Scroll To Top 1.0.0-b1)(Sortables Captcha 2.0.0-DEV)(Tapatalk Plugin Demo 1.0.1)(Topic Preview 2.1.0-b3 )

Versión de phpBB: (3.1.2)

Avatar de Usuario
craperos
Menos de 400 mensajes
Menos de 400 mensajes
Mensajes: 383
Registrado: Mar Ago 31, 2010 3:05 am
Ubicación: Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por craperos » Mié Mar 07, 2012 9:08 pm

no me funciono el archivo... podemos buscar alguna explicacion a este terrible mal entendido con el internet explorer?
URL: http://www.laplatapolitica.com.ar
Plantilla(s) usuada(s): (Prosilver)(PBtech)
MODs instalados: (Portal board3)(Advanced BBCode Box 3.1.0-b2) (Board3 Portal 2.1.0-rc1)(Board Announcements 1.0.0)(Database Optimize & Repair Tool 1.1.0-b2 )(Google Analytics 1.0.0)(Lightbox 1.0.0-b1)(Pages 1.0.0 )(Password Strength 1.1.0-b2)(Precise Similar Topics 1.3.0-b3)(Private Messages Progress Bars 2.0.0-b1)(Recent Topics 2.0.3)(Scroll To Top 1.0.0-b1)(Sortables Captcha 2.0.0-DEV)(Tapatalk Plugin Demo 1.0.1)(Topic Preview 2.1.0-b3 )

Versión de phpBB: (3.1.2)

Avatar de Usuario
nextgen
Lider Equipo de Personalizaciones
Lider Equipo de Personalizaciones
Mensajes: 554
Registrado: Jue Jun 17, 2010 12:36 am
Ubicación: Guatemala, Guatemala
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por nextgen » Mié Mar 07, 2012 10:20 pm

A mi el archivo me funciono correctamente.
Leviatan21 escribió:recuerda que a IE le cuesta un poco reconocer cambios en archivos js, por lo que tienes que refrescar el navegador al menos dos veces ;)
Recorda rellenar Imagen para cuálquier problema con tu foro.

Avatar de Usuario
craperos
Menos de 400 mensajes
Menos de 400 mensajes
Mensajes: 383
Registrado: Mar Ago 31, 2010 3:05 am
Ubicación: Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por craperos » Vie Mar 09, 2012 3:37 am

estan seguros que el adjunto que me subieron es el modificado y no el original que tengo yo? por que no logro entender, subo por ftp y no pasa nada.
URL: http://www.laplatapolitica.com.ar
Plantilla(s) usuada(s): (Prosilver)(PBtech)
MODs instalados: (Portal board3)(Advanced BBCode Box 3.1.0-b2) (Board3 Portal 2.1.0-rc1)(Board Announcements 1.0.0)(Database Optimize & Repair Tool 1.1.0-b2 )(Google Analytics 1.0.0)(Lightbox 1.0.0-b1)(Pages 1.0.0 )(Password Strength 1.1.0-b2)(Precise Similar Topics 1.3.0-b3)(Private Messages Progress Bars 2.0.0-b1)(Recent Topics 2.0.3)(Scroll To Top 1.0.0-b1)(Sortables Captcha 2.0.0-DEV)(Tapatalk Plugin Demo 1.0.1)(Topic Preview 2.1.0-b3 )

Versión de phpBB: (3.1.2)

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por Leviatan21 » Vie Mar 09, 2012 10:39 am

Completamente seguro, comprobado por segunda vez :
El archivo original contiene 44 lineas y el nuevo 81

Asegurate de subirlo en la carpeta correcta
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

Avatar de Usuario
craperos
Menos de 400 mensajes
Menos de 400 mensajes
Mensajes: 383
Registrado: Mar Ago 31, 2010 3:05 am
Ubicación: Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por craperos » Sab Mar 10, 2012 5:18 pm

Este que subi tiene 81 lineas no se por que decis que tiene 41? y lo subi y lo suplante por el anterior y no funciona. y este cambio lo hice hace una semana y no funciona.

la ubicacion /styles/prosilver/template/template_js y suplante el animate.js

Código: Seleccionar todo

/**
 * @author Alexander Farkas
 * v. 1.22
 */


(function($) {
	if(!document.defaultView || !document.defaultView.getComputedStyle){ // IE6-IE8
		var oldCurCSS = $.curCSS;
		$.curCSS = function(elem, name, force){
			if(name === 'background-position'){
				name = 'backgroundPosition';
			}
			if(name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[ name ]){
				return oldCurCSS.apply(this, arguments);
			}
			var style = elem.style;
			if ( !force && style && style[ name ] ){
				return style[ name ];
			}
			return oldCurCSS(elem, 'backgroundPositionX', force) +' '+ oldCurCSS(elem, 'backgroundPositionY', force);
		};
	}
	
	var oldAnim = $.fn.animate;
	$.fn.animate = function(prop){
		if('background-position' in prop){
			prop.backgroundPosition = prop['background-position'];
			delete prop['background-position'];
		}
		if('backgroundPosition' in prop){
			prop.backgroundPosition = '('+ prop.backgroundPosition;
		}
		return oldAnim.apply(this, arguments);
	};
	
	function toArray(strg){
		strg = strg.replace(/left|top/g,'0px');
		strg = strg.replace(/right|bottom/g,'100%');
		strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
		var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
		return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
	}
	
	$.fx.step. backgroundPosition = function(fx) {
		if (!fx.bgPosReady) {
			var start = $.curCSS(fx.elem,'backgroundPosition');
			if(!start){//FF2 no inline-style fallback
				start = '0px 0px';
			}
			
			start = toArray(start);
			fx.start = [start[0],start[2]];
			var end = toArray(fx.end);
			fx.end = [end[0],end[2]];
			
			fx.unit = [end[1],end[3]];
			fx.bgPosReady = true;
		}
		//return;
		var nowPosX = [];
		nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
		nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];           
		fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];

	};
})(jQuery);

$(function(){
	$('.menu_top a , .menu_bottom a , a.button1, input.button1, a.button2, input.button2, #tabs a, .edit-icon, .quote-icon')
		.css( {backgroundPosition: "-20px 35px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 35px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-20px 35px"})
			}})
		})
});
URL: http://www.laplatapolitica.com.ar
Plantilla(s) usuada(s): (Prosilver)(PBtech)
MODs instalados: (Portal board3)(Advanced BBCode Box 3.1.0-b2) (Board3 Portal 2.1.0-rc1)(Board Announcements 1.0.0)(Database Optimize & Repair Tool 1.1.0-b2 )(Google Analytics 1.0.0)(Lightbox 1.0.0-b1)(Pages 1.0.0 )(Password Strength 1.1.0-b2)(Precise Similar Topics 1.3.0-b3)(Private Messages Progress Bars 2.0.0-b1)(Recent Topics 2.0.3)(Scroll To Top 1.0.0-b1)(Sortables Captcha 2.0.0-DEV)(Tapatalk Plugin Demo 1.0.1)(Topic Preview 2.1.0-b3 )

Versión de phpBB: (3.1.2)

Avatar de Usuario
Leviatan21
Lider phpBB Argentina
Lider phpBB Argentina
Mensajes: 1993
Registrado: Mié Nov 25, 2009 4:43 pm
Ubicación: Buenos Aires, Argentina
Contactar:

Re: efectos jquery funcionan mal

Mensaje sin leer por Leviatan21 » Dom Mar 11, 2012 1:23 am

craperos escribió:Este que subi tiene 81 lineas no se por que decis que tiene 41?
Dije que el original es el que contiene 41 lineas, el correspondiente al otro tema ;)
Y el que vos tenes todavía en tu servidor es el original, o sea el viejo, el que sigue y seguirá funcionando mal
craperos escribió:la ubicacion /styles/prosilver/template/template_js y suplante el animate.js
el archivo va en la carpeta
raíz/styles/prosilver/template/
, quedando la linea completa como :

Código: Seleccionar todo

raíz/styles/prosilver/template/animate.js
Lea las reglas | Nosotros | Acerca de phpBB | Descargas | Soporte | Blog
Ex Miembro del Equipo QA en phpbb.com
No se brindará soporte por Mensaje Privado, por favor pregunte en un tema público, tenga en cuenta que su problema puede ser también un problema para otros ;)

Responder