phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

Menu jQuery

https://www.phpbb-es.com/foro/viewtopic.php?t=27885

Página 1 de 1

Menu jQuery  Tema Solucionado

Publicado: 13 Ago 2010, 16:57
por itachija
Hola quiero instalar el siguiente menu jQuery http://rukon.hostoi.com/foros/styles/su ... /menu.html que ya lo he subido a mi hosting... se ve bien pero miren como se observa en el foro http://rukon.hostoi.com/foros/index.php ... todo de formado ademas que borra el marquee.. que estaba donde hay un espacion entre el borde redondeado y el contenido.... no se por que se muestra asi de feo... o distorcionado si como ven en el primer link se ve bien

PD: necesito el Menu Para integrar el foro con un sitio de peliculas online que tengo en fase beta... si no no lo usara... gracias
PD2: Se que no es un mod como tal.. pero se podria como considerar como un MOD multimedia... y realmente me esta dandon problemas con respecto a la visualizacion... :x
Edito:

Codigo de menu.html

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>jQuery Smooth Navigation Menu - PremiumWordpress.US</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8"/>
    </head>
    <style>
        body{
            background: url() no-repeat top center;
            font-family:Arial;
            height:0px;
        }
        .header
        {
            width:0px;
            height:0px;
            position:absolute;
            top:50%;
            left:10px;
        }

        a.back{
            width:0px;
            height:0px;
            position:absolute;
            bottom:15px;
            right:15px;
        }
        a.dry{
            position:absolute;
            bottom:15px;
            left:15px;
            text-align:left;
            font-size:12px;
              text-transform:uppercase;
            text-decoration:none;
        }
    </style>
    <body>
        <div class="header"></div>
        <ul id="navigation">
            <li class="home"><a href=""><span>Home</span></a></li>
            <li class="about"><a href=""><span>About</span></a></li>
            <li class="search"><a href=""><span>Search</span></a></li>
            <li class="photos"><a href=""><span>Photos</span></a></li>
            <li class="rssfeed"><a href=""><span>Rss Feed</span></a></li>
            <li class="podcasts"><a href=""><span>Podcasts</span></a></li>
            <li class="contact"><a href=""><span>Contact</span></a></li>
        </ul>

      
        <script type="text/javascript" src="jquery-1.3.2.js"></script>
        <script type="text/javascript">
            $(function() {
                var d=300;
                $('#navigation a').each(function(){
                    $(this).stop().animate({
                        'marginTop':'-80px'
                    },d+=150);
                });

                $('#navigation > li').hover(
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-2px'
                    },200);
                },
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-80px'
                    },200);
                }
            );
            });
        </script>
    </body>
</html>
Codigo del Overall header

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE sn_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: Supernova
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: Christian Bullock ( http://www.ChristianBullock.com )

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.tipsy.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/colour-switcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ui.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/cats.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$('#sn-not-logged-in').mouseenter(function() {
		$('#sn-not-logged-in-hover').fadeIn('medium');
	});
	$('#sn-not-logged-in-hover').mouseleave(function() {
		$('#sn-not-logged-in-hover').fadeOut('medium');
	});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
	$("input:checkbox").each( function() {
		(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
	});
	$(".fakecheck").click(function(){
		($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
		$(this.hash).trigger("click");
		return false;
	});
});
</script>
<!-- IF $SN_TOOLTIP -->
<script type='text/javascript'>
	$(function() {
		$('div.colour-block').tipsy({fade: true, gravity: 's'});
	});
</script>
<!-- ENDIF -->

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- Blank stylesheet connection ** Do not delete ** -->
<link rel="stylesheet" href="{T_THEME_PATH}/colour-switcher.css" type="text/css" class="colour-switcher" />
<!-- End of blank stylesheet -->

<!-- This javascript needs to be after the blank stylesheet for it to work properly -->
<script type="text/javascript">
      if($.cookie("sn_board_style")) {
         $("link.colour-switcher").attr("href",$.cookie("sn_board_style"));
      }
   $(document).ready(function() { 
      $("div.colour-block span a").click(function() { 
         $("link.colour-switcher").attr("href",$(this).attr('rel'));
         $.cookie("sn_board_style",$(this).attr('rel'), {expires: 365, path: '/'});
         return false;
      });
   });
</script>

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) or U_RESTORE_PERMISSIONS -->
<div class="sn-header-alert">
<!-- IF S_BOARD_DISABLED --><img src="{T_THEME_PATH}/images/exclamation.png" width="16" height="16" alt="" /> {L_INFORMATION}: {L_BOARD_DISABLED}<!-- ENDIF --><!-- IF S_BOARD_DISABLED and U_RESTORE_PERMISSIONS -->&nbsp;&bull;&nbsp;<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --><img src="{T_THEME_PATH}/images/user_go.png" width="16" height="16" alt="" /> <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
</div><!-- /sn-header-alert -->
<!-- ENDIF -->

<div id="sn-header">
<a id="top" name="top" accesskey="t"></a>
<div id="sn-header-content">
<a id="sn-logo" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo-text-only.png" width="484" height="100" alt="" /></a>

<div id="sn-controlbox">

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div id="sn-not-logged-in"></div>
<div id="sn-not-logged-in-hover">
<div id="sn-nli-content">

<form method="post" action="{S_LOGIN_ACTION}">
<fieldset style="margin-top: -5px;">
<span class="sn-form-label">{L_USERNAME}:</span><br />
<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
<span class="sn-form-label">{L_PASSWORD}:</span><br />
<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />

<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
<!-- ENDIF --><!-- /s-user-not-logged-in -->

<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="mini-profile"><span>
<table cellpadding="0" cellspacing="0" border="0">
	<tr>
    	<td rowspan="2"><div class="member-icon"></div></td>
        <td>
        <a href="{U_PROFILE}" class="sn-mini-profile-username">{S_USERNAME}</a> <a href="{U_LOGIN_LOGOUT}" class="sn-mini-profile-logout">{L_LOGOUT}</a>
        </td>
	</tr>
    <tr>
        <td style="padding-top: 4px;">
        <!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_error<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /><a href="{U_PRIVATEMSGS}" class="sn-mini-profile-link">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF --> <!-- IF S_DISPLAY_SEARCH --> &bull; <a href="{U_SEARCH_SELF}" class="sn-mini-profile-link">{L_SEARCH_SELF}</a><!-- ENDIF -->
        </td>
    </tr>
</table>
</span></div> 
<!-- ENDIF --><!-- /s-user-logged-in-->

</div><!-- /sn-controlbox -->
</div><!-- /sn-header-content -->
</div><!-- /sn-header -->
<div id="sn-navbar">
<div id="sn-navbar-content">

<div style="float: left;">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}">{L_INDEX}</a> &nbsp;
<img src="{T_THEME_PATH}/images/information.png" width="16" height="16" alt="" /><a href="{U_FAQ}">{L_FAQ}</a> &nbsp;
<!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /><a href="{U_SEARCH}">{L_SEARCH}</a> &nbsp;<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
<img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;
<img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /><a href="{U_PROFILE}">{L_PROFILE}</a>
<!-- ENDIF -->
<!-- INCLUDE menu.html -->
</div><!-- /float left -->

<!-- IF $SN_COLOUR_SWITCHER -->
<div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
<span>
<a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>

<!-- IF $SN_ANIMATE -->
<script type="text/javascript">
	$('div.colour-block span a').styleSwitcher();
</script>
<!-- ENDIF -->

</span>
</div><!-- /colour-block -->
<!-- ENDIF -->

<div style="float: right;">
<!-- IF S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/disconnect.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGOUT}</a><!-- ENDIF -->
<!-- IF S_REGISTER_ENABLED and not S_USER_LOGGED_IN --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /><a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN -->&nbsp; <img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN}</a><!-- ENDIF -->
</div>

</div><!-- /sn-navbar-content -->
</div><!-- /sn-navbar -->
<center><img src="http://img641.imageshack.us/img641/1968/encima.png" alt="Antes del chat" /></center>
<!-- INCLUDE noticias.html -->
<div id="sn-shadows">

<div class="sn-breadcrumbs">
<img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" /><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <img src="{T_THEME_PATH}/images/breadcrumbs.png" width="12" height="16" alt="" /><a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
</div>

<div class="sn-options <!-- IF SCRIPT_NAME eq 'index' or 'viewforum' -->sn-search-links<!-- ENDIF --><!-- IF SCRIPT_NAME eq 'viewtopic' -->sn-restore-link-size<!-- ENDIF -->">
<!-- IF SCRIPT_NAME eq 'index' -->
<!-- IF S_DISPLAY_SEARCH -->
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- IF not S_IS_BOT and U_MARK_FORUMS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF --><!-- /script-name-eq-index -->

<!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_go.png" width="16" height="16" alt="" /><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a>&nbsp;&nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer.png" width="16" height="16" alt="" /><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
</div>

<div style="clear: both; height: 1px;" class="annoying-ie-spacing-issue"></div>
<!-- INCLUDE chat.html -->
<a name="start_here"></a>
<div id="page-body">
URL: http://rukon.hostoi.com/foros
Plantilla(s) usuada(s): Absolution + Supernova
MODs instalados: ninguno
Versión de phpBB: 3.0.1.7
Servidor: 000web host gratuito
Si es una actualización desde otra versión:NO
Si es una conversión desde otro tipo de Foro: NO

Reedito: Perdon le he reparado yo solo.. era un pequeñito problema respecto al linkear el CSS por eso se veia distorcionado por favor borren esto... siento las molestias....
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España