phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

img map

https://www.phpbb.nl/forums/viewtopic.php?f=46&t=11375

Pagina 1 van 1

img map

Geplaatst: 18 jul 2004, 12:29
door superman5000
hey,

ik heb dus met adobe imageready een img map gemaakt zodat de links in het menu zal maar zeggen op het logo staan.


oke maar nu komt het.
ik wil die img map nu gaan gebruiken in plaats van het standaart logo.

dit is de code van de img map.

Code:

Code: Selecteer alles


<html>
<head>
<title>logo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (logo.psd) -->
<table id="Table_01" width="501" height="125" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td rowspan="8">
         <img src="images/logo01.gif" width="16" height="125" alt=""></td>
      <td colspan="11">
         <a href="http://127.0.0.1/phpBB2/index.php" target="_self">
            <img src="images/logo02.gif" width="469" height="72" border="0" alt="index"></a></td>
      <td rowspan="8">
         <img src="images/logo03.gif" width="15" height="125" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="72" alt=""></td>
   </tr>
   <tr>
      <td colspan="11">
         <img src="images/logo04.gif" width="469" height="15" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="15" alt=""></td>
   </tr>
   <tr>
      <td rowspan="6">
         <img src="images/logo05.gif" width="6" height="38" alt=""></td>
      <td rowspan="3">
         <a href="http://127.0.0.1/phpBB2/faq.php" target="_self">
            <img src="images/logo06.gif" width="43" height="15" border="0" alt="FAQ"></a></td>
      <td colspan="9">
         <img src="images/logo07.gif" width="420" height="1" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td rowspan="5">
         <img src="images/logo08.gif" width="11" height="37" alt=""></td>
      <td rowspan="4">
         <a href="http://127.0.0.1/phpBB2/search.php" target="_self">
            <img src="images/logo09.gif" width="72" height="16" border="0" alt="Search"></a></td>
      <td rowspan="5">
         <img src="images/logo10.gif" width="57" height="37" alt=""></td>
      <td rowspan="2">
         <a href="http://127.0.0.1/phpBB2/profile.php?mode=register" target="_self">
            <img src="images/logo11.gif" width="95" height="14" border="0" alt="Register"></a></td>
      <td colspan="3">
         <img src="images/logo12.gif" width="106" height="1" alt=""></td>
      <td rowspan="3">
         <a href="http://127.0.0.1/phpBB2/profile.php?mode=editprofile" target="_self">
            <img src="images/logo13.gif" width="73" height="15" border="0" alt="Profile"></a></td>
      <td rowspan="5">
         <img src="images/logo14.gif" width="6" height="37" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td rowspan="4">
         <img src="images/logo15.gif" width="63" height="36" alt=""></td>
      <td>
         <a href="http://127.0.0.1/phpBB2/privmsg.php?folder=inbox" target="_self">
            <img src="images/logo16.gif" width="38" height="13" border="0" alt="PB"></a></td>
      <td rowspan="4">
         <img src="images/logo17.gif" width="5" height="36" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="13" alt=""></td>
   </tr>
   <tr>
      <td rowspan="3">
         <img src="images/logo18.gif" width="43" height="23" alt=""></td>
      <td rowspan="3">
         <img src="images/logo19.gif" width="95" height="23" alt=""></td>
      <td rowspan="3">
         <img src="images/logo20.gif" width="38" height="23" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="images/logo21.gif" width="73" height="22" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/logo22.gif" width="72" height="21" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="21" alt=""></td>
   </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

dit is het stukje van overall_header.tlp

Code:

Code: Selecteer alles


<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            <tr>
            </tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle"></span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/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/subSilver/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/subSilver/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/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&
                  <!-- BEGIN switch_user_logged_out -->
                  &<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/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>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>& &<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>& &<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&</span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />

alvast bedankt voor het goede antwoord

grz. superman

Geplaatst: 18 jul 2004, 13:15
door mosymuis
Vervang

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}">
...
{L_LOGIN_LOGOUT}</a>&</span></td>
               </tr>
            </table></td>
         </tr>
      </table>
met:

Code: Selecteer alles

<!-- ImageReady Slices (logo.psd) -->
..
<!-- End ImageReady Slices -->
en vergeet niet om URL's als

Code: Selecteer alles

http://127.0.0.1/phpBB2/search.php
te vervangen met

Code: Selecteer alles

{U_SEARCH}

Geplaatst: 18 jul 2004, 14:06
door superman5000
dank u.
werkte bijna helemaal goed maar de ret heb ik zelf op gelost :D
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/