Announcement

Collapse
No announcement yet.

How do i....

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

  • How do i....

    How can i add a rollover/mouseover affect to the FORUMHOME (vBulletin3) table cells?
    I have searched every forum here but cant find anything on how to do it.
    If there is allready a thread on how to do this please link!

  • #2
    Go to your:

    Admin CP -> Styles & Templates -> Style Manager -> « » -> Forum Home Templates » -> forumhome_forumbit_level2_post

    Find this code at the top. Add the code in red:

    <tr align="center">
    <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" /></td>
    <td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]" onMouseOver="this.style.backgroundColor='#CCCCCC'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#999999';" onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]'">
    <div>
    <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
    <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
    </div>
    Replace the highlighted color codes with the color codes for the background colors of your first and second alt colors.

    Comment


    • #3
      ...

      Thanks, it works
      However it doesn't when theres a background set in the cell? you can click anywhere in the cell and it works, but it doesn't show the second alt color..
      Is there away to make this work with an image set in the background?

      Comment


      • #4
        Originally posted by 750mls
        Is there away to make this work with an image set in the background?
        Yup. The changes to the code are underlined:

        <tr align="center">
        <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" /></td>
        <td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]" onMouseOver="this.style.backgroundImage='url(path to image)'; this.style.cursor='hand';" onMouseOut="this.style.backgroundImage='url(path to image)';" onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]'">
        <div>
        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
        <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
        </div>
        Replace both instances of path to image with your first and second alt images.

        Comment

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