Forumhome Mouseover Effect

[Logikos]

What this does:
This will create a hover effect when your members place there mouse over your forums. See screen shot for an example. This will also create the same effect in your threadbit area!

3 Small Template changes. Should take no less then 2 min.

Update Notes:
v1.2 Updated threadlist area.
v1.0 Released.

!CLICK INSTALL!

[Brinnie]

Ahhh yes. Cell rollovers. :)

[Wayne Luke]

I understand the concept but I honestly don't see any difference in the two pictures shown. All looks the same color to me.

[Logikos]

Thats because my alt1 is #2D3851 and alt2 is #243048. Which are very close. Screenshot updated.

[cclaerhout]

Does it work with Firefox too ?

[Logikos]

Yes, It works with Mozilla FireFox, Internet Exploder, Opera, Maxthon, and Netscape. Those are the only ones that I'm sure of that this works on.

[atxhorn]

i think the code is wrong? editing forumhome level 2 twice? one of them should be forumbit_level1_post

[Logikos]

Thanks for that small typo. First post 'updated'

[cecdah]

Installed and working perfectly. Thanks a lot. :)

[darnoldy]

Dude-

Like the word is "Effect"--an "affect" is a "Feeling or emotion, especially as manifested by facial expression or body language"

[Tony G]

There, the title has been fixed. It's not that big of a deal, anyway.

Thanks for sharing this mod. ^^ Always liked the mouseover effect on forums.

[Logikos]

Dude-

Like the word is "Effect"--an "affect" is a "Feeling or emotion, especially as manifested by facial expression or body language"

Opps.. :p

Thanks Tony :)

[Roms]

Works great on 3.0.3 too. :) Thanks

[darnoldy]

It's not that big of a deal, anyway.Some things just grate--like a sesame seed stuck between your teeth. Thanks for fixing it.

--don

[Herc]

doesn't removing // in front of active cells in the footer not achieve the same effect for both forumhome and Display.?

[chanzero]

cool, thanks!

*clicks install*

[nix]

Anyway to get this to work once you go inside and are looking at the post?

[Tony G]

You want a hover effect when over a post?

[nix]

No I mean say like the page before this one. Were it list all the post.

[Tony G]

Oh, you mean forumdisplay?

It's possible and not that hard either, just have to put the similar code (from this mod) into the forumdisplay templates.

[Xplorer4x4]

Oh, you mean forumdisplay?

It's possible and not that hard either, just have to put the similar code (from this mod) into the forumdisplay templates.

There are two codes, and where? I tried both codes seperatley and neither worked. Where do you add them in the forumdisplay template?

[Gizmo5h1t3]

works like a charm

[Oblivion Knight]

It's possible and not that hard either, just have to put the similar code (from this mod) into the forumdisplay templates.The only problem being that if you still want the cell to direct you to the appropriate thread once clicked, it renders the AJAX feature of being able to edit the thread title rather useless.. ;)


There are two codes, and where? I tried both codes seperatley and neither worked. Where do you add them in the forumdisplay template?It's in the threadbit template..

Find:
<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]">Replace it with:
<td class="alt1Active" id="td_title_$thread[realthreadid]" title="$thread[preview]" onmouseover="this.className='alt2Active'" onmouseout="this.className='alt1Active'">This takes in to consideration the problem that I mentioned above, and as such the onclick and style attributes have been removed..

[sheikfreik]

thanks for the forumhome effect and also thanks for the threadbit mod. :)

[Logikos]

Thanks O.K. Saved me the trouble. :p

[Xplorer4x4]

The only problem being that if you still want the cell to direct you to the appropriate thread once clicked, it renders the AJAX feature of being able to edit the thread title rather useless.. ;)

Thats sucks:( Thats partialy why I wanted it. But thanks for the threadbit part anyways. I still plan on using it. :)

[socalsoccer]

Threadbit mod worked and The main mod worked perfect. They both go hand in hand.

Thanks

[KuRi]

can this be done for threads as well??

[Xplorer4x4]

can this be done for threads as well??

Are you refering to this page or the page before this? If you meant the page before this refer to this post: https://vborg.vbsupport.ru/showpost.php?p=753090&postcount=23

If you mean this page I assume you would copy and paste the same code listed in that post into your show thread template. But I am just guessing.

[KuRi]

thanx for your help.... i missed that post whilst skimming through

[Xplorer4x4]

If this was clarfied before I missed it as well, but i needed a way to change the color of the mouse over. For example I have the Power blue skin instaled as my default. The mouseover did not show up because Alt1 and Alt2 were the same.

I went through and changed Alt 2(in red)
onmouseover="this.className='alt2Active'"
to .legend in my case. To try a diffrent color, in your CSS options each table has a name in the bottom left corner of it. Just try those various classes in place of Alt2 untill you fidn oen that works. :)

[matt2cacnio]

for some reason that mouseover effect does not work with the bo20 skin thats in this site. It only works for the default skin?

[loonytune15]

did you make the appropriate changes in the bo20 skin's templates?

[Doc Great]

Great, it also works for 3.0.x :D

Do you also have a way for recent threads (vBadvanced)? :)

<if condition="$mods['modcol'] == 1">

<tr>
<if condition="$mod_options['portal_threads_showicon']">
<td class="alt2"><if condition="$show['threadicon']"><img alt="" border="0" src="$thread[threadiconpath]" title="$thread[threadicontitle]" /></if></td>
</if>

<td class="alt1">
<if condition="$thread['subscribed']">
<span style="float:$stylevar[right]"><img alt="" class="inlineimg" src="$stylevar[imgdir_misc]/subscribed.gif" title="$vbphrase[you_are_subscribed_to_this_thread]" /></span>
</if>
<b><span style="font-size:11px"><a href="$vboptions[bburl]/showthread.php?t=$thread[threadid]" title="$thread[preview]">$thread[title]</a></span></b>

<if condition="$thread['rating']">
<span style="float:$stylevar[right]"><img alt="" src="$stylevar[imgdir_rating]/rating_$thread[rating].gif" title="<phrase 1="$thread[votenum]" 2="$thread[voteavg]">$vbphrase[thread_rating_x_votes_y_average]</phrase>" /></span>
</if>

<div class="smallfont"><span style="cursor:pointer" onclick="window.open('$vboptions[bburl]/member.php?$session[sessionurl]u=$thread[postuserid]')">$thread[postusername]</span>
</div>

<if condition="$mod_options['portal_threads_showdate']"><div class="smallfont">$thread[postdate] $thread[posttime]</div></if>
</td>
<if condition="$show['lastpost']">
<td class="alt2">
<div class="smallfont" style="text-align:right; white-space:nowrap">$thread[lastpostdate] <span class="time">$thread[lastposttime]</span><br /><phrase 1="$vboptions[bburl]/member.php?$session[sessionurl]find=lastposter&amp;t=$thread[threadid]" 2="$thread[lastposter]">$vbphrase[by_x]</phrase> <a href="$vboptions[bburl]/showthread.php?$session[sessionurl]goto=lastpost&amp;t=$thread[threadid]"><img alt="" border="0" src="$stylevar[imgdir_button]/lastpost.gif" title="$vbphrase[go_to_last_post]" /></a></div>
</td>
</if>
<td align="center" class="<if condition="$show['lastpost']">alt1<else />alt2</if>"><span class="smallfont">$thread[replycount]</span></td>

<td align="center" class="<if condition="$show['lastpost']">alt2<else />alt1</if>"><span class="smallfont">$thread[views]</span></td>
<if condition="$mod_options['portal_threads_showforum']">
<td class="<if condition="$show['lastpost']">alt1<else />alt2</if>"><span class="smallfont"><a href="$vboptions[bburl]/forumdisplay.php?$session[sessionurl]f=$thread[forumid]">$thread[forumtitle]</a></span></td>
</if>
</tr>

<else />

<tr>
<td class="$bgclass">
<if condition="$show['threadicon']">
<img alt="" src="$thread[threadiconpath]" border="0" title="$thread[threadicontitle]" />
</if>
<if condition="$thread['subscribed']">
<img alt="" class="inlineimg" src="$stylevar[imgdir_misc]/subscribed.gif" title="$vbphrase[you_are_subscribed_to_this_thread]" />
</if>
<span class="smallfont"><strong><a href="$vboptions[bburl]/showthread.php?t=$thread[threadid]" title="<if condition="$thread[preview]">$thread[preview]

</if>$vbphrase[by] $thread[postusername] <if condition="$mod_options['portal_threads_showdate']">$thread[postdate] $thread[posttime]</if>">$thread[title]</a></strong></span>

<if condition="$thread['rating']">
<div style="margin-top:4px"><img alt="" src="$stylevar[imgdir_rating]/rating_$thread[rating].gif" title="<phrase 1="$thread[votenum]" 2="$thread[voteavg]">$vbphrase[thread_rating_x_votes_y_average]</phrase>" /></div>
</if>
<if condition="$show['lastpost']">
<div class="smallfont" style="margin-top:4px"><a href="$vboptions[bburl]/showthread.php?$session[sessionurl]goto=lastpost&amp;t=$thread[threadid]"><img alt="" border="0" src="$stylevar[imgdir_button]/lastpost.gif" title="$vbphrase[go_to_last_post]" /></a> $vbphrase[last_post_by] <a href="$vboptions[bburl]/member.php?find=lastposter&amp;t=$thread[threadid]">$thread[lastposter]</a></div>
<div class="smallfont">$thread[lastpostdate] <span class="time">$thread[lastposttime]</span></div>
</if>
<if condition="$mod_options['portal_threads_showforum']">
<div class="smallfont"><a href="$vboptions[bburl]/forumdisplay.php?$session[sessionurl]f=$thread[forumid]">$thread[forumtitle]</a></div>
</if>
<div class="smallfont">$thread[replycount] $vbphrase[replies], $thread[views] $vbphrase[views]</div></td>
</tr>
</if>

[Mr Chad]

is it possible to change the mouse over color where you can directly enter it into the template so i dont have to change my Alt colors?

[Xplorer4x4]

is it possible to change the mouse over color where you can directly enter it into the template so i dont have to change my Alt colors?

Much easier to search a thread then wait for an answer. ;) I answered this in post: https://vborg.vbsupport.ru/showpost.php?p=766385&postcount=31

Thats the only method i was able to find. Perhpas somone else can find a method to use hex codes, but I couldn't.

[mohhas]

Thanks very much for this cool effect

[Logikos]

Much easier to search a thread then wait for an answer.

As you may have noticed. The support tick is not checked. ;)

[Ramsesx]

Very sweet, thank you. But with the new Opera 8.50 it's looking a little bit funny (screenshot) :D

[Xplorer4x4]

@Livewire..Didn't notice it :p (honestley). @Ramsesx - It looks like your Alt1 and Alt2 are the same color.(White) Use my method above to change the color.

[Kran]

Installed. Works perfectly (at least in my case) thanks!

[matt2cacnio]

did you make the appropriate changes in the bo20 skin's templates?

yes i did. Im pretty sure i did it on the bo20's than the default skin.

[Kran]

Very sweet, thank you. But with the new Opera 8.50 it's looking a little bit funny (screenshot) :D

I just checked it in Opera as well and it doesn't work, anyone have a fix?

[Kihon Kata]

clickerzzz :ermm:

[revlimiter]

the rollovers work slow in IE but great in Firefox --- anyone else run into this problem?
(also, no hand cursor in Firefox)

Cheers,

[Xplorer4x4]

yes i did. Im pretty sure i did it on the bo20's than the default skin.

I believe the problem is because your alt1 and alt 2 are the same.

Try this method: https://vborg.vbsupport.ru/showpost.php?p=766385&postcount=31

[Snake]

Wow lovely.

[dsotmoon]

works great, thanks

[phonexpo]

Installed, thank you... ;)

[hamedatl]

This seems to work for the list of forums, but if you go in a forum and try to hover over different threads, it doesn't work. Do you know what template needs to be edited for that? Thanks.

Edited: Oh, boy, I forgot to read the whole thread and I found the code there. Sorry.

By the way, this works great on Safari too, for anyone who cares.

[karrerax]

Installed. Great MOD!
Thanks :nervous:

[Quillz]

Just installed it. Works great. I was wondering, though... Is it possible to not make the entire cell linked? I want only the text to remain linked, as it was before I installed this modification...

[TygerTyger]

Just installed it. Works great. I was wondering, though... Is it possible to not make the entire cell linked? I want only the text to remain linked, as it was before I installed this modification...

Just remove the entire onclick statement, and style="cursor:hand;" statement from the replacement code.

[Robbed]

Anyone know why in Firefox when you hover on a category the hand icon doesn't show up.

Thanks.

[TygerTyger]

It won't show up if you followed my instructions as above to prevent the entire cell being a hyperlink. You can force the hand icon even if it's not a hyperlink by leaving in style="cursor:hand;" although your users might find it confusing.

[Robbed]

It works in IE but not firefox, but i guess i can remove the cursor hand code so it's the same as the threads.

[Kovash]

If this was clarfied before I missed it as well, but i needed a way to change the color of the mouse over. For example I have the Power blue skin instaled as my default. The mouseover did not show up because Alt1 and Alt2 were the same.

I went through and changed Alt 2(in red)
onmouseover="this.className='alt2Active'"
to .legend in my case. To try a diffrent color, in your CSS options each table has a name in the bottom left corner of it. Just try those various classes in place of Alt2 untill you fidn oen that works. :)

Small thing to add to this for people who don't want to usurp a whole Style slot.

If you check in your style options down at 'Additional CSS Definitions' you can add a code into the second box, like this;

.forumrollover
{
background: #6E81A0;
color: #000000;
}

Then change the template code to match as you suggested, but using the 'forumrollover' instead of one of the default ones. This way, if you ever use the default one you would have used otherwise, you don't have to have them both the same... if you get my meaning... somehow I don't think I was to coherent :s

But yeah, I use it, works great, and because of ^that^ method, I don't have to have alternating colours across my forum, yay!

*clicks install

[ViViD]

Hello ,
I Installed it on my forums but there is a small but noticable delay in changing when I move mouse over the cell. Has anyone know what is the problem ? also the problem is not related to it's background image or it's border I added to it's CSS class .

( the delay only appears in IE 6.0 but not Opera or FFox ) ...

[edited URL]

Any help appreciated

[ProperMethodz]

Where do you adjust the alternating colors? I can't seem to make it work. :(

[J?Y.]

Excellent, Thanks

[ggiersdorf]

Small thing to add to this for people who don't want to usurp a whole Style slot.

If you check in your style options down at 'Additional CSS Definitions' you can add a code into the second box, like this;

.forumrollover
{
background: #6E81A0;
color: #000000;
}

Then change the template code to match as you suggested, but using the 'forumrollover' instead of one of the default ones. This way, if you ever use the default one you would have used otherwise, you don't have to have them both the same... if you get my meaning... somehow I don't think I was to coherent :s

But yeah, I use it, works great, and because of ^that^ method, I don't have to have alternating colours across my forum, yay!

*clicks install

I did this and it works nicely, but I notice when I rollover forums they tend to move out of position like they move up and left like 2 pixels is there a way to make the Text stay fixed and just have to color rollover?!

[HumourForum.com]

Appears to conflict with the "Forum Image Border" hack.

[ggiersdorf]

Anyone have an answer for my question two post's above? Its quite annoying..

[Doc Great]

For correct CSS you have to replace style="cursor:hand;" with style="cursor: pointer;"

[Ramsesx]

Hm, if I change this, it's the same, the hand is showing.

[TygerTyger]

It's just to make it compliant across various browsers. Cursor:hand is proprietary.

[Ramsesx]

Ok, understand, thank you.

[admin0]

Does this cause the CPU a bit more ? like feeling a bit slow ..?

[Snake]

Is it possible to remove the clickable part of the mouseover effect? I don't like it.

[Macclaren]

all I want to know is how do I change the color on the roll over so when I put the mouse over it it'll show cause my forum is a black one (the background) itworked on the other one but not on the main forum page!! thank you for your help (newbie), sorry!!!

[Warrior]

Perfect - and took no more than 2 minutes to do :nervous:

[YOimYO]

Is it possible to remove the clickable part of the mouseover effect? I don't like it.

yeah i had to remove the clickable part to make it work with subforum dropdown menus ;)

to do that just delete this part of the code

onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]';"

[Snake]

Bingo!

[Lpspider]

yeah i had to remove the clickable part to make it work with subforum dropdown menus ;)

to do that just delete this part of the code

onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]';"


Doesn't seem to work for me. :/

[hotwheels]

schweet........Clicks *install*

[Snake]

Well it does for me. Recheck your edits again.

[craiovaforum]

Very sweet, thank you. But with the new Opera 8.50 it's looking a little bit funny (screenshot) :D

im having the same problem too. my guess is its an opera bug it has nothing to do with the code.
p.s. it only looks funny for the smaller cells. for the taller ones (the ones that have bigger description) it looks ok. weird

[Logikos]

Could possiable be a opera bug, but I don't use opera and have no idea how I could make a work around for it. Sorry guys.

[sinan318]

cool... installlllled

[swa]

thanks for great hack!

[drumsy]

I attempted to have the same effect in the forumdisplay utilizing the following code that I assembled from this thread creator's code and a previous poster. I am running into a problem though where I cannot force the hand to show in the forum display.

Edited in the threadbit template

<td class="alt1Active" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor: pointer;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';" onclick="window.location.href='showthread.php?$session[sessionurl]t=$thread[threadid]';">

[silurius]

Beautiful!

[Dark_D]

Works like a charm on 3.5.3, thanks

[kregger]

I like it a lot! *Install*

Craig

[Club3G]

Working, but it's changing my forum font to 9 pixels instead of 10, and causing my cells to shift:

http://www.sevenstring.org/chris/rolloverissue.jpg

How do I get around this? Thanks!

* Club3G clicks install

[Club3G]

Fixed. I had to do the following, for anyone encountering a similar problem:

Add this to the main CSS. If your style isn't using verdana in that cell, substitute which font you're looking for.


/* ***** Forum Rollover Coloring ***** */
.forumrollover
{
background: #555555;
color: #CCCCCC;
font: verdana;
}


Where the colors are from your alt2Active settings.

Then where this is present:


onmouseover="this.className='alt2Active'


Change to:


onmouseover="this.className='forumrollover'


Hope that helps anyone that might run into the same problem. IMHO this is a better way of doing it, as someone else mentioned, since it uses a separate CSS slot for a very specific feature, and it'll allow you to edit the color to your choosing without changing your alt2Active color settings globally.

- Chris

[RYoBiOS]

Is it possible even in thread pages?

[Club3G]

Is it possible even in thread pages?

Yeah, just make the same changes to I believe, threadbit.

Done my way (see a few posts up) with a CSS variable for the rollover:

Replace:


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]">


With:


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1';">

[QueenBee]

wow i actually did it, but is there any way i can change the color of it?? i have a light theme, and the color that it makes is bothering my eyes.

thanks

[Club3G]

wow i actually did it, but is there any way i can change the color of it?? i have a light theme, and the color that it makes is bothering my eyes.

thanks

Yup.

In the main CSS for your style, add this to the bottom of the "Additional CSS Definitions" block down the bottom.


/* ***** Forum Rollover Coloring ***** */
.forumrollover
{
background: #555555;
color: #CCCCCC;
font: verdana;
}


You might not need the color and font lines, I have them in there to fix the bug I posted a few posts up. If you're not using the verdana font, you definitely don't want that in there. ;)

Change the #555555 to whichever color you want to change to.

Then in the template edits, change:


onmouseover="this.className='alt2Active';"


to


onmouseover="this.className='forumrollover';"


That way if you every want to change it, just edit the CSS entry.

[QueenBee]

ok it worked, but is it supposed to stay colored?? when u mouse over them it stays that color. is that right???

thanks 4 your help:D

[Club3G]

ok it worked, but is it supposed to stay colored?? when u mouse over them it stays that color. is that right???

thanks 4 your help:D

When you move the mouse off of it, it's not changing back? When the mouse is over the forum, it should change to the new color, but when you move it off, it should go back to the default look.

Can you post the whole code snippet? :)

[QueenBee]

no its not changing. :ermm: which code did u want?? the one from the templates or the one from the main css?

[Club3G]

If it helps, QueenBee, here are my templates. I took out the cursor change.

This is in my threadbit template to make the thread view rollover, as seen here:

http://www.sevenstring.org/forum/forumdisplay.php?f=23


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1';">


For the forumhome rollovers, as seen here:

http://www.sevenstring.org/forum/index.php

Edit the forumhome_forumbit_level1_post template:

<!-- Rollover Mod -->
<td class="alt1Active" colspan="2" align="$stylevar[left]" id="f$forum[forumid]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1active';">
<!-- /Rollover -->


And the forumhome_forumbit_level2_post template.

<!-- Rollover Mod -->
<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1Active';">
<!-- /Rollover -->

[Club3G]

no its not changing. :ermm: which code did u want?? the one from the templates or the one from the main css?

Aah, you're missing a bit o' code, I'm looking at your website right now. :)

Your source is:


<td class="alt1Active" colspan="2" align="left" id="f14" style="cursor:hand;" onmouseover="this.className='forumrollover';"onclick="window.location.href='forumdisplay.php?


You need to add this:


onmouseout="this.className='alt1Active';"


Mouseout is when your mouse isn't over it anymore. ;)

[QueenBee]

im lost, u want me to put those codes in?

is "threadbit edit:" the main css code?

[Club3G]

Sorry, I'll clarify for ya. :) Editin' my post now.

[Club3G]

im lost, u want me to put those codes in?


is "threadbit edit:" the main css code?

Awrighty, edited. Your main CSS code is fine, the problem you have right now is in these two templates:

forumhome_forumbit_level1_post
forumhome_forumbit_level2_post

You just need to add in:


onmouseout="this.className='alt1Active';"


Right after this:


onmouseover="this.className='forumrollover';"


Make sure there's a space between the quotation marks and the next letter. :)

[QueenBee]

you r fabulous!!




http://i25.photobucket.com/albums/c74/cherrymom/TY-BlueBox1.gif

[QueenBee]

do u think its too dark??

[Club3G]

you r fabulous!!

http://i25.photobucket.com/albums/c74/cherrymom/TY-BlueBox1.gif

Wahoo, ya got it! :D Glad to help. :)

[Club3G]

do u think its too dark??

It's changing the color of the forum description text, that makes it a wee hard to read, it's my fault too.

In the main CSS, change the #CCCCCC to #000000, that'll keep it black and will show up a lot better.

[QueenBee]

its beautiful! thanks again :*

[Club3G]

its beautiful! thanks again :*

Anytime - it looks great, very nice layout you have there. :)

[QueenBee]

i think so too:). im new so i have to find skins. and this is one of 3 girlie ones ive found. LOL


hey can i ask u something? im tryiing to do the welcome panal install, and i dont know how to create a template. any idea?? :ermm:

[Club3G]

i think so too:). im new so i have to find skins. and this is one of 3 girlie ones ive found. LOL


hey can i ask u something? im tryiing to do the welcome panal install, and i dont know how to create a template. any idea?? :ermm:

Yup. :)

Style Manager -> dropdown box for the style -> Add new Template

Feel free to PM me if you get stuck, so we don't derail Live Wire's hack thread. :devious:

[QueenBee]

i dunno how to thank u enough!! ;)

[QueenBee]

hmm, ok now its saying invalid file specified when i upload the xml file :devious:

any ideas??

[Club3G]

hmm, ok now its saying invalid file specified when i upload the xml file :devious:

any ideas??

I believe so. :)

Check here:

https://vborg.vbsupport.ru/showthread.php?p=873802#post873802

(Just so we get the discussion in the thread for the welcome panel)

[RYoBiOS]

Thank Club3G,now it's OK

[Club3G]

One small issue has me puzzled.

The mouseovers are working on forumdisplay, but if I go into a category view, the mouseout doesn't work anymore.

http://www.sevenstring.org/forum/forumdisplay.php?f=4

In viewing my code it appears that the mouseout call is there, and the CSS tag is defined, but mouseout kills the background.

Any ideas appreciated. :)

Edits: It's not the ID tag, and viewing my source looks like it should work just fine.

:confused:

[RYoBiOS]

and in new post in vBadvanced,in home page,is it possible?
How? :)

[Club3G]

I believe it should be, I'm going to try it this evening/tomorrow and if successful I'll post it up.

[mbader71]

cool

installed

[Mike-D]

Is it possible even in thread pages?

Yeah, just make the same changes to I believe, threadbit.
Done my way (see a few posts up) with a CSS variable for the rollover:

Replace:


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]">


With:


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1';">


Thank you very much, Life Wire. I installed your nice hack and it works ;)

Attn To 'Club3G'
You know what? It works. But there seems a slight problem...

Problem When I'm in my threads I can't click to view what's inside the threads. That means I can see the MouseOver effect. And when I click within the MouseOver area I get an invalid link of my threads. Do you know what's wrong ?

Here's mine...

<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor:pointer;"onmouseover="this.className='forumrollover';" onmouseout="this.className='alt1';"onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]';">

Anyways thank you for your time and your help ;) ! -Mike

[Logikos]

v1.2 Released. If you want to add the same effect to your threadlist area. Please redownload instructions :)

[Mike-D]

v1.2 Released. If you want to add the same effect to your threadlist area. Please redownload instructions :)
Hi Ken ;)
thank you soooo much for your great update. I installed it right now and it works great. Now it works much better and my previous problem about the MouseOver in threads has been solved ;)
Greetings from Cologne. -Mike

THANK YOU VERY MUCH, KEN !!! You da man ;)

[Logikos]

Thanks Mike, glad it worked for you :)

[Borgs8472]

v2 O RLY?

[Doc Great]

Still not valid CSS! cursor:hand ==> cursor:pointer

Really great would be a hover-effect for

<td class="smallfont"><a href="$vboptions[bburl]/showthread.php?t=$thread[threadid]" title="$thread[preview]"><if condition="$show['gotonewpost']"><strong>$thread[title]</strong><else />$thread[title]</if></a><br /><div class="smallfont"><span style="cursor:pointer" onclick="window.open('$vboptions[bburl]/member.php?$session[sessionurl]u=$thread[postuserid]')">$thread[postusername]</span>
</div>
</td>

[Logikos]

Still not valid CSS! cursor:hand ==> cursor:pointer



What part of the threadbit are you editing? The correct way to do it, which is in the instructions is.


<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor:hand;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';" onclick="window.location.href='<if condition="$show['gotonewpost']">showthread.php?$session[sessionurl]goto=newpost&amp;t=$thread[threadid]<else />showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]</if>';">

Not....


<td class="smallfont"><a href="$vboptions[bburl]/showthread.php?t=$thread[threadid]" title="$thread[preview]"><if condition="$show['gotonewpost']"><strong>$thread[title]</strong><else />$thread[title]</if></a><br /><div class="smallfont"><span style="cursor:pointer" onclick="window.open('$vboptions[bburl]/member.php?$session[sessionurl]u=$thread[postuserid]')">$thread[postusername]</span>
</div>
</td>

[Doc Great]

Hi LW,

for sure! The code above is from my portal :D a mouseover/hover for it would be great.

[Mike-D]

Still not valid CSS! cursor:hand ==> cursor:pointer
I'm sure Ken will fix it asap. Give him the time he needs to get it fixed, Sven ;) -Mike

[Doc Great]

I'm sure Ken will fix it asap. Give him the time he needs to get it fixed, Sven ;) -Mike
Are you serious? https://vborg.vbsupport.ru/showthread.php?p=818525#post818525 :D:D

[lefthome]

Nice improvement to this hack. thanks!:banana:

[Mike-D]

Are you serious? https://vborg.vbsupport.ru/showthread.php?p=818525#post818525 :D:D
Yes I am. Probably I didn't see the prev thread :) -Mike

[Azra_el]

Hello
Installed your version.. and tried every possible modification including the one made by Chris-777. Works PERFECT in IE .. but it gets screwed up in Opera. Incomplete cells and when mouseout , leaves the mouseout.color untill u get mouseover again.
Any possible solution to this? Or it just DOESNT work with opera? Or what am i doing wrong. cuz when i check http://www.sevenstring.org/forum/index.php? it works perfect even in opera.

PS. i managed to modify the threadbit to work with mouse over perfect even in Opera. Seems that forumhome only has problems.

Cheerio

[Omranic]

great edit
most people like it
thanks

[simsimt]

Interesting that this hack is the nearest one to achieve alternating row colors on forumhome & forumdisplay. What should I edit to make this works without the mouse over effect?

[G_Man]

*scratches head*

Other than installing the skin, this is my first 'hack'...

Works great in the forums, but I see no change on the Forum Home page? Ideas?

And I love the effect, thanks. :D

[QueenBee]

can anyone tell me how to change the color?

[QueenBee]

mine is mouseovering black. anyone?

thanks

[QueenBee]

bumping

[Logikos]

Chill with the triple posting. I don't jump when you ask. The colors are defined in the CSS. class="alt1Active".

[QueenBee]

Chill with the triple posting. I don't jump when you ask. The colors are defined in the CSS. class="alt1Active".


i tried that. it didnt work. its still black

[Ragnarok]

Just remove the entire onclick statement, and style="cursor:hand;" statement from the replacement code.
This little tidbit was the dealmaker for me. Clicked install. ^^

[QueenBee]

::clicks uninstall::

[khaleel]

Good mod, thankyou

[yumyumcat]

I would like to try and install this, but I don't understand anything ya'll are sayin ~ I have an administrator, but I can't keep asking him to help me; as he's in college and studying for his career.

When I go to the administrator panel, I don't see where I should go to install this ~

I don't see this template forumhome_forumbit_level2_post to even begin installing it lol ~ What am I doing wrong; obviously something lol ~

*totally embarrassed here*

[yumyumcat]

Okay, found the template, but now trying to figure out the color ~ I'lll get this yet;

[yumyumcat]

does this mean I have to pick a color? "this.className= etc..?

Or can I just copy and paste the whole thing that you gave me into the correct part of the template?

[yumyumcat]

Well, I finally installed it, it wasn't as hard as I thought ~ But hey, thanks for all your support.

[zama]

I like it. That would help me customise my board well.

[Logikos]

Thanks for installing. :)

[Trana]

I just confirmed that this works with the CMPS latestthreads module.

I replaced the <TD> with the following:

<td class="alt1" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor:hand;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';" onclick="window.location.href='$vboptions[bburl]/showthread.php?t=$thread[threadid]';">

This points it to the first post which matches the href of the thread title text. Also I added the bburl option as the previous code would not work properly within the module.

This is a great little hack, I'm going to try it in a few other places as well.

[nufc fan]

good hack ive just used it on my thread section looks wicked

[Wongod]

I just tried installing and it works great except on the threadbit area, the cursor doesn't switch to a hand but stays as the arrow. Any ideas?

[forumthemes]

** Clicks Install ** :) thank you

[kobescoresagain]

Thanks for a great product.

[socalsoccer]

I just tried installing and it works great except on the threadbit area, the cursor doesn't switch to a hand but stays as the arrow. Any ideas?

Same problem I am having , and hand is listed in threadbit area.

socalsoccer.com

[b4stu]

Installed! Great Mod but On IE it is kinda slow!

anyone knows why and how to solve this?

[Logikos]

Not really sure why it would be, could be DirectX or the server. Also for those who say the hand don't show up cause of FF. I'll look into the fix for that, though it might be a FF thing.

[Floris]

Installed! Nice .. tnx for putting this back into 35 :)

[xxshatteredsoul]

Hey could you post the code I need to change so that in the second column I get the alt2.

Example:

Alt1=Black
Alt2= White

Currently you have it where when you mouseover forum name catagory it changes alt1 black to alt2 white. The second catagory where Last Post is located does nothing and I would like to have the mouseover effect on that to alt2black to alt1 white. Get what I mean :confused: ?

[Tralala]

One thing to note, this forumhome mouseover seems to affect mods' ability to double-click the line to rename a thread (via AJAX.)

[xxshatteredsoul]

bump 2 posts up for the al2^

[xOzzie]

Very nice!

*Clicks Install*

/edit - Oops! Works on my test forum but not the live forum. Templates are identical. Will investigate.....

[xOzzie]

LOL. It does work on my live forum but it seems to be a problem with one of my browsers. It works fine if I access the forum from my laptop but not from my desktop PC, both of which are running the Maxthon browser.

So, the problem is something local on my PC, some difference between the two browser setups.

Anyone know what browser display option might be controlling this?

/edit - nm, it was the contrast setting on the monitor. :embarrassed: ;)

[sandalwood]

One thing to note, this forumhome mouseover seems to affect mods' ability to double-click the line to rename a thread (via AJAX.)

is this true? i was about to install until i saw this :(

[sandalwood]

this doesn't seem to affect ajax :)

[Logikos]

I didn't think it did, when I updated the code; The Ajax worked fine. I would consider reinstall this Tralala. ;)

[Tralala]

It's probably a browser thing then; it affected my AJAX ability to edit thread title's by double-clicking... my primary browser is Safari.

[Jordan17]

Doesn't work in Opera. The mouseover effect is messed up.

Also, if you use this for your actual threads, not just the sub-forums, it will render the AJAX title update absolutely useless.

[Bates]

thx
--click--

[camuca]

Good one. installed thanks

[inkdot]

installed, thanks for this sexy hack :]

btw, if you use vbstyles.com layout, their threadbit uses an extra conditional and css for stickies

the old code looks like this:

<td class="<if condition="$thread['sticky'] == 1">sticky <else />alt1</if>" id="td_title_$thread[realthreadid]" title="$thread[preview]">


this is the code i used:

<td class="<if condition="$thread['sticky'] == 1">sticky<else />alt1</if>" id="td_title_$thread[realthreadid]" title="$thread[preview]" style="cursor:hand;" onmouseover="this.className='althover';" onmouseout="this.className='<if condition="$thread['sticky'] == 1">sticky<else />alt1Active</if>';" onclick="window.location.href='<if condition="$show['gotonewpost']">showthread.php?$session[sessionurl]goto=newpost&amp;t=$thread[threadid]<else />showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]</if>';">

[Nathan2006]

Thank you LiveWire

Looks really nice :)

Install;)

[ubblite]

Nice hack.

I searched this thread but haven't found detailed information on how to make this work with CMPS Latest Threads Module. If someone knows how, could you please post what code needs to be replaced/added in CMPS for this to work?

Thanks.

[Trana]

Read back in this thread a bit or on VBA for the small change needed for CMPS.