(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
![[Imagen: 1iqN6U9.png]](http://i.imgur.com/1iqN6U9.png)
(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.3somos dos no se cual sera el error
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?
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
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
Última modificación: 15 Jan, 2015, 12:08 am por XEDE.
El problema de compatibilidad es simple.
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:
(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.3somos dos no se cual sera el error
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?
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>
Última modificación: 15 Jan, 2015, 5:23 am por BitLiberal.
- Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
- Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
(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.3somos dos no se cual sera el error
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?
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.3somos dos no se cual sera el error
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?
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.
- Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
- Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
BitLiberal Si quieres pon aqui el codigo de tu plantilla [i escribió:header [/i]y lo estudio.
Saludos.
Código PHP:
<?php
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
<script type='text/javascript'>
$(document).ready(function() {
$('.botones-sociales .social').mouseenter(function(){
$(this).stop();
$(this).animate({width:'12000'}, 500, 'easeOutBounce',function(){});
});
$('.botones-sociales .social').mouseleave(function(){
$(this).stop();
$(this).animate({width:'10'}, 500, 'easeOutBounce',function(){});
});
</script>
<div class='botones-sociales izquierda hidden-phone hidden-tablet'>
<a class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<a class='itemsocial' href='url de twitter' id='twitter-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Twitter</span></span></a>
<a class='itemsocial' href='url de google+' id='google-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Google</span></span></a>
<a class='itemsocial' href='url de pinterest' id='pinterest-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Pinterest</span></span></a>
<a class='itemsocial' href='url de youtube' id='youtube-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Youtube</span></span></a>
<a class='itemsocial' href='url del feed' id='rss-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via RSS</span></span></a>
</div>
Última modificación: 18 Jan, 2015, 5:01 pm por ktemanuel.
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í
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í