Kan een deel van overall header op gewone html page werken?

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Gebruikersavatar
GC_Boy
Berichten: 99
Lid geworden op: 04 mar 2010, 14:29

Kan een deel van overall header op gewone html page werken?

Bericht door GC_Boy » 31 mei 2010, 12:03

Ik zat zo te denken Kan een deel van overall header op gewone html page werken?
Dus ik heb nu mijn forum en ik heb daar in die menu balk 3 links ingevoegd buttons dus
website, en dan magzine en extra nu is dat gewoon gelinkt naar html page
maar kan ik ook deel van header de look en die buttens op die page zetten dan ziet het er 1 geheel uit

mijn gedachte zegge copier een deel van de overall header plak dat in je html bestand op die page wat gelinkt nu is via het forum en ik zie dan de menu enz maar ik wil dan niet het forum deel er bij zelf dus er onder moet dan ruimte voorzien zijn voor pages te zette van een online magazine en extra dingen zoals download marchandising toestand.

Dus ik weet niet wat ik juist met selecteren en invoegen in die code lijst en alst gaat werken.

of moet ik alleen dit deel doen

Code: Selecteer alles

<div id="menu">
    <div id="menu_corner"></div>
    <ul>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be"><span>VwBc Website</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Magazine.htm"><span>VwBc Magazine</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Extra.htm"><span>Extra</span></a></li>
      <li class="menu_button"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
	  <li class="menu_button"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
	  <!-- IF S_DISPLAY_SEARCH -->
	  <li class="menu_button"><a href="{U_SEARCH}"><span>{L_SEARCH}</span> {S_SEARCH_HIDDEN_FIELDS}</a></li>
	  <!-- ENDIF -->
	  <!-- IF not S_IS_BOT -->
      <!-- IF S_DISPLAY_MEMBERLIST --><li class="menu_button"><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
	  <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="menu_button"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
	  <li class="menu_button"><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
	  <!-- ENDIF -->
hier de hele lijst

Code: Selecteer alles

<!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 name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

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

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

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

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

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

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

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

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

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

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

<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
        	<a id="top" name="top" accesskey="t"></a>
        	<div id="page-header">
                        <div class="header-bar">
      <span class="corners-top"><span></span></span>
        <div id="board-description">
          <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        				<h1>{SITENAME}</h1>
        				<p>{SITE_DESCRIPTION}</p>
        				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
        </div>
    </div>
      

     <div id="menu">
    <div id="menu_corner"></div>
    <ul>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be"><span>VwBc Website</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Magazine.htm"><span>VwBc Magazine</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Extra.htm"><span>Extra</span></a></li>
      <li class="menu_button"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
	  <li class="menu_button"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
	  <!-- IF S_DISPLAY_SEARCH -->
	  <li class="menu_button"><a href="{U_SEARCH}"><span>{L_SEARCH}</span> {S_SEARCH_HIDDEN_FIELDS}</a></li>
	  <!-- ENDIF -->
	  <!-- IF not S_IS_BOT -->
      <!-- IF S_DISPLAY_MEMBERLIST --><li class="menu_button"><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
	  <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="menu_button"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
	  <li class="menu_button"><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
	  <!-- ENDIF -->
    </ul>
    <div id="menu_corner_right"></div>

  <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="top-search">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" class="search-input" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
          </fieldset>
				</form>
			</div>
		<!-- ENDIF -->

    </div>
        
        <div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<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="return fontsizeup(event);" 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_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- 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-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</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 and not (S_SHOW_COPPA or S_REGISTRATION) --><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="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
        
        	</div>
        
        	<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="information" 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 -->

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: Kan een deel van overall header op gewone html page werk

Bericht door Jeroen » 31 mei 2010, 13:33

Je zou het ook anders kunnen doen, door bijvoorbeeld je huidige pagina's om te zetten naar pagina's die "bij het forum horen". Dan heb je dus de header en de footer van je forum met daartussen je webpagina.

In dit wiki artikel lees je hoe je dat doet (extra pagina's toevoegen).
Jeroen


Gebruikersavatar
odil
Berichten: 710
Lid geworden op: 26 jan 2009, 19:23
Locatie: belgië
Contacteer:

Re: Kan een deel van overall header op gewone html page werk

Bericht door odil » 02 jun 2010, 10:28

Iedereen verwijst graag naar die MOD maar het is veel gemakkelijker om extra pagina's te maken zonder die MOD maar door de wiki te volgen.
Als je zelf geen BB codes kan maken ben je met die MOD niets.

Gebruikersavatar
Neo
Berichten: 211
Lid geworden op: 02 apr 2006, 00:16
Locatie: Geleen
Contacteer:

Re: Kan een deel van overall header op gewone html page werk

Bericht door Neo » 02 jun 2010, 16:15

odil schreef:Iedereen verwijst graag naar die MOD maar het is veel gemakkelijker om extra pagina's te maken zonder die MOD maar door de wiki te volgen.
Ik gebruik beide optie ook de extra pagina's en deze mod voldoet voor de meeste ik vind hem super!
En ieder zijn eigen mening over wat hij makkelijk vind ! ;)

Plaats reactie