(29 Nov, 2014, 5:35 am)jerelesi escribió: gracias por el tutorial @Jean Pierre pero ya no se encuentra la carpeta de las imagenes, alguien podria resubirla

muchas grcaias

Seguramente las podes encontrar en https://www.iconfinder.com/ si es que nadie tiene la copia de las que publicaron

me podrian ayudar al instalar el plugins mi web se ve asi

(23 Nov, 2014, 9:45 pm)MrBlack escribió: Me funciona perfecto, solo tengo un pequeño problema, al implementarlo en mis plantillas mi editor desaparece, mi version de mybb es la 1.8.3 

El codigo con el que tengo problema es este...

Código:

<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

Existirá alguna forma de que no entre en conflicto ni el codigo arriba mencionado ni que desaparezca el editor?

somos dos no se cual sera el error

Pues yo parcialmente lo solucione, quite ese codigo que me daba conflicto y solo deje los botones sin el hover, ya despues vere si el hover lo meto en el css (si es que se puede XD)

Según la respuesta de MrBlack es un problema de conflicto con el JS del tutorial, la única alternativa es hacerlo sin ese efecto, o bien aplicar el tutorial y reemplazar el efecto de movimiento del JS por movimiento con CSS3 que es mucho mejor y no da estos problemas, ahora no tengo el codigo a mano pero lo estaba por implementar en un theme que estaba armando, igual si buscan en google "movimiento con css 3" salen cientos de tutoriales, así que solo tienen que agregar esa parte y listo.

EDIT:

acá encontré un tuto bastante fácil, agreguen el movimiento de la imagen con esto

http://damasogonzalez.com/efecto-de-movi...ransition/

cambian los valores que indica en el tutorial según la imagen que usan hasta que se acomode, y el resultado es el mismo que verán en esa misma pagina sobre los botones laterales que tiene

Mas adelante si me hago un tiempo armo un tutorial mas detallado, aunque creo que en ese es claro

El problema de compatibilidad es simple.

(14 Jan, 2015, 3:51 pm)ktemanuel escribió:

(23 Nov, 2014, 9:45 pm)MrBlack escribió: Me funciona perfecto, solo tengo un pequeño problema, al implementarlo en mis plantillas mi editor desaparece, mi version de mybb es la 1.8.3 

El codigo con el que tengo problema es este...

Código:

<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

Existirá alguna forma de que no entre en conflicto ni el codigo arriba mencionado ni que desaparezca el editor?

somos dos no se cual sera el error

El error esta en utilizar un codigo jQuery que fue hecho para no interferir con el antiguo Prototype de 1.6
Probad este codigo para ver si funciona:

Cita:<script type='text/javascript'>
$(document).ready(function() {
$('.botones-sociales .social').mouseenter(function(){
$(this).stop();
$(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
$('.botones-sociales .social').mouseleave(function(){
$(this).stop();
$(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

(15 Jan, 2015, 5:22 am)BitLiberal escribió: El problema de compatibilidad es simple.

(14 Jan, 2015, 3:51 pm)ktemanuel escribió:

(23 Nov, 2014, 9:45 pm)MrBlack escribió: Me funciona perfecto, solo tengo un pequeño problema, al implementarlo en mis plantillas mi editor desaparece, mi version de mybb es la 1.8.3 

El codigo con el que tengo problema es este...

Código:

<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

Existirá alguna forma de que no entre en conflicto ni el codigo arriba mencionado ni que desaparezca el editor?

somos dos no se cual sera el error

El error esta en utilizar un codigo jQuery que fue hecho para no interferir con el antiguo Prototype de 1.6
Probad este codigo para ver si funciona:

Cita:<script type='text/javascript'>
$(document).ready(function() {
$('.botones-sociales .social').mouseenter(function(){
$(this).stop();
$(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
$('.botones-sociales .social').mouseleave(function(){
$(this).stop();
$(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

si me ha funcionado pero no se desliza el texto cambie los valores width y nada

(14 Jan, 2015, 10:21 pm)MrBlack escribió: Quita ese codigo, y deja solo los botones flotantes, asi lo semi solucione yo 

(15 Jan, 2015, 6:19 am)ktemanuel escribió:

(15 Jan, 2015, 5:22 am)BitLiberal escribió: El problema de compatibilidad es simple.

(14 Jan, 2015, 3:51 pm)ktemanuel escribió:

(23 Nov, 2014, 9:45 pm)MrBlack escribió: Me funciona perfecto, solo tengo un pequeño problema, al implementarlo en mis plantillas mi editor desaparece, mi version de mybb es la 1.8.3 

El codigo con el que tengo problema es este...

Código:

<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

Existirá alguna forma de que no entre en conflicto ni el codigo arriba mencionado ni que desaparezca el editor?

somos dos no se cual sera el error

El error esta en utilizar un codigo jQuery que fue hecho para no interferir con el antiguo Prototype de 1.6
Probad este codigo para ver si funciona:

Cita:<script type='text/javascript'>
$(document).ready(function() {
$('.botones-sociales .social').mouseenter(function(){
$(this).stop();
$(this).animate({width:'120'}, 500, 'easeOutBounce',function(){});
});
$('.botones-sociales .social').mouseleave(function(){
$(this).stop();
$(this).animate({width:'35'}, 500, 'easeOutBounce',function(){});
});
});
</script>

si me ha funcionado pero no se desliza el texto cambie los valores width y nada

Si quieres pon aqui el codigo de tu plantilla header y lo estudio.
Saludos.

BitLiberal Si quieres pon aqui el codigo de tu plantilla [i escribió:header [/i]y lo estudio.
Saludos.

Este tutorial fue hecho para MyBB 1.6.x cuando se usaba por defecto el Prototype, por lo tanto el script está adaptado para no tener conflicto con ella.

Si lo quieren emplear para MyBB 1.8.x de hecho que van a tener problemas ya que esa versión de MyBB no usa Prototype y al contrario ya trae incorporado jQuery. Si alguien sigue teniendo problemas con esto comentarlo para brindar la solución adecuada, en cuanto tenga tiempo editaré el tema y haré el tutorial para MyBB 1.8.x también.

Saludos y disculpas a todos por no responder, estuve ausente mucho tiempo de aquí