Announcement

Collapse
No announcement yet.

Make the Header Image a Image Map?

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

  • 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.

  • #2
    You can use the exact same code. Just put it all in together.

    Comment


    • #3
      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

      Comment


      • #4
        Here is the "key" code to replace:

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

        Comment


        • #5
          I replaced it and no image showed and everything went to hell

          Comment


          • #6
            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.

            Comment

            widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
            Working...
            X