overall_header.tpl vraagje

[Sith Warrior]

Hoi, ik ben zinds kort admin geworden van boardje (vorige admin is der mee gestopt) Der zaten een aantal problemen in het board de meeste heb ik inmiddels opgelost, maar ik zit er nog met 1 tje:

In de header zijn die knoppen waar mee je kunt inloggen enzo gemaakt met een gifje en dan <area shape="rect" coords="343,86,387,110" etc etc om de dingen als login en zoeken in het gifje te plaatsen.

Dit werkt opzich prima alleen zit er 1 foutje in, logout enzo staat er niet bij als je niet bent ingelogd, das niet zo vreemd natuurlijk want het is met coords gedaan, dus is hier opzich een ander plaatje voor (waar dus login staat en geen prive berichten enzo)

Maar nu is de grote vraag, hoe krijg ik dit er werkend in, ben er al paar daagjes mee bezig maar het wil maar niet lukken

Om het wat duidelijker te maken:

Code: Selecteer alles

<table width="720" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="bodyline">
		<!-- oude header
		<table width="100%" cellspacing="0" cellpadding="0" border="0">
      <tr> 
        <td width="7%" rowspan="2"><a href="{U_INDEX}"><img src="templates/engineer/images/logo_i-engineer.gif" alt="{L_INDEX}" width="311" height="65" vspace="0" border="0" /></a></td>
        <td height="40" align="right" valign="middle"> 
          <table border="0" align="right" cellpadding="2" cellspacing="0">
            <tr> 
              <td align="right" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu"><img src="templates/engineer/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">  
                 <a href="{U_SEARCH}" class="mainmenu"><img src="templates/engineer/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>  
                 <a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/engineer/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>  
                 <a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/engineer/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>  
                <a href="{U_LINKS}" class="mainmenu"><img src="templates/engineer/images/icon_mini_members.gif" width="12" height="13" border="0" alt="Links" hspace="3" />{L_LINKS}</a> 

                <!-- BEGIN switch_user_logged_out -->
                <!-- <a href="{U_REGISTER}" class="mainmenu"><img src="templates/engineer/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>  
                <!-- END switch_user_logged_out -->
              <!-- </td>
            </tr>
          </table></td>
      </tr>
      <tr bgcolor="#0033CC"> 
        <td bgcolor="#3491BE" height = "25" align="right" valign="middle" nowrap="nowrap"><span class="mainmenu"> <a href="{U_PROFILE}" class="mainmenu"><img src="templates/engineer/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" /><font color="#FFFFFF">{L_PROFILE}</font></a>  
           <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/engineer/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /><font color="#FFFFFF">{PRIVATE_MESSAGE_INFO}</font></a>  
           <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/engineer/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /><font color="#FFFFFF">{L_LOGIN_LOGOUT}</font></a> </span></td>
      </tr>
    </table>
	-->
    	<!-- temp -->
        <div align="center">
		<img name="engineerheader" src="templates/engineer/images/engineerheader.gif" width="725" height="110" border="0" usemap="#m_engineerheader" alt=""><map name="m_engineerheader">
<area shape="rect" coords="343,86,387,110" href="links.php" title="Links" alt="Links" >
<area shape="rect" coords="649,86,696,110" href="index.php" title="Home" alt="Home" >
<area shape="rect" coords="570,86,644,110" href="login.php?logout=true" title="Uitloggen" alt="Uitloggen" >
<area shape="rect" coords="536,86,564,110" href="privmsg.php?folder=inbox" title="PB" alt="PB" >
<area shape="rect" coords="476,86,530,110" href="profile.php?mode=editprofile" title="Profiel" alt="Profiel" >
<area shape="rect" coords="394,85,469,110" href="profile.php?mode=register" title="Registreer" alt="Registreer" >
<area shape="rect" coords="271,86,337,110" href="groupcp.php" title="Groepen" alt="Groepen" >
<area shape="rect" coords="183,86,266,110" href="memberlist.php" title="Gebruikers" alt="Gebruikers" >
<area shape="rect" coords="120,86,176,110" href="search.php" title="Zoeken" alt="Zoeken" >
<area shape="rect" coords="78,86,112,110" href="faq.php" title="FAQ" alt="FAQ" >
</map> 
        </div>
    	<!-- einde temp -->

http://www.i-engineer.nl/phpbb2/templat ... header.gif

Dat plaatje is het dus als je ingelogd bent, en dit wil ik er dan graag bij hebben voor als je nog niet ingelogd bent (nu zie je dus steeds het zelfde plaatje)

http://www.i-engineer.nl/phpbb2/templat ... header.png

alvast bedankt

[mosymuis]

Dit is simpel op te lossen; plaats twee keer het plaatje, de ene keer naar de file met login en de tweede met loguit erin.

Code: Selecteer alles

<!-- BEGIN switch_user_logged_out -->
<img name="engineerheader" src="templates/engineer/images/engineerheader-login.gif" width="725" height="110" border="0" usemap="#m_engineerheader" alt="">
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in --> 
<img name="engineerheader" src="templates/engineer/images/engineerheader-loguit.gif" width="725" height="110" border="0" usemap="#m_engineerheader" alt="">
<!-- END switch_user_logged_in -->

[Sith Warrior]

Hmm nou moet ik zeggen dat ik hier nog niet echt een wonder in ben, maar waar moet dit komen te staan dan en waar zet ik die nieuwe
<area shape= zooi neer dan, vast niet er onder want hoe weet ie dan wat ie bij welk plaatje moet weer geven?

[mosymuis]

Juist wel eronder, ^^daar geef je het plaatje aan en verder blijft de code gewoon gelijk. Je zet het op de plaats van

Code: Selecteer alles

<img name="engineerheader" src="templates/engineer/images/engineerheader.gif" width="725" height="110" border="0" usemap="#m_engineerheader" alt="">

, sterker nog, je vervangt het.

[Sith Warrior]

Ik heb het aangepast zoals je zei, ik kom nu een stap verder, hij geeft wel die header weer bedankt! alleen nu doen die knoppen het niet meer

ik heb nu dus

Code: Selecteer alles

<div align="center">
		<!-- BEGIN switch_user_logged_out --> 
		<img name="engineerheader" src="templates/engineer/images/engineerheader.png" width="725" height="110" border="0" usemap="#m_engineerheader" alt=""> 
		<!-- END switch_user_logged_out --> 
		<!-- BEGIN switch_user_logged_in --> 
		<img name="engineerheader" src="templates/engineer/images/engineerheader.gif" width="725" height="110" border="0" usemap="#m_engineerheader" alt=""> 
<!-- END switch_user_logged_in -->
<area shape="rect" coords="343,86,387,110" href="links.php" title="Links" alt="Links" >
<area shape="rect" coords="649,86,696,110" href="index.php" title="Home" alt="Home" >
<area shape="rect" coords="570,86,644,110" href="login.php?logout=true" title="Uitloggen" alt="Uitloggen" >
<area shape="rect" coords="536,86,564,110" href="privmsg.php?folder=inbox" title="PB" alt="PB" >
<area shape="rect" coords="476,86,530,110" href="profile.php?mode=editprofile" title="Profiel" alt="Profiel" >
<area shape="rect" coords="394,85,469,110" href="profile.php?mode=register" title="Registreer" alt="Registreer" >
<area shape="rect" coords="271,86,337,110" href="groupcp.php" title="Groepen" alt="Groepen" >
<area shape="rect" coords="183,86,266,110" href="memberlist.php" title="Gebruikers" alt="Gebruikers" >
<area shape="rect" coords="120,86,176,110" href="search.php" title="Zoeken" alt="Zoeken" >
<area shape="rect" coords="78,86,112,110" href="faq.php" title="FAQ" alt="FAQ" >
</map> 
        </div>
    	<!-- einde temp -->

Want wat ik nog steeds niet begrijp is waarom er verder niks bij moet, er moet toch iets van inloggen bij enzo??

[mosymuis]

alleen nu doen die knoppen het niet meer

Bestaan engineerheader.png en engineerheader.gif wel? .gif moet een loguit knopje bevatten, .png een login knop.

Want wat ik nog steeds niet begrijp is waarom er verder niks bij moet, er moet toch iets van inloggen bij enzo??

Je had de variabele links niet moeten vervangen naar hardcoded tekst... als je van login.php?logout=true "{U_LOGIN_LOGOUT}" maakt klopt die link iig weer.

[Sith Warrior]

http://www.i-engineer.nl/phpbb2/templat ... header.gif

http://www.i-engineer.nl/phpbb2/templat ... header.png

das de gif en das de png ik zal morgen het eens proberen, bedankt iig alvast! :thumb:

[mosymuis]

http://www.i-engineer.nl/phpbb2/templat ... header.gif

http://www.i-engineer.nl/phpbb2/templat ... header.png

Als je het op deze manier wilt doen moet je wel zorgen dat ze nagenoeg identiek zijn, anders zal je ook twee image maps moeten maken. Als je er nu voor zorgt dat ze precies hetzelfde zijn, op het inloggen/uitloggen woordje na, lukt het met de bovenstaande methode.