deformacion en el foro, por agregar un menu

dark_warriorxx8 · December 21, 2009, 07:44:12 PM

hola, he agregado un nuevo template y he agregado algunas cosas, todo bien hasta que agrege el menu que tenia en el template anterior, la cosa es que funciona todo perfecto incluyendo el menu desplegable, pero se deformo el ancho del foro aunque el banner y el menu quedaron con el ancho normal.

es el templete Firerock 098

ojala me puedan ayudar gracias

dark_warriorxx8 · December 22, 2009, 11:19:31 AM

porfavor ayudenme, no se donde esta el error, deje el index.template adjunto

mirahalo · December 22, 2009, 02:24:41 PM

que fue lo que agregaste exactamente y como lo tenias antes ?

y lo mismo de siemrep, version de smf, theme que usas?

dark_warriorxx8 · December 22, 2009, 02:47:41 PM

agrege el menu desplegable

en el theme: Firerock 098
smf: 1.1.10
saque el menu que viene en el theme y le agrege el menu desplegable, todo funciona bien, exepto por el ancho del foro, ya que el menu y el logo tienen el ancho normal pero del menu para abajo tomo el ancho completo.

mirahalo · December 22, 2009, 02:56:20 PM

si, pero yo necesito que pongas el codigo de ese menu despegable y que pongas el codigo de tu menu antes de poner ese menu despegable

josegs94 · December 22, 2009, 03:11:01 PM

pone el codigo antes de colocar esta barra y dp como quedo..

para mi qeu borraste un <table>

Saludos!

mirahalo · December 22, 2009, 03:12:37 PM

si, puede ser, es lo que estoy tratando de resolver porque yo no conozco ese menu despegable, es por eso que tengo que verlo para poder decir que paso

dark_warriorxx8 · December 22, 2009, 03:35:13 PM

index.template.php (original del theme Firerock098)

Code Select


<?php
// Version: 1.1.8; index

/*	This template is, perhaps, the most important template in the theme. It
	contains the main template layer that displays the header and footer of
	the forum, namely with main_above and main_below. It also contains the
	menu sub template, which appropriately displays the menu; the init sub
	template, which is there to set the theme up; (init can be missing.) and
	the linktree sub template, which sorts out the link tree.

	The init sub template should load any data and set any hardcoded options.

	The main_above sub template is what is shown above the main content, and
	should contain anything that should be shown up there.

	The main_below sub template, conversely, is shown after the main content.
	It should probably contain the copyright statement and some other things.

	The linktree sub template should display the link tree, using the data
	in the $context['linktree'] variable.

	The menu sub template should display all the relevant buttons the user
	wants and or needs.

	For more information on the templating system, please see the site at:
	http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
	global $context, $settings, $options, $txt;

	/* Use images from default theme when using templates from the default theme?
		if this is 'always', images from the default theme will be used.
		if this is 'defaults', images from the default theme will only be used with default templates.
		if this is 'never' or isn't set at all, images from the default theme will not be used. */
	$settings['use_default_images'] = 'never';

	/* What document type definition is being used? (for font size and other issues.)
		'xhtml' for an XHTML 1.0 document type definition.
		'html' for an HTML 4.01 document type definition. */
	$settings['doctype'] = 'xhtml';

	/* The version this template/theme is for.
		This should probably be the version of SMF it was created for. */
	$settings['theme_version'] = '1.1.8';

	/* Set a setting that tells the theme that it can render the tabs. */
	$settings['use_tabs'] = true;

	/* Use plain buttons - as oppossed to text buttons? */
	$settings['use_buttons'] = true;

	/* Show sticky and lock status seperate from topic icons? */
	$settings['seperate_sticky_lock'] = true;

	// load custom language strings
	loadLanguage('ThemeStrings');
}

// The main sub template above the content.
function template_main_above()
{
	global $context, $settings, $options, $scripturl, $txt, $modSettings;

	// Show right to left and the character set for ease of translating.
	echo '<!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"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
	<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
	<meta name="description" content="', $context['page_title'], '" />', empty($context['robot_no_index']) ? '' : '
	<meta name="robots" content="noindex" />', '
	<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
	<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var smf_theme_url = "', $settings['theme_url'], '";
		var smf_images_url = "', $settings['images_url'], '";
		var smf_scripturl = "', $scripturl, '";
		var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
		var smf_charset = "', $context['character_set'], '";
	// ]]></script>
	<title>', $context['page_title'], '</title>';

	// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
	echo '
	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

	/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
		Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
		Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
		Standards compliance mode happens when you use xhtml... */
	if ($context['browser']['needs_size_fix'])
		echo '
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';

	// Show all the relative links, such as help, search, contents, and the like.
	echo '
	<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
	<link rel="search" href="' . $scripturl . '?action=search" />
	<link rel="contents" href="', $scripturl, '" />';

	// If RSS feeds are enabled, advertise the presence of one.
	if (!empty($modSettings['xmlnews_enable']))
		echo '
	<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';

	// If we're viewing a topic, these should be the previous and next topics, respectively.
	if (!empty($context['current_topic']))
		echo '
	<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
	<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';

	// If we're in a board, or a topic for that matter, the index will be the board's index.
	if (!empty($context['current_board']))
		echo '
	<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';

	// We'll have to use the cookie to remember the header...
	if ($context['user']['is_guest'])
		$options['collapse_header'] = !empty($_COOKIE['upshrink']);

	// Output any remaining HTML headers. (from mods, maybe?)
	echo $context['html_headers'], '
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
					 var current_leftbar = ', empty($options['collapse_leftbar']) ? 'false' : 'true', ';

					 function shrinkHeaderLeftbar(mode)
					 {';

		  // Guests don't have theme options!!
		  if ($context['user']['is_guest'])
					 echo '
								document.cookie = "upshrink=" + (mode ? 1 : 0);';
		  else
					 echo '
								smf_setThemeOption("collapse_leftbar", mode ? 1 : 0, null, "', $context['session_id'], '");';
		  echo '
								document.getElementById("upshrinkLeftbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

								document.getElementById("leftbarHeader").style.display = mode ? "none" : "";

								current_leftbar = mode;
					 }
			 // ]]></script>
		 <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
					 var current_rightbar = ', empty($options['collapse_rightbar']) ? 'false' : 'true', ';

					 function shrinkHeaderRightbar(mode)
					 {';

		  // Guests don't have theme options!!
		  if ($context['user']['is_guest'])
					 echo '
								document.cookie = "upshrink=" + (mode ? 1 : 0);';
		  else
					 echo '
								smf_setThemeOption("collapse_rightbar", mode ? 1 : 0, null, "', $context['session_id'], '");';

		  echo '
								document.getElementById("upshrinkRightbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

								document.getElementById("rightbarHeader").style.display = mode ? "none" : "";

								current_rightbar = mode;
					 }
		  // ]]></script>
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';

		function shrinkHeader(mode)
		{';

	// Guests don't have theme options!!
	if ($context['user']['is_guest'])
		echo '
			document.cookie = "upshrink=" + (mode ? 1 : 0);';
	else
		echo '
			smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
			document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");
			document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
			document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";
			current_header = mode;
		}
	// ]]></script>';

	// the routine for the info center upshrink
	echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
			var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';

			function shrinkHeaderIC(mode)
			{';

	if ($context['user']['is_guest'])
		echo '
				document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
	else
		echo '
				smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
				document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

				document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

				current_header_ic = mode;
			}
		// ]]></script>';
echo '
</head>
 <body>
  <div class="C_wrap">
	  <div id="header">
		  <div id="head-l">
			  <div id="head-r">
				  <div id="userarea">';
				if($context['user']['is_logged']){
					echo $txt['wel_co'] , ' <strong>' , $context['user']['name'] , '</strong><br />';

				// Only tell them about their messages if they can read their messages!
				if ($context['allow_pm'])
				 echo ' [ <a href="', $scripturl, '?action=recent">', $txt['re_po'], '</a> ] -  [ <a href="', $scripturl, '?action=pm">', $context['user']['messages'], '/<strong>', $context['user']['unread_messages'] , '</strong></a> ', $txt['p_m'], ']  ';

				// Is the forum in maintenance mode?
				if ($context['in_maintenance'] && $context['user']['is_admin'])
					echo '[ <strong>', $txt['ma_tan'], '</strong> ]';

				// Are there any members waiting for approval?
				if (!empty($context['unapproved_members']))
					echo ' [<a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] , ' ', $txt['ap_po'], '</a> ]';
					echo '<a href="', $scripturl, '?action=unread">', $txt['un_red'], '</a> /
							<a href="', $scripturl, '?action=unreadreplies">', $txt['re_ply'], '</a><br /><br /><strong><span class="smalltext">', $txt['t_date'], '</strong>  ', $context['current_time'], '</span>';}
				
	// If the user is a guest, show [login] or [register].
	if ($context['user']['is_guest']){
		echo '', $txt['hel_lo'], ' <strong>', $txt['ge_st'], '</strong> <br />
	 ', $txt['pl_se'],  ' <a href="' . $scripturl . '?action=login">', $txt['lo_go'], '</a> or <a href="' . $scripturl . '?action=register">', $txt['reg_y'], '</a>.';}
				echo '
		  </div>';
			echo '
			 <div id="searcharea">';
			  echo '
		  <form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
		  <input class="inputbox" type="text" name="search" value="', $txt[182], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt[182], '...\';" />';

	  // Search within current topic?
		 if (!empty($context['current_topic']))
		 echo '<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
  
	  // If we're on a certain board, limit it to this board ;).
		  elseif (!empty($context['current_board']))
		 echo '<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
		echo '
	 </form>';
		echo '
  </div>';

  // Show a random news item? (or you could pick one from news_lines...)
	if (!empty($settings['enable_news'])){
		echo '<div id="news">
		  <br /><b>', $txt['n_w'], '</b> ', $context['random_news_line'], '</div>';}
		 echo '
	 </div><a href="'.$scripturl.'" title=""><span id="logo"> </span></a>';
		 echo '	 
	</div>
  </div>
 <div id="tbar-l">
	 <div id="tbar-r">
		 <div id="toolbar">
	',template_menu(),'
</div></div></div>
	<div id="bodyarea-l">
		<div id="bodyarea-r">
			<div id="bodyarea">';
			  theme_linktree2();
		 echo '
	<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>';

// TinyPortal integrated bars
			 if($context['TPortal']['leftbar'])
			 {
				  echo '<td width="' ,$context['TPortal']['leftbar_width'], '" style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px;padding-right: 1ex;" valign="top">
					  <div id="leftbarHeader"', empty($options['collapse_leftbar']) ? '' : ' style="display: none;"', ' style="padding-top: 5px; width: ' ,$context['TPortal']['leftbar_width'], 'px;">';
					  TPortal_sidebar('left');
				  echo '</div></td>';

			 }

		  echo '<td width="100%" align="left" valign="top" style="padding-top: 10px; padding-bottom: 10px;">';
		  if($context['TPortal']['centerbar'])
							echo '<div>' , TPortal_sidebar('center') , '</div>';

}

function template_main_below()
{
	global $context, $settings, $options, $scripturl, $txt;

			 echo '</td>';

			// TinyPortal integrated bars
			 if($context['TPortal']['rightbar']){
				  echo '<td style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px; padding-left: 1ex;" valign="top" align="right">
					  <div id="rightbarHeader"', empty($options['collapse_rightbar']) ? '' : ' style="display: none;"', ' style="width: ' ,$context['TPortal']['rightbar_width'], 'px; text-align: left; padding-top: 5px;">';
				  TPortal_rightbar();
				  echo '</div></td>';
			 }

		  echo '</tr>
			  </table>
			</div>
		</div>
	 </div>';


	// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
	echo '

	<div id="footer">
		<div id="foot-l">
			<div id="foot-r">
				<div id="footerarea">
					 <div class="smalltext">', tportal_version(), ' | ', theme_copyright(), '
						 <br />', $txt['c_copy'], '</div>';

		// Show the load time?
	if ($context['show_load_time'])
		echo '
		<br /><span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';

	// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.

	if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])

	{

		// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
		echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';

		// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
		if ($context['browser']['is_safari'])
			echo '
			window.addEventListener("load", smf_codeFix, false);
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = 0; i < codeFix.length; i++)
				{
					if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
						codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";

				}

			}';

		elseif ($context['browser']['is_firefox'])

			echo '

			window.addEventListener("load", smf_codeFix, false);
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = 0; i < codeFix.length; i++)
				{
					if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
						codeFix[i].style.overflow = "scroll";
				}
			}';
		else
			echo '

			var window_oldOnload = window.onload;
			window.onload = smf_codeFix;
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = codeFix.length - 1; i > 0; i--)
				{

					if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))

						codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
				}
				if (window_oldOnload)

				{

					window_oldOnload();

					window_oldOnload = null;

				}

			}';

		echo '
		// ]]></script>';
	}
	echo '

			</div>
		 </div>
		</div>
	  </div>';

	// The following will be used to let the user know that some AJAX process is running
	echo '
	<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>';
  echo '
  </div>
</body></html>';

}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree2()
{
	global $context, $settings, $options;

	echo '<div id="linktree">';

	// Each tree item has a URL and name. Some may have extra_before and extra_after.
	foreach ($context['linktree'] as $link_num => $tree)
	{
		// Show something before the link?
		if (isset($tree['extra_before']))
			echo $tree['extra_before'];

		// Show the link, including a URL if it should have one.
		echo $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '">' . $tree['name'] . '</a>' : $tree['name'];

		// Show something after the link...?
		if (isset($tree['extra_after']))
			echo $tree['extra_after'];

		// Don't show a separator for the last one.
		if ($link_num != count($context['linktree']) - 1)
			echo ' » ';
	}

	echo '
	</div>';
}

function theme_linktree()
{
	return;
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
	global $context, $settings, $options, $scripturl, $txt;

	// Work out where we currently are.
	$current_action = 'home';
	if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
		$current_action = 'admin';
	if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm', 'forum', 'tpadmin')))
		$current_action = $context['current_action'];
	if ($context['current_action'] == 'search2')
		$current_action = 'search';
	if (isset($_GET['dl']))
		$current_action = 'dlmanager';
	if (isset($_GET['board']) || isset($_GET['topic']))
		$current_action = 'forum';
	if ($context['current_action'] == 'theme')
		$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';

	// Are we using right-to-left orientation?
	if ($context['right_to_left'])
	{
		$first = 'last';
		$last = 'first';
	}
	else
	{
		$first = 'first';
		$last = 'last';
	}

	// Show the start of the tab section.
	echo '<div id="menu"><ul>';

	// Show the [home] button.
	echo '<li><a' , $current_action=='home' ? ' class="current"' : '' , ' href="', $scripturl, '">' , $txt[103] , '</a></li>';

 if($settings['TPortal_front_type']!='boardindex')
	// Show the [forum] button.
	echo '<li><a' , $current_action=='forum' ? ' class="current"' : '' , ' href="', $scripturl, '?action=forum">' , $txt['tp-forum'] , '</a></li>';

	// Show the [help] button.
	echo '<li><a' , $current_action=='help' ? ' class="current"' : '' , ' href="', $scripturl, '?action=help">' , $txt[119] , '</a></li>';

	 // How about the [search] button?
		 if ($context['allow_search'])
	 echo '<li><a' , $current_action=='search' ? ' class="current"' : '' , ' href="', $scripturl, '?action=search">' , $txt[182] , '</a></li>';

	  // Is the user allowed to administrate at all? ([admin])
		 if ($context['allow_admin'])
	  echo '<li><a' , $current_action=='admin' ? ' class="current"' : '' , ' href="', $scripturl, '?action=admin">' , $txt[2] , '</a></li>';

		// Edit Profile... [profile]
		  if ($context['allow_edit_profile'])
		echo '<li><a' , $current_action=='profile' ? ' class="current"' : '' , ' href="', $scripturl, '?action=profile">' , $txt[79] , '</a></li>';

	  // The [calendar]!
		 if ($context['allow_calendar'])
	  echo '<li><a' , $current_action=='calendar' ? ' class="current"' : '' , ' href="', $scripturl, '?action=calendar">' , $txt['calendar24'] , '</a></li>'; 

	  // Go to PM center... [pm]
		 if ($context['user']['is_logged'] && $context['allow_pm'])
	  echo '<li><a' , $current_action=='pm' ? ' class="current"' : '' , ' href="', $scripturl, '?action=pm">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a></li>';

	  // the [member] list button
		  if ($context['allow_memberlist'])
	  echo '<li><a ' , $current_action=='mlist' ? ' class="current"' : '' , ' href="', $scripturl, '?action=mlist">' , $txt[331] , '</a></li>';

	  // If the user is a guest, show [login] button.
		  if ($context['user']['is_guest'])
	  echo '<li><a ' , $current_action=='login' ? ' class="current"' : '' , ' href="', $scripturl, '?action=login">' , $txt[34] , '</a></li>';

	 // If the user is a guest, also show [register] button.
		 if ($context['user']['is_guest'])
	 echo '<li><a ' , $current_action=='register' ? ' class="current"' : '' , ' href="', $scripturl, '?action=register">' , $txt[97] , '</a></li>';

	 // Otherwise, they might want to [logout]...
		if ($context['user']['is_logged'])
	  echo '<li><a ' , $current_action=='logout' ? ' class="current"' : '' , 'href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></li>';

	echo '
		</ul>
	  <div id="upshrinks">';
// TP
	 if($context['TPortal']['leftbar'])
				 echo ' <a href="javascript:void(0);" onclick="shrinkHeaderLeftbar(!current_leftbar); return false;"><img id="upshrinkLeftbar" src="', $settings['images_url'], '/', empty($options['collapse_leftbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 0 1ex;" border="0" /></a><img id="upshrinkTempLeftbar" src="', $settings['images_url'], '/blank.gif" alt="" style="margin-right: 0ex;" />';
			if($context['TPortal']['rightbar'])
				 echo ' <a href="javascript:void(0);" onclick="shrinkHeaderRightbar(!current_rightbar); return false;"><img id="upshrinkRightbar" src="', $settings['images_url'], '/', empty($options['collapse_rightbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 0 1ex;" border="0" /></a><img id="upshrinkTempRightbar" src="', $settings['images_url'], '/blank.gif" alt="" style="margin-right: 0ex;" />';
// TinyPortal end
	  echo '
		  </div>
	  </div><br style="clear: left;"/>';

}

// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
	global $settings, $buttons, $context, $txt, $scripturl;

	// Create the buttons...
	foreach ($button_strip as $key => $value)
	{
		if (isset($value['test']) && empty($context[$value['test']]))
		{
			unset($button_strip[$key]);
			continue;

		}

		elseif (!isset($buttons[$key]) || $force_reset)

			$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';
		$button_strip[$key] = $buttons[$key];
	}
	if (empty($button_strip))
		return '<td> </td>';
	echo '
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'last' : 'first' , '"> </td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_back">', implode('  |  ', $button_strip) , '</td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'first' : 'last' , '"> </td>';
}
?>

archivo modificado en el post siguiente:

dark_warriorxx8 · December 22, 2009, 03:38:23 PM

index.template.php (modificado con el menu desplegable):

Code Select


<?php
// Version: 1.1.8; index

/*	This template is, perhaps, the most important template in the theme. It
	contains the main template layer that displays the header and footer of
	the forum, namely with main_above and main_below. It also contains the
	menu sub template, which appropriately displays the menu; the init sub
	template, which is there to set the theme up; (init can be missing.) and
	the linktree sub template, which sorts out the link tree.

	The init sub template should load any data and set any hardcoded options.

	The main_above sub template is what is shown above the main content, and
	should contain anything that should be shown up there.

	The main_below sub template, conversely, is shown after the main content.
	It should probably contain the copyright statement and some other things.

	The linktree sub template should display the link tree, using the data
	in the $context['linktree'] variable.

	The menu sub template should display all the relevant buttons the user
	wants and or needs.

	For more information on the templating system, please see the site at:
	http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
	global $context, $settings, $options, $txt;

	/* Use images from default theme when using templates from the default theme?
		if this is 'always', images from the default theme will be used.
		if this is 'defaults', images from the default theme will only be used with default templates.
		if this is 'never' or isn't set at all, images from the default theme will not be used. */
	$settings['use_default_images'] = 'never';

	/* What document type definition is being used? (for font size and other issues.)
		'xhtml' for an XHTML 1.0 document type definition.
		'html' for an HTML 4.01 document type definition. */
	$settings['doctype'] = 'xhtml';

	/* The version this template/theme is for.
		This should probably be the version of SMF it was created for. */
	$settings['theme_version'] = '1.1.8';

	/* Set a setting that tells the theme that it can render the tabs. */
	$settings['use_tabs'] = true;

	/* Use plain buttons - as oppossed to text buttons? */
	$settings['use_buttons'] = true;

	/* Show sticky and lock status seperate from topic icons? */
	$settings['seperate_sticky_lock'] = true;

	// load custom language strings
	loadLanguage('ThemeStrings');
}

// The main sub template above the content.
function template_main_above()
{
	global $context, $settings, $options, $scripturl, $txt, $modSettings;

	// Show right to left and the character set for ease of translating.
	echo '<!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"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
	<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
	<meta name="description" content="', $context['page_title'], '" />', empty($context['robot_no_index']) ? '' : '
	<meta name="robots" content="noindex" />', '
	<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
	<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var smf_theme_url = "', $settings['theme_url'], '";
		var smf_images_url = "', $settings['images_url'], '";
		var smf_scripturl = "', $scripturl, '";
		var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
		var smf_charset = "', $context['character_set'], '";
	// ]]></script>
	<title>', $context['page_title'], '</title>';

	// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
	echo '
	<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

	/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
		Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
		Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
		Standards compliance mode happens when you use xhtml... */
	if ($context['browser']['needs_size_fix'])
		echo '
	<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';

	// Show all the relative links, such as help, search, contents, and the like.
	echo '
	<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
	<link rel="search" href="' . $scripturl . '?action=search" />
	<link rel="contents" href="', $scripturl, '" />';

	// If RSS feeds are enabled, advertise the presence of one.
	if (!empty($modSettings['xmlnews_enable']))
		echo '
	<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';

	// If we're viewing a topic, these should be the previous and next topics, respectively.
	if (!empty($context['current_topic']))
		echo '
	<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
	<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';

	// If we're in a board, or a topic for that matter, the index will be the board's index.
	if (!empty($context['current_board']))
		echo '
	<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';

	// We'll have to use the cookie to remember the header...
	if ($context['user']['is_guest'])
		$options['collapse_header'] = !empty($_COOKIE['upshrink']);

	// Output any remaining HTML headers. (from mods, maybe?)
	echo $context['html_headers'], '
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
					 var current_leftbar = ', empty($options['collapse_leftbar']) ? 'false' : 'true', ';

					 function shrinkHeaderLeftbar(mode)
					 {';

		  // Guests don't have theme options!!
		  if ($context['user']['is_guest'])
					 echo '
								document.cookie = "upshrink=" + (mode ? 1 : 0);';
		  else
					 echo '
								smf_setThemeOption("collapse_leftbar", mode ? 1 : 0, null, "', $context['session_id'], '");';
		  echo '
								document.getElementById("upshrinkLeftbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

								document.getElementById("leftbarHeader").style.display = mode ? "none" : "";

								current_leftbar = mode;
					 }
			 // ]]></script>
		 <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
					 var current_rightbar = ', empty($options['collapse_rightbar']) ? 'false' : 'true', ';

					 function shrinkHeaderRightbar(mode)
					 {';

		  // Guests don't have theme options!!
		  if ($context['user']['is_guest'])
					 echo '
								document.cookie = "upshrink=" + (mode ? 1 : 0);';
		  else
					 echo '
								smf_setThemeOption("collapse_rightbar", mode ? 1 : 0, null, "', $context['session_id'], '");';

		  echo '
								document.getElementById("upshrinkRightbar").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

								document.getElementById("rightbarHeader").style.display = mode ? "none" : "";

								current_rightbar = mode;
					 }
		  // ]]></script>
	<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
		var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';

		function shrinkHeader(mode)
		{';

	// Guests don't have theme options!!
	if ($context['user']['is_guest'])
		echo '
			document.cookie = "upshrink=" + (mode ? 1 : 0);';
	else
		echo '
			smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
			document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");
			document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
			document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";
			current_header = mode;
		}
	// ]]></script>';

	// the routine for the info center upshrink
	echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
			var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';

			function shrinkHeaderIC(mode)
			{';

	if ($context['user']['is_guest'])
		echo '
				document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
	else
		echo '
				smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';

	echo '
				document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

				document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

				current_header_ic = mode;
			}
		// ]]></script>';
echo '

   <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/ddlevelsfiles/ddlevelsmenu-base.css" />
   <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/ddlevelsfiles/ddlevelsmenu-topbar.css" />
   <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/ddlevelsfiles/ddlevelsmenu-sidebar.css" />
   <script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/ddlevelsfiles/ddlevelsmenu.js"></script>';

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

echo '



</head>
 <body>
  <div class="C_wrap">
	  <div id="header">
		  <div id="head-l">
			  <div id="head-r">
				  <div id="userarea">';
				if($context['user']['is_logged']){
					echo $txt['wel_co'] , ' <strong>' , $context['user']['name'] , '</strong><br />';

				// Only tell them about their messages if they can read their messages!
				if ($context['allow_pm'])
				 echo ' [ <a href="', $scripturl, '?action=recent">', $txt['re_po'], '</a> ] -  [ <a href="', $scripturl, '?action=pm">', $context['user']['messages'], '/<strong>', $context['user']['unread_messages'] , '</strong></a> ', $txt['p_m'], ']  ';

				// Is the forum in maintenance mode?
				if ($context['in_maintenance'] && $context['user']['is_admin'])
					echo '[ <strong>', $txt['ma_tan'], '</strong> ]';

				// Are there any members waiting for approval?
				if (!empty($context['unapproved_members']))
					echo ' [<a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] , ' ', $txt['ap_po'], '</a> ]';
					echo '<a href="', $scripturl, '?action=unread">', $txt['un_red'], '</a> /
							<a href="', $scripturl, '?action=unreadreplies">', $txt['re_ply'], '</a><br /><br /><strong><span class="smalltext">', $txt['t_date'], '</strong>  ', $context['current_time'], '</span>';}
				
	// If the user is a guest, show [login] or [register].
	if ($context['user']['is_guest']){
		echo '', $txt['hel_lo'], ' <strong>', $txt['ge_st'], '</strong> <br />
	 ', $txt['pl_se'],  ' <a href="' . $scripturl . '?action=login">', $txt['lo_go'], '</a> or <a href="' . $scripturl . '?action=register">', $txt['reg_y'], '</a>.';}
				echo '
		  </div>';
			echo '
			 <div id="searcharea">';
			  echo '
		  <form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
		  <input class="inputbox" type="text" name="search" value="', $txt[182], '..." onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\'', $txt[182], '...\';" />';

	  // Search within current topic?
		 if (!empty($context['current_topic']))
		 echo '<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
  
	  // If we're on a certain board, limit it to this board ;).
		  elseif (!empty($context['current_board']))
		 echo '<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
		echo '
	 </form>';
		echo '
  </div>';

  // Show a random news item? (or you could pick one from news_lines...)
	if (!empty($settings['enable_news'])){
		echo '<div id="news">
		  <br /><b>', $txt['n_w'], '</b> ', $context['random_news_line'], '</div>';}
		 echo '
	 </div><a href="'.$scripturl.'" title=""><span id="logo"> </span></a>';
		 echo '	 
	</div>
  </div>
 <div id="tbar-l">
	 <div id="tbar-r">
		 <div id="toolbar">
	',template_ddtopmenubar(),'
</div></div></div>
	<div id="bodyarea-l">
		<div id="bodyarea-r">
			<div id="bodyarea">';
			  theme_linktree2();
		 echo '
	<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>';
	

// TinyPortal integrated bars
			 if($context['TPortal']['leftbar'])
			 {
				  echo '<td width="' ,$context['TPortal']['leftbar_width'], '" style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px;padding-right: 1ex;" valign="top">
					  <div id="leftbarHeader"', empty($options['collapse_leftbar']) ? '' : ' style="display: none;"', ' style="padding-top: 5px; width: ' ,$context['TPortal']['leftbar_width'], 'px;">';
					  TPortal_sidebar('left');
				  echo '</div></td>';

			 }

		  echo '<td width="100%" align="left" valign="top" style="padding-top: 10px; padding-bottom: 10px;">';
		  if($context['TPortal']['centerbar'])
							echo '<div>' , TPortal_sidebar('center') , '</div>';

}

function template_main_below()
{
	global $context, $settings, $options, $scripturl, $txt;

			 echo '</td>';

			// TinyPortal integrated bars
			 if($context['TPortal']['rightbar']){
				  echo '<td style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px; padding-top: 4px; padding-left: 1ex;" valign="top" align="right">
					  <div id="rightbarHeader"', empty($options['collapse_rightbar']) ? '' : ' style="display: none;"', ' style="width: ' ,$context['TPortal']['rightbar_width'], 'px; text-align: left; padding-top: 5px;">';
				  TPortal_rightbar();
				  echo '</div></td>';
			 }

		  echo '</tr>
			  </table>
			</div>
		</div>
	 </div>';


	// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
	echo '

	<div id="footer">
		<div id="foot-l">
			<div id="foot-r">
				<div id="footerarea">
					 <div class="smalltext">', tportal_version(), ' | ', theme_copyright(), '
					 <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"> | <a href="'.$scripturl.'?action=sitemap">Sitemap</a></span>
						 <br />', $txt['c_copy'], '</div>
						 
						 
						 <script language="JavaScript" src="http://www.elpagerank.com/pr/communitylatino.com/5/0"></script><noscript><a target="_blank" href="http://www.elpagerank.com/"><img src="http://www.elpagerank.com/pr/communitylatino.com/5/1"></a></noscript>


				<a href="http://www.mypagerank.net" target="_blank"><img src="http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=ca49135bbae17d801b8dff8f582b1a4c524a0728f668a74b750e" border="0" alt="Powered by  MyPagerank.Net" /></a>
				
				';

		// Show the load time?
	if ($context['show_load_time'])
		echo '
		<br /><span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';

	// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.

	if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])

	{

		// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
		echo '
		<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';

		// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
		if ($context['browser']['is_safari'])
			echo '
			window.addEventListener("load", smf_codeFix, false);
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = 0; i < codeFix.length; i++)
				{
					if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
						codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";

				}

			}';

		elseif ($context['browser']['is_firefox'])

			echo '

			window.addEventListener("load", smf_codeFix, false);
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = 0; i < codeFix.length; i++)
				{
					if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
						codeFix[i].style.overflow = "scroll";
				}
			}';
		else
			echo '

			var window_oldOnload = window.onload;
			window.onload = smf_codeFix;
			function smf_codeFix()
			{
				var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
				for (var i = codeFix.length - 1; i > 0; i--)
				{

					if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))

						codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
				}
				if (window_oldOnload)

				{

					window_oldOnload();

					window_oldOnload = null;

				}

			}';

		echo '
		// ]]></script>';
	}
	echo '

			</div>
		 </div>
		</div>
	  </div>';

	// The following will be used to let the user know that some AJAX process is running
	echo '
	<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>';
  echo '
  </div>
</body></html>';

}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree2()
{
	global $context, $settings, $options;

	echo '<div id="linktree">';

	// Each tree item has a URL and name. Some may have extra_before and extra_after.
	foreach ($context['linktree'] as $link_num => $tree)
	{
		// Show something before the link?
		if (isset($tree['extra_before']))
			echo $tree['extra_before'];

		// Show the link, including a URL if it should have one.
		echo $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '">' . $tree['name'] . '</a>' : $tree['name'];

		// Show something after the link...?
		if (isset($tree['extra_after']))
			echo $tree['extra_after'];

		// Don't show a separator for the last one.
		if ($link_num != count($context['linktree']) - 1)
			echo ' » ';
	}

	echo '
	</div>';
}

function theme_linktree()
{
	return;
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_ddtopmenubar()
{
	global $context, $settings, $options, $scripturl, $txt;

	// Work out where we currently are.
	$current_action = 'home';
	if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
		$current_action = 'admin';
	if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm', 'forum', 'tpadmin')))
		$current_action = $context['current_action'];
	if ($context['current_action'] == 'search2')
		$current_action = 'search';
			if (isset($_GET['dl']))
		$current_action = 'dlmanager';

	if (isset($_GET['board']) || isset($_GET['topic']) || $context['current_action']=='forum')
		$current_action = 'forum';

	if ($context['current_action']=='tpadmin')
		$current_action = 'admin';
		
		
		
		
	if (isset($_GET['dl']))
		$current_action = 'dlmanager';
	if (isset($_GET['board']) || isset($_GET['topic']))
		$current_action = 'forum';
	if ($context['current_action'] == 'theme')
		$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';

	// Are we using right-to-left orientation?
	if ($context['right_to_left'])
	{
		$first = 'last';
		$last = 'first';
	}
	else
	{
		$first = 'first';
		$last = 'last';
	}


	
	

	

	//////////////////////////////inicio menu desplegable/////////////////////////////////////////
	
	
echo '
<div id="ddtopmenubar" class="mattblackmenu"><ul>';

   // Show the [home] button.
   echo '<li', $current_action == 'home' ? ' class="current_page"' : '', '><a href="', $scripturl, '">' , $txt[103] , '</a></li>';

    // Foro
	 echo '
 		<li class="level1 parent"><a href="/smf/index.php?action=forum" class="level1 parent"><span><span class="title">Foros</span></span></a></li>';

   // Show the [help] button.
   echo '<li', $current_action == 'help' ? ' class="current_page"' : '', '> <a href="', $scripturl, '?action=help">' , $txt[119] , '</a></li>';

//boton proyectos cml
	 echo '	<li class="level1 parent"><a href="/smf/index.php?page=2" class="level1 parent"><span><span class="title">Proyectos Cml</span></span></a></li>';

//boton staff
	echo '	<li class="level1 parent"><a href="/smf/index.php/board,3.0.html" rel="ddsubmenu1" class="level1 parent"><span><span class="title">Staff</span></span></a></li>';

   // Is the user allowed to administrate at all? ([admin])
   if ($context['allow_admin'])
   echo '<li', $current_action == 'admin' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></li>';

   // Edit Profile... [profile] and Go to PM center... [pm]
   if ($context['allow_edit_profile'])
   echo '<li class="level1 parent"><a href="/smf/index.php?action=profile" rel="ddsubmenu2" class="level1 parent"><span><span class="title">Perfil/Mensajes</span></span></a></li>';

   // Mas
   echo '<li class="level1 parent"> <a href="/smf/index.php" rel="ddsubmenu3" class="level1 parent"><span><span class="title">Mas</span></span></a></li>';   
   

   // If the user is a guest, show [login] button.
   if ($context['user']['is_guest'])
   echo '<li', $current_action == 'login' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=login">' , $txt[34] , '</a></li>';


   // If the user is a guest, also show [register] button.
   if ($context['user']['is_guest'])
   echo '<li', $current_action == 'register' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=register">' , $txt[97] , '</a></li>';


   // Otherwise, they might want to [logout]...
   if ($context['user']['is_logged'])
   echo '<li', $current_action == 'logout' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></li>';


echo '
</ul>
</div>


<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<!--HTML for the Drop Down Menus associated with Top Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->';

echo '
<!--Top Drop Down Menu 1 HTML-->
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li class="level1 parent"><a href="/smf/index.php/board,3.0.html" class="level1 parent"><span><span class="title">Foro Staff</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=staff" class="level1 parent"><span><span class="title">Page</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 2 HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="', $scripturl, '?action=profile">' , $txt['hcm_summary'] , '</a></li>
<li><a href="', $scripturl, '?action=profile;sa=account">' , $txt['hcm_account'] , '</a></li>
<li><a href="', $scripturl, '?action=profile;sa=forumProfile">' , $txt['hcm_forumProfile'] , '</a></li>
<li><a href="', $scripturl, '?action=pm">' , $txt['hcm_readmessages'] , '</a></li>
<li><a href="', $scripturl, '?action=pm;sa=send">' , $txt['hcm_sendmessage'] , '</a></li>
<li class="level1 parent"><a href="/smf/index.php?action=unread" class="level1 parent"><span><span class="title">Mostrar Ultimos mensajes no leidos(foro)</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=unreadreplies" class="level1 parent"><span><span class="title">Mostrar nuevas respuestas a tus mensajes(foro)</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 3 HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li class="level1 parent"><a href="/smf/index.php?action=calendar" class="level1 parent"><span><span class="title">Calendario</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=search" class="level1 parent"><span><span class="title">Buscar</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=mlist" class="level1 parent"><span><span class="title">Ver Usuarios</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=mlist;sa=search" class="level1 parent"><span><span class="title">Buscar Usuarios</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 4 HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a href="', $scripturl, '?action=mlist">' , $txt['hcm_viewmembers'] , '</a></li>
<li><a href="', $scripturl, '?action=mlist;sa=search">' , $txt['hcm_searchmembers'] , '</a></li>
</ul>

		
	  <div id="upshrinks">';
	  
	  
	  
	  
// TP
	 if($context['TPortal']['leftbar'])
				 echo ' <a href="javascript:void(0);" onclick="shrinkHeaderLeftbar(!current_leftbar); return false;"><img id="upshrinkLeftbar" src="', $settings['images_url'], '/', empty($options['collapse_leftbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 0 1ex;" border="0" /></a><img id="upshrinkTempLeftbar" src="', $settings['images_url'], '/blank.gif" alt="" style="margin-right: 0ex;" />';
			if($context['TPortal']['rightbar'])
				 echo ' <a href="javascript:void(0);" onclick="shrinkHeaderRightbar(!current_rightbar); return false;"><img id="upshrinkRightbar" src="', $settings['images_url'], '/', empty($options['collapse_rightbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 0 1ex;" border="0" /></a><img id="upshrinkTempRightbar" src="', $settings['images_url'], '/blank.gif" alt="" style="margin-right: 0ex;" />';
// TinyPortal end
	  echo '
		  </div>
	  </div><br style="clear: left;"/>';

}

// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
	global $settings, $buttons, $context, $txt, $scripturl;

	// Create the buttons...
	foreach ($button_strip as $key => $value)
	{
		if (isset($value['test']) && empty($context[$value['test']]))
		{
			unset($button_strip[$key]);
			continue;

		}

		elseif (!isset($buttons[$key]) || $force_reset)

			$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';
		$button_strip[$key] = $buttons[$key];
	}
	if (empty($button_strip))
		return '<td> </td>';
	echo '
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'last' : 'first' , '"> </td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_back">', implode('  |  ', $button_strip) , '</td>
		<td class="', $direction == 'top' ? 'main' : 'mirror', 'tab_' , $context['right_to_left'] ? 'first' : 'last' , '"> </td>';
}




function tlist_bits($element)
{
global $txt, $settings, $scripturl;

	switch($element)
	{
		case 'container_open':
			$answ = '<table cellspacing="1" border="0" class="tlisttable">';
			break;
		case 'header':
			$answ ='<tr><th><div class="tlisttitleicon"><a name="tl_{JLABEL}">&nbsp;</a></div></th><th>{TITLE}</th></tr>';
			break;
		case 'topic_row':
			{
				$answ = '<tr><td class="tlistcol1"><img class="tlistfirsticon" src="{ICON}" alt="" /></td>';
				$answ .= '<td class="tlistcol2"><a href="'.$scripturl.'?topic={TOPIC_ID}">{TOPIC_TITLE}</a></td></tr>';
				break;
			}
		case 'container_close':
			$answ = '</table>';
			break;
		case 'no_topics':
			{
				$answ = '<tr><td class="tlistcol1"><img class="tlistfirsticon" src="'.$settings['images_url'].'/tlist_spacer.gif" alt="" width="20" /></td>';
				$answ .= '<td class="tlistcol2">-</td></tr>';
				break;
			}
		case 'index_container_open':			
			$answ = '<div class="tlistindex">'.$txt[160];
			break;
		case 'index_bit':
			$answ = ' <a href="#tl_{TITLE}">{TITLE}</a>';
			break;
		case 'index_container_close':
			$answ = '</div>';
			break;
	}
	return $answ;
}
		
?>

dark_warriorxx8 · December 22, 2009, 03:40:17 PM

codigo del menu desplegable(ya esta añadido en el post anterior):

Code Select


//////////////////////////////inicio menu desplegable/////////////////////////////////////////
	
	
echo '
<div id="ddtopmenubar" class="mattblackmenu"><ul>';

   // Show the [home] button.
   echo '<li', $current_action == 'home' ? ' class="current_page"' : '', '><a href="', $scripturl, '">' , $txt[103] , '</a></li>';

    // Foro
	 echo '
 		<li class="level1 parent"><a href="/smf/index.php?action=forum" class="level1 parent"><span><span class="title">Foros</span></span></a></li>';

   // Show the [help] button.
   echo '<li', $current_action == 'help' ? ' class="current_page"' : '', '> <a href="', $scripturl, '?action=help">' , $txt[119] , '</a></li>';

//boton proyectos cml
	 echo '	<li class="level1 parent"><a href="/smf/index.php?page=2" class="level1 parent"><span><span class="title">Proyectos Cml</span></span></a></li>';

//boton staff
	echo '	<li class="level1 parent"><a href="/smf/index.php/board,3.0.html" rel="ddsubmenu1" class="level1 parent"><span><span class="title">Staff</span></span></a></li>';

   // Is the user allowed to administrate at all? ([admin])
   if ($context['allow_admin'])
   echo '<li', $current_action == 'admin' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></li>';

   // Edit Profile... [profile] and Go to PM center... [pm]
   if ($context['allow_edit_profile'])
   echo '<li class="level1 parent"><a href="/smf/index.php?action=profile" rel="ddsubmenu2" class="level1 parent"><span><span class="title">Perfil/Mensajes</span></span></a></li>';

   // Mas
   echo '<li class="level1 parent"> <a href="/smf/index.php" rel="ddsubmenu3" class="level1 parent"><span><span class="title">Mas</span></span></a></li>';   
   

   // If the user is a guest, show [login] button.
   if ($context['user']['is_guest'])
   echo '<li', $current_action == 'login' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=login">' , $txt[34] , '</a></li>';


   // If the user is a guest, also show [register] button.
   if ($context['user']['is_guest'])
   echo '<li', $current_action == 'register' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=register">' , $txt[97] , '</a></li>';


   // Otherwise, they might want to [logout]...
   if ($context['user']['is_logged'])
   echo '<li', $current_action == 'logout' ? ' class="current_page"' : '', '><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></li>';


echo '
</ul>
</div>


<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<!--HTML for the Drop Down Menus associated with Top Menu Bar-->
<!--They should be inserted OUTSIDE any element other than the BODY tag itself-->
<!--A good location would be the end of the page (right above "</BODY>")-->';

echo '
<!--Top Drop Down Menu 1 HTML-->
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li class="level1 parent"><a href="/smf/index.php/board,3.0.html" class="level1 parent"><span><span class="title">Foro Staff</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=staff" class="level1 parent"><span><span class="title">Page</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 2 HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="', $scripturl, '?action=profile">' , $txt['hcm_summary'] , '</a></li>
<li><a href="', $scripturl, '?action=profile;sa=account">' , $txt['hcm_account'] , '</a></li>
<li><a href="', $scripturl, '?action=profile;sa=forumProfile">' , $txt['hcm_forumProfile'] , '</a></li>
<li><a href="', $scripturl, '?action=pm">' , $txt['hcm_readmessages'] , '</a></li>
<li><a href="', $scripturl, '?action=pm;sa=send">' , $txt['hcm_sendmessage'] , '</a></li>
<li class="level1 parent"><a href="/smf/index.php?action=unread" class="level1 parent"><span><span class="title">Mostrar Ultimos mensajes no leidos(foro)</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=unreadreplies" class="level1 parent"><span><span class="title">Mostrar nuevas respuestas a tus mensajes(foro)</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 3 HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li class="level1 parent"><a href="/smf/index.php?action=calendar" class="level1 parent"><span><span class="title">Calendario</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=search" class="level1 parent"><span><span class="title">Buscar</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=mlist" class="level1 parent"><span><span class="title">Ver Usuarios</span></span></a></li>
<li class="level1 parent"><a href="/smf/index.php?action=mlist;sa=search" class="level1 parent"><span><span class="title">Buscar Usuarios</span></span></a></li>
</ul>';

echo '
<!--Top Drop Down Menu 4 HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a href="', $scripturl, '?action=mlist">' , $txt['hcm_viewmembers'] , '</a></li>
<li><a href="', $scripturl, '?action=mlist;sa=search">' , $txt['hcm_searchmembers'] , '</a></li>
</ul>

mod: http://www.simplemachines.org/community/index.php?topic=270727.0

mirahalo · December 22, 2009, 03:42:36 PM

hiciste cambios a el archivo style.css ? si es asi, cuales fueron?

dark_warriorxx8 · December 22, 2009, 05:57:30 PM

en el style.css, no hice cambios

mirahalo · December 23, 2009, 08:57:19 AM

ok, si no hiciste cambios al style.css en donde estan definidas las clases: level1 parent , mattblackmenu y el id ddtopmenubar, en el menu original no estan definidas, hay algun otro archivo .css? bueno voy a hacer pruebas en local con lo que me dejaste y despues te cuento.

dark_warriorxx8 · December 23, 2009, 12:11:46 PM

esas clases estan en una carpeta /ddlevelsfiles/ y hay algunos archivos donde 2 de ellos son .css
ddlevelsmenu-base.css y ddlevelsmenu-topbar.css (me acuerdo que solo cambie los colores)

ddlevelsmenu-base.css:

Code Select


/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
border-left:1px solid #808080; border-right:1px solid #808080; border-top:1px solid #808080; border-bottom:0px solid #808080; margin:0; padding:0; position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
visibility: hidden;
z-index: 100; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Verdana
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background-color: #ff2400;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #ffcc00;
border-top: 1px solid #000000;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #405D76;
color: white;
text-decoration: none;
}

.ddsubmenustyle li a:link, .ddsubmenustyle li a:visited{
color: white;
text-decoration: none;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0px none;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0px none;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

ddlevelsmenu-topbar.css

Code Select


/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: #000000;
overflow: hidden;
width: 100%;
border-top: 1px solid #010e1a;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/

color: white;
background: #000000;
}

.mattblackmenu li a:visited{
color: white;
text-decoration: none;
}

.mattblackmenu li a:hover{
background: #ffd200; /*background of tabs for hover state */
text-decoration: none;
}

.mattblackmenu a.selected{
background: #ff4200; /*background of tab with "selected" class assigned to its LI */
text-decoration: none;
}

.mattblackmenu li.current_page a {
background: #000000;
}

mirahalo · December 23, 2009, 01:49:39 PM

ok, voy a bajar esos dos archivos y a hacer pruebas en local

dark_warriorxx8 · December 23, 2009, 02:39:24 PM

Quote from: 130860 on December 23, 2009, 01:49:39 PM
ok, voy a bajar esos dos archivos y a hacer pruebas en local

tambien en la carpeta /ddlevelsfiles/ tiene 3 archivos mas que los dejo adjunto

dark_warriorxx8 · December 27, 2009, 01:59:39 PM

ojala me puedan ayudar

News:

deformacion en el foro, por agregar un menu