vb.org Archive - Forum Home Enhancements - Forumhome Mouseover Effect

Page 3 of 5

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- Modification Graveyard (https://vborg.vbsupport.ru/forumdisplay.php?f=224)

- - Forum Home Enhancements - Forumhome Mouseover Effect (https://vborg.vbsupport.ru/showthread.php?t=92600)

drumsy

01-07-2006 07:08 PM

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

PHP Code:


		
			
<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

01-07-2006 09:03 PM

Beautiful!

Dark_D

01-09-2006 11:19 PM

Works like a charm on 3.5.3, thanks

kregger

01-13-2006 01:05 AM

I like it a lot! *Install*

Craig

Club3G

01-14-2006 10:26 PM

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!

[high]* Club3G clicks install[/high]

Club3G

01-14-2006 10:50 PM

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.

Code:

/* ***** Forum Rollover Coloring ***** */

 .forumrollover  

{

        background: #555555;

        color: #CCCCCC;

         font: verdana;

}

Where the colors are from your alt2Active settings.

Then where this is present:

Code:

onmouseover="this.className='alt2Active'

Change to:

Code:

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

01-14-2006 11:15 PM

Is it possible even in thread pages?

Club3G

01-15-2006 04:28 AM

Quote:

Originally Posted by RYoBiOS

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:

Code:

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

With:

Code:

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

QueenBee

01-15-2006 04:38 AM

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

01-15-2006 04:49 AM

Quote:

Originally Posted by 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

Yup.

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

Code:

/* ***** 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:

Code:

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

Code:

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

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

QueenBee

01-15-2006 04:59 AM

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

01-15-2006 05:01 AM

Quote:

Originally Posted by 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

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

01-15-2006 05:05 AM

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

Club3G

01-15-2006 05:05 AM

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

Code:

<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:

Code:

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

Code:

<!-- Rollover Mod -->

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

<!-- /Rollover -->

Club3G

01-15-2006 05:08 AM

Quote:

Originally Posted by QueenBee

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:

Code:

<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:

Code:

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

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

QueenBee

01-15-2006 05:08 AM

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

is "threadbit edit:" the main css code?

Club3G

01-15-2006 05:09 AM

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

Club3G

01-15-2006 05:13 AM

Quote:

Originally Posted by QueenBee

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:

Code:

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

Right after this:

Code:

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

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

QueenBee

01-15-2006 05:17 AM

you r fabulous!!

[IMG]http://i25.photobucket.com/albums/c7...Y-BlueBox1.gif[/IMG]

QueenBee

01-15-2006 05:18 AM

do u think its too dark??

Club3G

01-15-2006 05:19 AM

Quote:

Originally Posted by QueenBee

you r fabulous!!

http://i25.photobucket.com/albums/c7...Y-BlueBox1.gif

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

Club3G

01-15-2006 05:21 AM

Quote:

Originally Posted by QueenBee

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

01-15-2006 05:24 AM

its beautiful! thanks again :*

Club3G

01-15-2006 05:25 AM

Quote:

Originally Posted by QueenBee

its beautiful! thanks again :*

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

QueenBee

01-15-2006 05:38 AM

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

01-15-2006 05:45 AM

Quote:

Originally Posted by QueenBee

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

01-15-2006 05:47 AM

i dunno how to thank u enough!! ;)

QueenBee

01-15-2006 05:53 AM

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

any ideas??

Club3G

01-15-2006 06:00 AM

Quote:

Originally Posted by QueenBee

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/showthrea...802#post873802

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

RYoBiOS

01-15-2006 09:17 AM

Thank Club3G,now it's OK

Club3G

01-15-2006 08:48 PM

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

01-16-2006 07:22 PM

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

Club3G

01-16-2006 07:31 PM

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

mbader71

01-30-2006 07:17 AM

cool

installed

Mike-D

01-30-2006 09:36 PM

Quote:

Originally Posted by RYoBiOS

Is it possible even in thread pages?

Quote:

Originally Posted by Club3G

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:

Code:

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

With:

Code:

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

PHP Code:


		
			
<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

01-31-2006 12:36 AM

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

Mike-D

01-31-2006 10:01 AM

Quote:

Originally Posted by Live Wire

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

01-31-2006 10:41 AM

Thanks Mike, glad it worked for you :)

Borgs8472

01-31-2006 10:51 AM

v2 O RLY?

Doc Great

01-31-2006 11:02 AM

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

Really great would be a hover-effect for

Code:

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

All times are GMT. The time now is 12:29 AM.

Page 3 of 5

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01622 seconds Memory Usage 1,847KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (18)bbcode_code_printable (2)bbcode_php_printable (13)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: