Wanting to create a custom page (Solved)

xxwckdxx · September 28, 2008, 11:59:16 PM

Anyone got any suggestions on where to get the source so i use the same template as the forum and everything just add in my own snipplet on a page like a "reccommend us" script i just want to make a button on the menu like "Recommend Us" and when the user click it takes them to a page that uses the forum template that i have a flash script

thanks for any info

Deprecated · September 29, 2008, 12:04:41 AM

Sure. I did just that for several of my mod packages. Just copy Something.php and Something.template.php and delete most of the insides. Then mod your index.php to add an action to use your custom page and you are good to go. With a bit more effort you can add a tab, or just forget the index.php mods and use my Custom Tab mod. Or copy the code from that. You can do that you know, open source and all that.

Look at my Rules or Contact mods for additional examples you can plunder.

xxwckdxx · September 29, 2008, 12:09:41 AM

Thanks for the quick reply

Nathaniel · September 29, 2008, 12:27:45 AM

The easiest way to do this would be to use either the Custom Action Mod (which can create its own buttons) or the Site Integration Mod along with the mod suggested by Deprecated. Those mods allow you to easily add your own custom code as an action within SMF, without worrying about creating source or template files.

xxwckdxx · September 29, 2008, 12:36:47 AM

yeah i just added the custom action mod but my problem is the flash script iam using requires some coding to be added to the <head> section and i can figure out how to do it

Nathaniel · September 29, 2008, 04:38:52 AM

The html headers can be changed at the start of the 'template_html_above()' function in the '/themes/{themename}/index.template.php' template file. You should be able to add your own html code after the main clump the html header code in that function. To avoid loading the required flash header code for every SMF page, you should be able to use a condition in PHP, your code should look like the example below:

Code Select

	if ($context['current_action']=='flashaction')
		echo 'Header Code';

Don't forget to replace the flashaction part, with the action that you want the header code to be shown for. I can help you to place the header if you post your 'index.template.php' file, as well as the header code that you need to add.

xxwckdxx · September 29, 2008, 01:47:33 PM

index.template.php

Code Select



<?php
// Version: 1.1.5; 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';

	/* 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;
}

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

	// 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'], '" />
	<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, '";
	// ]]></script>
	<title>', $context['page_title'], '</title>';

    echo '<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />';
    echo '<link rel="icon" href="/favicon.ico" type="image/x-icon" />';

	// 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?rc2" 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_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" : "";

			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 id="container"/>
	<div id="header">
	 <div id="headerleft">
	  <div id="headerright">
			 <div id="welcome">';
	if ($context['user']['is_logged'])
	{
		echo '<b>', $txt['hello_member_ndt'], ' ', $context['user']['name'], '</b><br />';

		// Only tell them about their messages if they can read their messages!
		if ($context['allow_pm'])
			echo $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'] , '.<br />';

		echo '<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br /><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />';

	}
	// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
	else
	{
		echo '				
		', $txt['welcome_guest'], '
		<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>
		<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
			<input type="text" name="user"  size="10" />
			<input type="password" name="passwrd"  size="10" />
			<input type="submit" value="', $txt[34], '" />
			<input type="hidden" name="hash_passwrd" value="" />
		</form>', $txt['smf52'], '<br /><br />';
	}
	echo '
			 </div>
		 <a href="'.$scripturl.'" title=""><span id="logo"> </span></a>';
	echo '
			</div>
		  </div>
		</div>
	 <div id="bdy-l">
	<div id="bdy-r">
  <div id="mainarea">',template_menu(),'';
}

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

		  echo '
		</div>
	 </div>
	</div>
  <div id="footer">
	  <div id="footer-left">
		 <div id="footer-right"><br /> 
			 ', theme_copyright(), '
			 <br /><b>', $txt['c_copy'], '</b><br />';

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

	echo '
		  </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>
</body></html>';
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
	global $context, $settings, $options, $txt;
	
	echo '<div class="pathway_box"><span class="pathway_intro">', $txt['crip_pathway'], '</span><span class="pathway">';
	// 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'];

		// Don't show a separator for the last one.
		if ($link_num != count($context['linktree']) - 1)
			// Show the link, including a URL if it should have one.
			echo $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="pathway">' . $tree['name'] . '</a>' : $tree['name'] , '&nbsp;&nbsp;&#38;#187;&nbsp;';
		else
			echo $tree['name'];

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

	}

	echo '</span></div>';
}

// 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')))
		$current_action = $context['current_action'];
	if ($context['current_action'] == 'search2')
		$current_action = 'search';
	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="topnav">
		  <ul class="topnav">';
	
	// Show the [home] button.
	echo '<li', $current_action == 'home' ? ' id="chosen"' : '', '><a href="', $scripturl, '">' , $txt[103] , '</a></li>';

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

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

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

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

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

     // show the [gallery] button
    if ($context['user']['is_logged'])   
     echo '<li><a href="', $scripturl, '?action=gallery">' , "Gallery" , '</a></li>';

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

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

	// If the user is a guest, show [login] button.
	if ($context['user']['is_guest'])
	echo '<li', $current_action == 'login' ? ' id="chosen"' : '', '><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' ? ' id="chosen"' : '', '><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' ? ' id="chosen"' : '', '><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></li>';
	echo '</ul></div>';
}

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

	if($newstrip)
		echo '<table cellpadding="0" cellspacing="0"><tr>';
	
	// 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="maintab_back">', implode('</td><td class="maintab_back">', $button_strip) , '</td>';

	if($newstrip)
		echo '</tr></table>';
}

the html i need to add

Code Select



<title>emailNote</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="http://cockerspanielpad.com/smf/flash-email/AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="">
<div align="center">
  <!--url's used in the movie-->
  <!--text used in the movie-->
  <!-- saved from url=(0013)about:internet -->
  <script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','name','emailNote','width','500','height','500','align','middle','id','emailNote','src','emailNote','quality','high','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','emailNote' ); //end AC code
	}
</script>
  <noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="emailNote" width="500" height="500" align="middle" id="emailNote">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="false" />
      <param name="movie" value="emailNote.swf" />
      <param name="quality" value="high" />
      	
      <embed src="http://cockerspanielpad.com/smf/flash-email/emailNote.swf" quality="high" width="500" height="500" name="emailNote" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />    
  </object>
  </noscript>
</div>

[SiNaN] · September 29, 2008, 02:23:48 PM

In your codes, just add this:

$context['html_headers'] .= 'YOUR CODES YOU WANT BETWEEN HEAD TAGS';

xxwckdxx · September 29, 2008, 09:05:04 PM

I kept messing with it but couldnt get the flash to work i get "flash movie not loaded" so i just went ahead and went to a php form now one other question i found the topic before on how to add a tab but cant find me it again how do i add a tab now that i have the page done? i tried the custom tab mod but i cant access it in the admin cp its not on the list

xxwckdxx · September 29, 2008, 10:17:37 PM

Found it thanks anyways

[SiNaN] · September 30, 2008, 01:00:27 AM

So your problem is completely solved?

xxwckdxx · September 30, 2008, 01:02:19 AM

yes

News:

Wanting to create a custom page (Solved)