Advertisement:

Author Topic: Add mouseover effects to your theme  (Read 19320 times)

Offline Jim Yarbro

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,592
  • a.k.a. Cheschire
    • Warpstorm
Add mouseover effects to your theme
« on: March 09, 2004, 01:18:38 PM »
Link to Mod

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.
Just because SMF isn't as bloated as you want it from the start doesn't mean it can't be. -[Unknown]

^ This means keep Simple Machines SIMPLE, and let people make ****** as complex as they want on their own. Stop making ****** so complex in the core!!

Offline Jim Yarbro

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,592
  • a.k.a. Cheschire
    • Warpstorm
Re: Add mouseover effects to your theme
« Reply #1 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!
Just because SMF isn't as bloated as you want it from the start doesn't mean it can't be. -[Unknown]

^ This means keep Simple Machines SIMPLE, and let people make ****** as complex as they want on their own. Stop making ****** so complex in the core!!

Offline DuckFat

  • Semi-Newbie
  • *
  • Posts: 40
    • HomoMojo
Re: Add mouseover effects to your theme
« Reply #2 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?
-- DuckFat


Offline Jerry

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,903
  • Gender: Male
  • What? I can't hear you over my awesomeness!!
    • PlanetSMF
Re: Add mouseover effects to your theme
« Reply #3 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
- Jerry
Find me on:
Facebook
Twitter
PlanetSMF

"If all you look for is the negative in things, you will never see the positive."

Offline DuckFat

  • Semi-Newbie
  • *
  • Posts: 40
    • HomoMojo
Re: Add mouseover effects to your theme
« Reply #4 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.
-- DuckFat


Offline Jerry

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,903
  • Gender: Male
  • What? I can't hear you over my awesomeness!!
    • PlanetSMF
Re: Add mouseover effects to your theme
« Reply #5 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?
- Jerry
Find me on:
Facebook
Twitter
PlanetSMF

"If all you look for is the negative in things, you will never see the positive."

Offline ivo2296

  • Full Member
  • ***
  • Posts: 514
  • Gender: Male
  • SMF Bulgarian Translator
Re: Add mouseover effects to your theme
« Reply #6 on: January 27, 2005, 11:07:13 PM »
The advise works super to me :)

Thanks!

Offline wotamix

  • Semi-Newbie
  • *
  • Posts: 20
  • Gender: Male
    • wotamix - off the beat
Re: Add mouseover effects to your theme
« Reply #7 on: March 17, 2005, 04:41:29 PM »
will be writing into my new theme, thanks alot mate.

tristan gordon
www.wotamix.co.uk [nofollow] - off the beat

Offline devilkin

  • Semi-Newbie
  • *
  • Posts: 48
  • Gender: Male
    • k c o r e . o r g
Re: Add mouseover effects to your theme
« Reply #8 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?
SMF 1.1.1, located at http://www.aelst.be/smf/

Offline Escobar

  • Semi-Newbie
  • *
  • Posts: 86
Re: Add mouseover effects to your theme
« Reply #9 on: September 22, 2005, 07:59:28 AM »
Will this work with Smf 1.05?
I chose SMF because you get your questions answered.

Offline Klozi

  • Full Member
  • ***
  • Posts: 478
  • Gender: Male
  • 1st Multinational Music
    • youpromi on Facebook
    • @youpromi_com on Twitter
    • YouPromi Entertainment
Re: Add mouseover effects to your theme
« Reply #10 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?
YouPromi Entertainment

Offline meyersmp

  • Jr. Member
  • **
  • Posts: 110
Re: Add mouseover effects to your theme
« Reply #11 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.

Offline !Hachi!

  • SMF Hero
  • ******
  • Posts: 1,666
  • Gender: Male
    • pakurdu.net
Re: Add mouseover effects to your theme
« Reply #12 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. ;)     
Happy Ramadan

Offline Ed Bowers

  • Semi-Newbie
  • *
  • Posts: 31
Re: Add mouseover effects to your theme
« Reply #13 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
Proud Paratrooper of the 82nd Abn Div.

US Paratroopers
History, Camaraderie, Service

Offline PopLife

  • Jr. Member
  • **
  • Posts: 336
    • Under Construction
Re: Add mouseover effects to your theme
« Reply #14 on: January 06, 2006, 02:40:28 AM »
Will this mod be updated to 1.1RC1? Or even RC2?

Offline !Hachi!

  • SMF Hero
  • ******
  • Posts: 1,666
  • Gender: Male
    • pakurdu.net
Re: Add mouseover effects to your theme
« Reply #15 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. ;)
Happy Ramadan

Offline mattness

  • Semi-Newbie
  • *
  • Posts: 15
    • Shadowrun Polska. Serwis RPG
Re: Add mouseover effects to your theme
« Reply #16 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 :)

Offline David79

  • Semi-Newbie
  • *
  • Posts: 55
  • Gender: Male
Re: Add mouseover effects to your theme
« Reply #17 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
« Last Edit: March 29, 2007, 10:46:16 PM by Wild Man »