Print Page - Add mouseover effects to your theme

Title: Add mouseover effects to your theme
Post by: Cccddd on March 09, 2004, 01:18:38 PM

Link to Mod (http://mods.simplemachines.org/index.php?mod=13)

This mod's purpose is to help add a little depth to your site's theme, while keeping the general appearance the same. You can accomplish this by adding little "hints", such as color changes, mouseover effects, gradients, drop shadows, etc. This particular mod will create a mouseover effect on the topic title on the message index page, and board name on the board index page.

Title: Re: Add mouseover effects to your theme
Post by: Cccddd on December 09, 2004, 07:56:37 AM

Mod updated to incorporate changes in the default theme, as well as adding the BoardIndex change.

Enjoy!

Title: Re: Add mouseover effects to your theme
Post by: DuckFat on December 22, 2004, 12:15:24 PM

Very good, but the highlighting isn't working on the child board index at the top of the parent board. How can I fix that?

Title: Re: Add mouseover effects to your theme
Post by: Jerry on December 22, 2004, 12:57:15 PM

Open /Themes/default/MessageIndex.template.php
Find:

Code Select

				<td align="left">
					<b><a href="', $board['href'], '" name="b', $board['id'], '">

Replace with

Code Select

				<td align="left" onMouseOver="this.className=\'windowbg\'" onMouseOut="this.className=\'windowbg2\'">
					<b><a href="', $board['href'], '" name="b', $board['id'], '">

That should do it

Title: Re: Add mouseover effects to your theme
Post by: DuckFat on December 22, 2004, 02:16:43 PM

Hmm... well, that messed everything up.

I'm working from a copy of the default theme. Is that what your fix is for?

The above crashed the theme at first. I went in and remover the spaces from the code and the theme loaded but the board name link was missing and the entire description became the child board's link.

Title: Re: Add mouseover effects to your theme
Post by: Jerry on December 22, 2004, 11:55:12 PM

it shouldn't have done that, worked fine when I tested it on my default theme ;) maybe you can paste exactly what part you changed and the error you got?

Title: Re: Add mouseover effects to your theme
Post by: ivo2296 on January 27, 2005, 11:07:13 PM

The advise works super to me :)

Thanks!

Title: Re: Add mouseover effects to your theme
Post by: wotamix on March 17, 2005, 04:41:29 PM

will be writing into my new theme, thanks alot mate.

tristan gordon

Title: Re: Add mouseover effects to your theme
Post by: devilkin on July 24, 2005, 05:37:14 AM

Works perfectly, I've added it to my theme. Perhaps this could be made into a mod?

Title: Re: Add mouseover effects to your theme
Post by: Escobar on September 22, 2005, 07:59:28 AM

Will this work with Smf 1.05?

Title: Re: Add mouseover effects to your theme
Post by: Klozi on September 22, 2005, 12:04:19 PM

Works great for 1.0.5!

It is possible to make this shine into the "Last Post" Box, right below the "Forum name" box. You know what I mean?

Title: Re: Add mouseover effects to your theme
Post by: meyersmp on November 16, 2005, 10:03:36 PM

I'm trying to do this mod to my classic theme but I can't seem to find the corresponding code for the Boardindex.template.php file.

If any genius out there has a few moments to figure this one out I'd be most appreciative.

Title: Re: Add mouseover effects to your theme
Post by: !Hachi! on November 16, 2005, 10:14:46 PM

try this works fine with me.
search for "line 99"

Code Select

<td class="windowbg2" align="left" width="60%">
replace with

Code Select

<td align="left" onMouseOver="this.className=\'windowbg\'" onMouseOut="this.className=\'\'">

hope this will works. ;)

Title: Re: Add mouseover effects to your theme
Post by: Ed Bowers on November 26, 2005, 03:12:24 PM

This works great. I put it in both the themes I've made for my site. Awesome job. :D

Title: Re: Add mouseover effects to your theme
Post by: PopLife on January 06, 2006, 02:40:28 AM

Will this mod be updated to 1.1RC1? Or even RC2?

Title: Re: Add mouseover effects to your theme
Post by: !Hachi! on January 06, 2006, 08:19:44 AM

well you can do this on your own as its not MOD actually you add few lines in 2 files so why not to mess with php and figure it out. :P
just kidding. well i am working on this hope to post it asap. ;)

Title: Re: Add mouseover effects to your theme
Post by: mattness on February 22, 2007, 01:14:26 AM

Can you give any examples how to tweak this mod?
I'm not a programmer, but I feel that this mod has potantial :)

Title: Re: Add mouseover effects to your theme
Post by: David79 on March 29, 2007, 10:36:43 PM

would love to see an example as well because I could only get the subject area to show the effect....and not the main index board area

Simple Machines Community Forum

Customizing SMF => Modifications and Packages => Topic started by: Cccddd on March 09, 2004, 01:18:38 PM