Modificare il top menù

Messaggio da **xX_Simon_Xx** » 15/01/2010, 20:55

è possibile rendere quella barra sotto il banner dove c'è scritto ad esempio indice home ecc..
come su questo sito??
http://ps3.console-tribe.com/

li infatti è animata al passaggio del mause si sposta il l'indicatore grigio
è possibile farla simile??

Messaggio da **Carlo** » 15/01/2010, 21:17

Intendi questa?
Immagine

E' una JavaScript, però non sò se puoi copiarlo. Devi chiedere i permessi al proprietario del sito.

Messaggio da **xX_Simon_Xx** » 15/01/2010, 22:43

si esattamente quella
riusciresti a crearne una simile tu senza copiarla da li???

Messaggio da **Carlo** » 15/01/2010, 23:02

No, io non conosco il JavaScript, apparte qualche fondamentale.

Messaggio da **xX_Simon_Xx** » 16/01/2010, 19:38

ho chiesto tramite un mail se potevo prelevare il codice e mi hanno detto che per loro non c'è nessun problema
PS=allora qual' è esattamente la parte di codice da prelevare?

Messaggio da **Micogian** » 16/01/2010, 22:13

xX_Simon_Xx ha scritto:ho chiesto tramite un mail se potevo prelevare il codice e mi hanno detto che per loro non c'è nessun problema
PS=allora qual' è esattamente la parte di codice da prelevare?

Vedi i links nella prima parte della pagina, una funzione mi sembra questa http://forum.console-tribe.com/clientsc ... avalamp.js
ma potrebbe non essere la sola.
Anch'io conosco poco javascript.

Messaggio da **Carlo** » 16/01/2010, 22:56

Segui ciò che ti ha detto bingo, ovvero, inserisci prima del tag </head>:

Codice: Seleziona tutto

<script type="text/javascript" src="http://forum.console-tribe.com/clientscript/custom/jquery.lavalamp.js"></script>

e successivamente:

Codice: Seleziona tutto

<script type="text/javascript">
    $(function() { $("#sitesections").lavaLamp({ fx: "backout", speed: 700 })});
</script>

Cambiando "sitesections" con l'ID assegnato al div del menu.

Messaggio da **xX_Simon_Xx** » 16/01/2010, 23:02

carlino1994 ha scritto:'ID assegnato al div del menu.

non ho capito

Messaggio da **Carlo** » 16/01/2010, 23:05

Hai creato la barra contenente il tuo menu, utilizzando un codice a tuo piacere?

Messaggio da **xX_Simon_Xx** » 16/01/2010, 23:11

quindi con questo:

Codice: Seleziona tutto

<div id="topmenu">

			<ul>
			<li><a href="{U_PORTAL}"><span>Home</span></a></li>
            <li><a class="current"  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
			<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a href="http://playstationuser.altervista.org/SalaGiochi.php"><span>Sala Giochi</span></a></li>
			</ul>
		</div>

ps 6 sicuro che si dopo </head>??
te lo chiedo perchè nel mio header il div del topmenù sta dopo </head>

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<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_TAG}
<meta name="robots" content="index,follow">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<!-- BEGIN gym_rsslinks -->
<link rel="alternate" type="application/rss+xml" title="{gym_rsslinks.TITLE}" href="{gym_rsslinks.URL}" />
<!-- END gym_rsslinks -->

<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<link rel="alternate" type="application/rss+xml" title="RSS Feeds - {SITENAME}" href="./rss.php" />


<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>

<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" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

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

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>

<script type="text/javascript">
//<![CDATA[
   document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=0X1/r='+new Date().getTime()+'"><\/s'+'cript>');

//]]>
</script>

<div id="bodybg">
	<div id="wrapper">
		<div id="shad-l">
			<div id="shad-r">
				<div id="header">

					<div id="head-l">
						<div id="head-r">
							
							<div id="" class="smalltext">
						


							</div>
						<a href="{U_INDEX}" title=""><span id="logo">&nbsp;</span></a>
						</div>
					</div>
				</div>
				<div id="toolbar">
					
		<div id="topmenu">

			<ul>
			<li><a href="{U_PORTAL}"><span>Home</span></a></li>
            <li><a class="current"  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
			<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a href="http://playstationuser.altervista.org/SalaGiochi.php"><span>Sala Giochi</span></a></li>
			</ul>
		</div>
				</div>
<div id="bodyarea">
<br /><br />
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
</div>
 			<ul class="linklist navlinks">
        				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

        
        				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
        
        				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
        				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
        				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
        				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
        			</ul>

        <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT and S_LOGIN_ANYWHERE and not AUTO_REFRESH -->
			<form method="post" action="{S_LOGIN_ANYWHERE}">
				<fieldset class="quick-login" style="float:left;position:relative;white-space:nowrap">
					<label for="prime_login_username">Login:</label>&nbsp;<input tabindex="100" type="text" name="username" id="prime_login_username" size="10" class="inputbox" style="min-width:100px" title="{L_USERNAME}" />  
					<label for="prime_login_password">HasÅ?o:</label>&nbsp;<input tabindex="101" type="password" name="password" id="prime_login_password" size="10" class="inputbox" title="{L_PASSWORD}" />
					<!-- IF S_AUTOLOGIN_ENABLED --><label for="prime_login_autologin"><input tabindex="102" type="checkbox" name="autologin" id="prime_login_autologin" /> {L_PRIME_REMEMBER_ME}</label><!-- ENDIF -->
					<input tabindex="103" type="submit" name="login" value="{L_LOGIN}" class="button2" />

				</fieldset>
			</form>
			<!-- ENDIF -->
        			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
        			<ul class="linklist leftside">
        				<li class="icon-ucp">
        					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
        						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
        					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
        					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
        					<!-- ENDIF -->
        				</li>
        			</ul>
        			<!-- ENDIF -->

        			<ul class="linklist rightside">

<li class="icon-search"><a href="../search.php" title="Cerca">Cerca</a></li>
        				<!-- IF not S_IS_BOT -->
        					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
        					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
        					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
        				
        		</ul>

        
        			<span class="corners-bottom"><span></span></span></div>
<!-- ENDIF -->
        
      
        
        	<a name="start_here"></a>
        	<div id="page-body">

    

		
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
        		<div id="message" class="rules">
        			<div class="inner"><span class="corners-top"><span></span></span>
        				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
        			<span class="corners-bottom"><span></span></span></div>

        		</div>
        		<!-- ENDIF -->
</div>

phpBB Italia

Modificare il top menù

Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Re: Modificare il top menù

Chi c’è in linea