[Release] Mouseover Effects

[SaintDog]

Author: Xiphoid

Description: This will teach you how to modify your forum cells in order to obtain the mouseover or "highlight" effect for your forum.

[bokmade]

thank's i will try :)

[Gary W]

I was looking for this. Thx ! :D

[imported_Niloc]

Im confused could you explain more what this mouse over effect does?

[SaintDog]

When you place your mouse over a forum, it will "light-up", in other words it will switch to another color. When you take your mouse off of the forum, it will return to its normal color state.

- SaintDog

[Foxtroter]

you can see it on my forum http://forums.cybersportsnet.net

[Gary W]

Hmm... one question: how do you make it so that it also has the same effect on sub-forums ?

For example: if I have a forum in a forum, how can I have the same effect on the sub-forum ?

[imported_Niloc]

SaintDog and Foxtroter thanks for the help. I understand it now.

[Foxtroter]

Originally posted by Blak n Wite
Hmm... one question: how do you make it so that it also has the same effect on sub-forums ?

For example: if I have a forum in a forum, how can I have the same effect on the sub-forum ?
I think you just need to apply it to the forumdisplay_levelX_(no)post templates

[fraqheart]

    I've already got this in use Saint though it's good to see it finally published. Thanks. My regards,

~ Anthony ~

[Bungie]

Excellent. I have been wondering how to do this.

[Floris]

This temp mod is included in my design & tweak the frontpage hack (http://www.vbulletintemplates.com/mods/showthread.php?s=&threadid=125)!

[alienatf]

WoW!
Very nice, thank u !

[SSJ4Gohan]

Very nice I like it a lot

[koalakb]

i know this question has been asked before, and i couldve swore ive seen the answer but ive been browsing these forums all day long and now i cant find it. heh

i got the mouse over to work ....but when oyu click a forum topic and get your list of all the threads, how can i make it so it does the same thing there? i dont think this is the same thing as sub-forums like mentioned above.

me = forum noob and my eyes hurt from reading all day heh :(

[imported_ULTIMATESSJ]

a small question, i've seen it before on another forum but i forget where

How would you get all the different parts to light up, like instead of just the forum, the moderators, posts, threds, and all the other bars, when you put your mouse over them

[mashby]

Originally posted by koalakb
i got the mouse over to work ....but when oyu click a forum topic and get your list of all the threads, how can i make it so it does the same thing there? i dont think this is the same thing as sub-forums like mentioned above.

I applied this template mod and after doing so, all the threads have mouseovers now as well. I would suggest that you go back over the instructions, because if you apply the hack correctly, then you should have the effect you're looking for.

[Giorgiogg]

I applied this template mod and work in thread list but not in home page in forum list....i forget something?

[foularou]

Thaks for this hack.

[someone]

I like this hack a lot, but I think there is still room for improvement.

Let's say you have 50 forums on your vbulletin board.

Then that means that this code:

onMouseOver="this.style.backgroundColor='#F9F9F9';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='#FFFFFF';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'"

will be displayed 50 times, which adds easely 12 KB to your page. Filesize and bandwith are pretty important to me, so I'm wondering if some nifty JavaScript code in the header of the page can elimate the unwanted KB's, by making the MouseOver commands short, like this for example:
onMouseOver="highlight"

Just wondering if this is possible at all, since I'm not a JavaScript guru.

[mashby]

That's a good idea someone, but you'd probably have to do a google search to see if you could find a JavaScript Mouseover replacement.

[Kazuya]

ano..i can`t see the code:( :( i just see this thing :
################################################## ###### #### Mouseover Effects #### By: Xiphoid #### For: vBulletin Version 2.x.x #### Downloaded From: vBulletinTemplates.com ################################################## ###### 1. Login to your Admin Control Panel 2. Scroll down the left menu and find "Templates" (Click Modify) 3. Find the "Forum Home Page Templates" 4. Find "forumhome_forumbit_level2_post" 5. Look for: Replace That With -------------------------------------------------------------- You have completed the Mouseover Effects Template Edit! -------------------------------------------------------------- Mouseover Effect Addons: Threads list & Announcement effects 1. Login to your Admin Control Panel 2. Scroll down the left menu and find "Templates" (Click Modify) 3. Find the "Forum Display Templates" 4. Find "forumdisplaybit" 5. Look for: Replace That With 6. Find the "Forum Display Templates" 7. Find "forumdisplay_announcement" 8. Look For: Replace That With -------------------------------------------------------------- You have completed the Mouseover Effects Addon Template Edit! --------------------------------------------------------------

what does "----------" mean???????

[mashby]

Kazuya,

I've noticed that you've made posts like this on various threads. Allow me to explain.

What the text files contain are instructions on how to install this template mod. All you have to do is read the text and go step-by-step to make the changes on your board. Code is included in the instructions, but it's not just code.

[Kazuya]

Originally posted by mashby
Kazuya,

I've noticed that you've made posts like this on various threads. Allow me to explain.

What the text files contain are instructions on how to install this template mod. All you have to do is read the text and go step-by-step to make the changes on your board. Code is included in the instructions, but it's not just code.

ok,i`m so sorry for made any post on other thread..

but i just wanna know,if the instructions says : find this templates,and find this code : (blank) add below : (blank)

what code i hv to change??:confused:
this is so weird.....ok,we chat soon,Mashby.

[mashby]

You created a support thread in the support forum, I'll address your problems there [link (http://www.vbulletintemplates.com/mods/showthread.php?s=&threadid=609)].

[Nairb]

Uh, i have one big problem...
Well, i have vb 2.2.5
and i'm trying to install this hack, and other hacks...
but when i go to templates>modify, this is what i get...
Default [edit] [remove] [add template] [show all] [collapse groups]

[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]
[change original]

etc

anyone know whats wrong?

[Nairb]

this (http://members.lycos.co.uk/pgforum/cp.jpg) is what it looks like


and when i expand it, it looks like this (http://members.lycos.co.uk/pgforum/cp2.jpg)

[assassingod]

What template did you last change? Go to that, you gotta somehow find the URL, then put in the original template. Works then

[Nairb]

what if i just tryed doing it to a diff template?
could u guys send me one?

[wolfe]

not working for me :(

[lxmas]

I didn't read through all the posts, so if anyone else posted that you could do this sorry. Ok, if you do not want your cursor to be a hand when it doesnt go over a link in the area you want to have highlighted, find

this.style.cursor='hand';"

And replace it with

this.style.cursor='normal';"

I did that with a previous forum I had, and didn't like the hand, so I changed it, and thought someone else put there might outta know and want to change it.

[SpittingAngels]

Originally posted by someone
I like this hack a lot, but I think there is still room for improvement.

Let's say you have 50 forums on your vbulletin board.

Then that means that this code:

onMouseOver="this.style.backgroundColor='#F9F9F9';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='#FFFFFF';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'"

will be displayed 50 times, which adds easely 12 KB to your page. Filesize and bandwith are pretty important to me, so I'm wondering if some nifty JavaScript code in the header of the page can elimate the unwanted KB's, by making the MouseOver commands short, like this for example:
onMouseOver="highlight"

Just wondering if this is possible at all, since I'm not a JavaScript guru.

i'm not a Javascript guru either but i know that a similar effect can be acheived with using CSS to define a class and I think with Javascript you can define a class too. So the code goes in the header once and then you just associate the object in the page with the class.

[eXmantis]

Thanks works nicely ...

[boeliekiler]

thanks it works nice :D

[Tony G]

Originally posted by wolfe
not working for me :(

Are you getting an error or anything when you put it in? Your problem in more detail can help. :)

[1x1]

thanks.i will installl in my forum.thanks 2

[Sky]

Make it a javascript function

[Rufus69]

I got the tread part to work but when I try and make it work on the index nothing happens....I miss somthing?

[GoTTi]

this file isnt downloading for me...ne1 got problem downloading it?

[Tony G]

Working fine for me, whats the problem?

[levonter]

slm beyler ben hiçbiþey anlamadým!!!!

[imported_tiedyetoga]

Looks and works very nice.

[Vladdy]

Does anyone know how I would add this the other columns, meaning:

Posts
Threads
Last Post
Moderator

On the forumhome and then within forums the following columns:

Thread Starter
Replies
Views
Rating
Last Post

Anyone know?

[imported_Powelly]

Nice, applied to my site! ;)
Thx

[SVTBlackLight01]

Hmm... one question: how do you make it so that it also has the same effect on sub-forums ?

For example: if I have a forum in a forum, how can I have the same effect on the sub-forum ?

I'm interested in this too. Anyone have a definate answer?

[Vladdy]

I'm interested in this too. Anyone have a definate answer?

For sub-forums go to "Forum Display Template" and click expand.

Then go to "forumdisplay_forumbit_level2_post" and edit it or change the original.

Find:

<td bgcolor="{firstaltcolor}" align="left">


and replace it with:

<td bgcolor="{firstaltcolor}" align="left" onMouseOver="this.style.backgroundColor='{secondaltcolor}';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='{firstaltcolor}';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'">

Then it will work in your immediate sub-forums...

[TemplateWh0re]

I have this working on my forumhome, but how do I get it to work in the whos online and user control panel for those tables? Can somebody add those to this hack or tell me how to do it?

[VampireMan]

Nice code this , ive added it not only to the the main page , but in the forums . Im attempting to find a way to do alternate effects on all the tables that use alternating colours :-)

[VampireMan]

TemplateWh0re

for the who's online ..

in templates > who's online templates >whosonlinebit

find
<td bgcolor="{firstaltcolor}" align="left"><normalfont><a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$userinfo[userid]">

replace with
<td bgcolor="{firstaltcolor}" align="left"
onMouseOver="this.style.backgroundColor='{secondaltcolor}';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='{firstaltcolor}';"
onClick="window.location.href='member.php?s=$session[sessionhash]&action=getinfo&userid=$userinfo[userid]'">

[imported_DMC]

Very nice, Installed.

[monstergamer]

i like this mod alot to

[imported_T3MEDIA]

v 3.0.3 how can you get this to work?

[SVTBlackLight01]

It'a built in function of vB 3.0.3.

[imported_T3MEDIA]

It'a built in function of vB 3.0.3.
please tell me how to do it.
Cant see this anywhere.

[imported_T3MEDIA]

::bump:: mildly

[Destroyed Soul]

Is it possible to use this code to do an image mouse over?

[HipHopFranco]

My code looks like this, and I don't know what to modify... it's similar but not the same, and I tried many things.

Can somebody help me?

Here's the code

<tr align="center">
<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
<td class="alt1Active" align="$stylevar[left]" id="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>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
<if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
<td class="alt1">$forum[threadcount]</td>
<td class="alt2">$forum[replycount]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
</if>
</tr>
$childforumbits