Announcement

Collapse
No announcement yet.

Make the Header Image a Image Map?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Dennis Olson
    replied
    Tell you what, create a "test style" as a child of your main style. Create a test forum and assign it to that style. Now beat the hell outta that style until it's right.

    Hint: Try placing your mapped image in the HEADER template until you have it working. Then we can work on getting it into the area occupied by the current image.

    Leave a comment:


  • CrimsonGT
    replied
    I replaced it and no image showed and everything went to hell

    Leave a comment:


  • Dennis Olson
    replied
    Here is the "key" code to replace:

    <img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />

    Leave a comment:


  • CrimsonGT
    replied
    where do I put this...

    Code:
    [size=2]<map name="Map0">
    
    <area href="http://nightmaremotorsports.com" shape="rect" coords="68, 6, 131, 29">
    
    <area href="http://www.nightmaremotorsports.com/forum/" shape="rect" coords="200, 6, 255, 27">
    
    <area href="http://store" shape="rect" coords="325, 6, 372, 26">
    
    <area href="index.php?p=Tutorials" shape="rect" coords="433, 4, 508, 27">
    
    </map>
    [/size]


    into this...
    Code:
    <!-- logo -->
    <a name="top"></a>
    <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
    <tr>
     <td align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    </tr>
    </table>
    <!-- /logo -->
    <!-- content table -->
    $spacer_open
    $_phpinclude_output

    Leave a comment:


  • jamesyfx
    replied
    You can use the exact same code. Just put it all in together.

    Leave a comment:


  • CrimsonGT
    started a topic Make the Header Image a Image Map?

    Make the Header Image a Image Map?

    Alright, I use the same image for my main page and my forums as you can see in the link below. On the main page I have it as an image map so that users can click different buttons to go to different areas. How would I go about making it the same in vBulletin?

    here is my image map code from the main site...

    Code:
    <map name="Map0">
    
    <area href="http://nightmaremotorsports.com" shape="rect" coords="68, 6, 131, 29">
    
    <area href="http://www.nightmaremotorsports.com/forum/" shape="rect" coords="200, 6, 255, 27">
    
    <area href="http://store" shape="rect" coords="325, 6, 372, 26">
    
    <area href="index.php?p=Tutorials" shape="rect" coords="433, 4, 508, 27">
    
    </map>
    
    
    
    <map name="Map1">
    
    <area href="#top" shape="rect" coords="634, 5, 726, 28">
    
    </map>
    the website is http://www.nightmaremotorsports.com if you want to take a look.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X