MyBB-Es.com     Comunidad en General     Papelera     (Archivo) MyBB 1.6.x     Soporte sobre temas (Estilos y plantillas) MyBB 1.6.x    

Problema con Tipsy

Páginas (2): 1 2   
Locked4466   22 Jul, 2012, 6:31 pm
#1
Hola amigos de Mybb-Es, segui el siguiente tutorial:

Tipsy al estilo FaceBook en todo el Foro

y no me sale nada, coloque todo tal cual dice...

Pero tengo otra cosa:

forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><a href="{$forum_url}" class="ficons"><img src="{$mybb->settings['bburl']}/images/ficons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" title="{$forum['name']}"/></a></td>
<td class="trow-forumbit" valign="middle">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="trow-forumbit" valign="middle" align="left" style="white-space: nowrap"><div class="float_right" style="text-align: center; padding-right: 6px;"><span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$threads}</span><br />Temas {$unapproved['unapproved_threads']}</div><div class="float_left" style="text-align: center; padding-left: 6px;"><span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$posts}</span><br />Mensajes {$unapproved['unapproved_posts']}</div></td>
<td class="trow-forumbit" valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
None

P/D: Tengo los Ficons como estado del foro. Con un tuto que estaba en Guias.
  
Locked4466   8 Oct, 2012, 12:25 am
#2
Disculpen, Revivo este post porque necesito el soporte!!! no se que hacer ya :/
  
HSSWebs   8 Oct, 2012, 4:11 am
#3
Solo tienes que cambiar el title por alt..

Cita:<td class="{$bgcolor}" align="center" valign="top" width="1"><a href="{$forum_url}" class="ficons"><img src="{$mybb->settings['bburl']}/images/ficons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" title="{$forum['name']}"/></a></td>
  
Finer   8 Oct, 2012, 11:21 am
#4
Mira ami tampoco me funciono el de jaizu.
Yo use este y si me ando.
http://www.mybb-es.com/hilo-tiptip
[Imagen: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]
  
Locked4466   8 Oct, 2012, 11:55 am
#5
(8 Oct, 2012, 4:11 am)Steeep escribió: Solo tienes que cambiar el title por alt..

Cita:<td class="{$bgcolor}" align="center" valign="top" width="1"><a href="{$forum_url}" class="ficons"><img src="{$mybb->settings['bburl']}/images/ficons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" title="{$forum['name']}"/></a></td>

Sigue igual Capo. Viste mi foro? tiene ficons y el ficons tiene class=""

(8 Oct, 2012, 11:21 am)Finer escribió: Mira ami tampoco me funciono el de jaizu.
Yo use este y si me ando.
http://www.mybb-es.com/hilo-tiptip

Tampoco me funcionó!! Confused
Última modificación: 8 Oct, 2012, 12:07 pm por demo.
  
HSSWebs   8 Oct, 2012, 1:30 pm
#6
Haces 4 llamados del jQuery solo en el index.. como quieres que te funcione?

Ademas te dije que cambies el atributo title por ALT, no mencione nada de class.
  
Locked4466   8 Oct, 2012, 5:30 pm
#7
(8 Oct, 2012, 1:30 pm)Steeep escribió: Haces 4 llamados del jQuery solo en el index.. como quieres que te funcione?

Ademas te dije que cambies el atributo title por ALT, no mencione nada de class.

Hise todos los pasos correspondientes y hasta cambie "Title por Alt" así que no se. me canso y lo borre todo.
  
HSSWebs   8 Oct, 2012, 5:44 pm
#8
Solo ve el código de fuente del index de tú foro, haces muchos llamados a la librería jQuery, todos son de distintas versiones..

Debería funcionar la tipsy así como te lo dije.
  
Locked4466   12 Oct, 2012, 8:33 am
#9
Amigo Steeep disculpa la demora. No me funciona. Te muestro lo que tengo.

HeaderInclude:

<script language="Javascript" type="text/javascript">
//<![CDATA[

<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
//]]>
</script>
<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>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script&nbsp;type="text/javascript"&nbsp;src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <euan@euantor.com>
 * @version 1.0.0
 */

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(700);    
        $('#mask').fadeTo("slow", 0.7);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(1700); 
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    }); 
    // /Modal Boxes //
});
</script>
<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});

&nbsp;&nbsp;});

</script>
{$stylesheets}
<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>
<script type="text/javascript" src="jscripts/thx.js"></script>{$newpmmsg}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
None

forumbit_depth2_forum:

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><a href="{$forum_url}" class="ficons"><img src="{$mybb->settings['bburl']}/images/ficons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" alt="{$forum['name']}"/></a></td>
<td class="trow-forumbit" valign="middle">
<strong><a class="tiptip" title="{$forum['name']}" href="{$forum_url}">{$forum['name']}</a></strong>&nbsp;<div align="right"><a style="text-align:left;" href="{$mybb->settings['bburl']}/syndication.php?fid={$forum['fid']}&limit=15"><img src="{$mybb->settings['bburl']}/rss.png" alt="RSS" /></a></div>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="trow-forumbit" valign="middle" align="left" style="white-space: nowrap"><div class="float_right" style="text-align: center; padding-right: 6px;"><span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$threads}</span><br />Temas {$unapproved['unapproved_threads']}</div><div class="float_left" style="text-align: center; padding-left: 6px;"><span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$posts}</span><br />Mensajes {$unapproved['unapproved_posts']}</div></td>
<td class="trow-forumbit" valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
None

El css lo agregue yo manualmente desde "Temas" con su respectivo formato. El js esta donde debe ser.
  
HSSWebs   18 Oct, 2012, 4:32 pm
#10
"Limpie" un poco el código ya que hacía el llamado de la librería jQuery muchas veces.

Aquí esta el headerinclude:

<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" />
{$stylesheets}
<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>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/thx.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @version 1.0.0
*/

jQuery.noConflict();
jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(700);    
        $('#mask').fadeTo("slow", 0.7);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(1700); 
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    }); 
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    }); 
    // /Modal Boxes //
});
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>

<script type='text/javascript'> 
jQuery(function() {
	jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
	jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>
<script type="text/javascript">
<!--
    document.oncontextmenu = function(){return false}
	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}
PHP

Aquí forumbit_depth2_forum, solo ordene un poco el código:
<tr>
	<td class="{$bgcolor}" align="center" valign="top" width="1">
		<a href="{$forum_url}" class="ficons">
			<img src="{$mybb->settings['bburl']}/images/ficons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" alt="{$forum['name']}"/>
		</a>
	</td>
	<td class="trow-forumbit" valign="middle">
		<strong><a class="tiptip" title="{$forum['name']}" href="{$forum_url}">{$forum['name']}</a></strong>&nbsp;
		<div align="right">
			<a style="text-align:left;" href="{$mybb->settings['bburl']}/syndication.php?fid={$forum['fid']}&limit=15"><img src="{$mybb->settings['bburl']}/rss.png" alt="RSS" /></a>
		</div>
		{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
	</td>
	<td class="trow-forumbit" valign="middle" align="left" style="white-space: nowrap">
		<div class="float_right" style="text-align: center; padding-right: 6px;">
			<span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$threads}</span><br />Temas {$unapproved['unapproved_threads']}
		</div>
		<div class="float_left" style="text-align: center; padding-left: 6px;">
			<span style="color: #9c9c9c; font-weight: bold; font-size: 15px; text-align: right;">{$posts}</span><br />Mensajes {$unapproved['unapproved_posts']}
		</div>
	</td>
	<td class="trow-forumbit" valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
PHP

Ya si no funcionara no sé que podría ser, pero no es la única manera de agregar Tip a una web/foro.
  
Páginas (2): 1 2   
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.