Iniciar sesión

***Kevinex*** · 19-10-2013, 10:49 PM

Hola!

Tal vez has visto en el foro en cuando pones el mouse sobre links o imágenes que le sale un globito con color negro y con gravedad, a pedido de uno de los usuarios vamos a dejar el tutorial de como hacerlo Guiño

1. Nos bajamos los recursos que subiremos a nuestro foro por el FTP:

.zip

Recursos Tipsy - LagriHost.zip (Tamaño: 3.3 KB / Descargas: 9)

2. Entramos al Panel de Administración → Estilos y plantillas → Plantillas → Tu plantilla → Plantillas sin grupo → headerinclude → Buscamos:

Código PHP:
{$stylesheets} 

Abajo agregamos:

Código PHP:
<link type="text/css" rel="stylesheet" href="{$mybb->settings['bburl']}/tipsy.css" /> 

* Opcionalmente, el código CSS del Tipsy lo podés agregar al global.css y saltarse este paso.

3. Ahora como último paso, agregaremos el .js y activamos así el tipsy. Seguimos el paso anterior (paso 2) y buscamos:

Código PHP:
{$stylesheets} 

Y abajo agregamos:

Código PHP:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
  });
</script> 

Las rutas para subir los recursos es (en el FTP):

tipsy.css → En la carpeta public_html
tipsy.js → En la carpeta public_html → jscripts

Es todo, espero les sirva Pulgar para arriba

ZGezz · 19-10-2013, 10:57 PM

0

Gracias si me funciono, despues de muchos intentos. Sonreir

DarkEternity · 15-11-2013, 06:14 PM

0

gracias por el aporte voy a probar en mi foro a ver que tal me va ^^

**mariana** · 15-11-2013, 08:23 PM

0

gracias por este tutorial amigo

DarkEternity · 16-11-2013, 10:12 PM

0

segui los paso al pie de la letra y aun asi no se ve el nuevo tipsy

***Kevinex*** · 16-11-2013, 10:22 PM

0

(16-11-2013, 10:12 PM)DarkEternity escribió: segui los paso al pie de la letra y aun asi no se ve el nuevo tipsy

Si después de agregarlo y darle F5 no funciona, un .js debe estar causando conflicto.

DarkEternity · 16-11-2013, 11:28 PM

0

este es mi HeaderInclude

Código PHP:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
  });
</script> 
</script> 
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>





{$newpmmsg} 

y agregue el css directo al global

Código PHP:
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
    .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } 

Wolves · 17-11-2013, 03:16 PM

0

Buen aporte Guiño

a muchos les sera Útil.q

DarkEternity · 19-11-2013, 05:12 PM

0

Kevinex me podrias ayudar hay te deje la plantilla del Header include a ver si le puedes hechar un ojo a ver si encuentras el error

***Kevinex*** · 05-12-2013, 06:16 AM

0

(19-11-2013, 05:12 PM)DarkEternity escribió: Kevinex me podrias ayudar hay te deje la plantilla del Header include a ver si le puedes hechar un ojo a ver si encuentras el error

Disculpa la demora xD Me había olvidado del tema. Antes de esto:

Código PHP:
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script> 

Agrega esto:

Código PHP:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

Debería funcionar, sino.. avisa Guiño