Knoppen in het logo in plaats van ernaast???

Chris de Boden · Bericht door **Chris de Boden** » 24 okt 2003, 20:46

Is het mogenlijk om de knoppen die bij het standaard subSilver rechts van het logo staan in het onderstaande logo te verwerken???
Afbeelding

Klopt het dat je dat met een image map kan realiseren???

WebSiteNet · Bericht door **WebSiteNet** » 25 okt 2003, 06:50

Dat is te realiseren.

Maar mag ik je waarschuwen, een imagemap maken is NIET makkelijk. Eerder het omgekeerde.

Zet alle links op het image. zoek documentatie over image maps en ga aan de gang.

Maar ik raad het AF.

Chris de Boden · Bericht door **Chris de Boden** » 25 okt 2003, 08:33

Zolang er een goede backup is, is er niks aan het handje, toch???
Het maken van een image map kan ik al, maar ik denk dat het plaatsen van de code in de template een probleem kan vormen.
Maar ik heb een stukje software gevonden waar ik mijn site offline kan installeren en dan kan ik naar hartelust testen zonder dat een ander er hinder van ondervind

WebSiteNet · Bericht door **WebSiteNet** » 25 okt 2003, 09:45

De code moet ergens in templates/subSilver/overall_header.tpl.

Dat je al image maps kan maken is een groot voordeel.

Happy modding

Chris de Boden · Bericht door **Chris de Boden** » 30 okt 2003, 01:17

Het is mij eindelijk gelukt om een eigen testserver in te richten en ik ben met volle moed aan een image map begonnen.
De image map werkt prima op het testdforum, maar ik zit echter met een probleem: Ik krijg het niet gecentreerd. Het blijft eigenwijs links staan en dat wil ik niet.

Dit is mijn overall_header.tpl vanaf de /head tag:

Code: Selecteer alles

<body bgcolor="{T_BODY_BGCOLOR}" background="http://localhost/forum/templates/subSilver/images/air.jpg" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="hideLoadingPage()" />

<div id="hidepage" style="position: absolute; left:0px; top:0px; background-color: {T_BODY_BGCOLOR}; layer-background-color: {T_BODY_BGCOLOR}; height: 100%; width: 100%;"> 
<table width="100%" height="100%">
  <tr>
	<td align="center" valign="middle">
		<table width="50%" align="center" style="border: 1 {T_BODY_LINK} solid">
		  <tr>
			<td align="center" class="row1"><span class="genmed"><br /><b>{L_PAGE_LOADING_WAIT}</b><br /><br /><img src="images/loading.gif"><br /><br />{L_PAGE_LOADING_STOP}<br />&nbsp;</span></td>
		  </tr>
		</table>
	</td>
</tr>
</table>
</div>

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td align="center" class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
			<IMG SRC="images/kop3.png" align="center" WIDTH=780 HEIGHT=150 BORDER=0 ALT="" USEMAP="#kop3_Map">
<MAP NAME="kop3_Map">
<AREA SHAPE="rect" ALT="{L_DOWNLOAD}" COORDS="690,109,762,124" HREF="{U_DOWNLOAD}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_LOGIN_LOGOUT}" COORDS="606,109,684,124" HREF="{U_LOGIN_LOGOUT}" TARGET="_self">
<AREA SHAPE="rect" ALT="{PRIVATE_MESSAGE_INFO}" COORDS="507,109,600,124" HREF="{U_PRIVATEMSGS}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_PROFILE}" COORDS="455,109,502,124" HREF="{U_PROFILE}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_REGISTER}" COORDS="374,109,449,124" HREF="{U_REGISTER}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_USERGROUPS}" COORDS="256,109,369,124" HREF="{U_GROUP_CP}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_MEMBERLIST}" COORDS="153,109,249,124" HREF="{U_MEMBERLIST}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_SEARCH}" COORDS="100,109,148,124" HREF="{U_SEARCH}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_FAQ}" COORDS="59,109,94,123" HREF="{U_FAQ}" TARGET="_self">
<AREA SHAPE="rect" ALT="{L_PORTAL}" COORDS="14,109,57,123" HREF="{U_PORTAL}" TARGET="_self">
</MAP>
		</table>

		<br />

Waar zit de fout????

WebSiteNet · Bericht door **WebSiteNet** » 30 okt 2003, 07:02

vervang

Code: Selecteer alles

<IMG SRC="images/kop3.png" align="center" WIDTH=780 HEIGHT=150 BORDER=0 ALT="" USEMAP="#kop3_Map">

Met

Code: Selecteer alles

<div style="text-align: center;"><IMG SRC="images/kop3.png" WIDTH="780" HEIGHT="150" BORDER="0" ALT="" USEMAP="#kop3_Map" /></div>

Chris de Boden · Bericht door **Chris de Boden** » 30 okt 2003, 21:35

Je gaat het niet geloven, maar ook dit werkt

Wie zei nou dat het maken van een image map is af te raden????

Het met de hand aanmaken van een image map is een onbegonnen zaak en dan is het idd erg moeilijk, maar gelukkig zijn er nog programma's die het eenvoudig maken.

Mag ik je iig hartelijk bedanken, want ik had het zelf ook niet verwacht dat ik het kon. Het blijft immers een risico

NuKeD · Bericht door **NuKeD** » 30 okt 2003, 23:14

Chris, leuk idee, mooie mod!

Een vraagje, welke programma's maken het maken van een image map precies eenvoudig?

Chris de Boden · Bericht door **Chris de Boden** » 31 okt 2003, 23:59

:thumb: Ik wist niet dat ik een mod gemaakt had

Met adobe image ready en dat zit bij adobe's photoshop 7
Ik moet zeggen dat image ready een mooie schone code maakt, iig niet zo'n abacadabra brei wat frontpage of een tekst verwerker genereerd.

Je kunt er ook animated gifs mee maken, maar daar zijn betere programma's voor.