Quote:
Originally Posted by Bacon Butty
|
I haven't worked with imagemaps before, so can't give you any advice about them. What I would do for this is slice your image in 2 pieces. #1 the left 3/4 of the current image, with the register link in the middle, #2 the right 1/4 of the image with the word login. Then put them in a table:
Code:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<img src="left-side.png" border="0" />
</td>
</tr>
<tr>
<td>
<img src="right-side.png" border="0" id="alt_login_link" />
</td>
</tr>
</table>
Have the id="alt_login_link" on the right hand image, so clicking it will activate the login box.
I would also wrap the whole shebang in a conditional:
Code:
<if condition="$show[guest]">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<img src="left-side.png" border="0" />
</td>
</tr>
<tr>
<td>
<img src="right-side.png" border="0" id="alt_login_link" />
</td>
</tr>
</table>
<else />
// show a different image to logged in members
</if>
So it only gets show to people who aren't logged in. You could make another image to show to logged-in users (maybe with links to their profile or something.)