News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

BoardHover Mod

Started by butchs, January 28, 2008, 06:03:27 PM

Previous topic - Next topic

butchs

The mod does not look for keystrokes.

I just tested the mod with 5 different browsers both Windows and Mac and I can not duplicate the issue.  Center click, ctrl click and links work fine.

Maybe the manual installation is not correct or another mod is contributing to the problem.

What version of SMF are you using?
What version of the mod?
Attach the php file and show me the code you do not like.
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

kbrookes

Here's the code I'm seeing:


<td class="info" onclick="window.location.href='http://www.bestcafes.com.au/forum/index.php?board=8.0'" name="b8">
<a class="subject" href="http://www.bestcafes.com.au/forum/have-your-say/" name="b8">Have your say</a>&nbsp;<a href="http://www.bestcafes.com.au/forum/have-your-say/?action=.xml;type=rss">
<img src="http://www.bestcafes.com.au/forum/Themes/Crema2.0/images/rss.png" alt="rss" /></a>
<p>General comments, questions or opinions about coffee</p>
</td>


I've refined my understanding of how this is interacting with users click events:


  • The only instance where it does not refresh the original window with the link is when using the right-click menu to open in a new window or tab
  • If middle clicking, command-clicking (Mac) or control-clicking (Win) to open in a new tab and the user clicks on the link, then it will open in a new tab AND refresh the current page with the link
  • If middle clicking or command/control-clicking and the user clicks on the containing element that has the hover state, then it will NOT open in a new tab or window, instead just refreshing the current page with the link

Version 2.0.3 of SMF
Version 1.8.1 of BoardHover




butchs

#222
The mod has over 1,186 downloads and you are the only one with this issue.  I can not duplicate your problem.   Me thinks it is a typo.  I need to see your php files.   O:)

That code you report is repeated in Boardindex.template.php and Messageindex.template.php.  Both are located in the Theme folder.  I need to see the files.

Please attach the one or both of the php file(s) for me to review.  Please advise where you found the files.
:-X
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

Hello. Would you please help me with the *current* process to install this mod on custom themes? I cannot find the files that I'm supposed to edit. The tutorial says to find a file named modification.xml, but there are 8 of those in the download. I also read somewhere in the first posts that I needed to find a profile-info file, but that post was from years ago and that file is no longer in the download.
Thanks in advance.

butchs

I would start with the SMF Mod parser in the mod site here.  Or you can use the SMF Helpers mod parser.  Both are designed to guide you through installing mods in custom themes.

I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

Thank you, butchs, that's a nice step-by-step guide. Just one question, though: should I do all of those code edits before or after I install the mod via package manager?

butchs

The instructions tell you how to manually install the mod.  If you follow them you do not need to install the mod in package manager.

I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

Oh okay, thank you, butchs, I'll give it a try now.

pastorvictor

Something's wrong...the hover links work okay (you can go to a board by clicking anywhere on it), but I have no clue how to change the hover color. By reading some previous posts I can see that index.css needs editing. My problem is that I'm using a custom theme and the Package Parser gave me no instructions for that file whatsoever.

If it helps, here's how I installed it: I first tried using all of the instructions on Package Parser; however, that screwed up my board. I noticed that the only file from my custom theme that needed editing was index.template.php. Everything else was in the default folder. So....I had the Package Manager install the mod and then I manually modified index.template.php for my custom theme. And that's where I am.

What should I do/edit?

butchs

There are two files that belong in your css folder:

  • boardhover.css
  • boardhover-ie.css

I commented the text in the files between "/*" and "*/" so that it will be easier to identify and change colors.  You will need to make the same color changes in both files.

Please make sure that "pseudo-hover.htc" is in  your scripts folder.
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

#230
That might be the problem....I can't find a file named "pseudo-hover.htc" anywhere. Usually my scripts are in the "Sources" folder but I don't see it. Could it be somewhere else?

I figured it out....I just copied the two .css files you mentioned to my theme folder. Now I have one last question: is there a way to *not* have the font colors change on hover? I do want the background to change but not the text. I already tried removing the "color: #0071b7;               /* hover text color */" line, but it still changes the color.

Thanks!

butchs

Make the color the same color as your theme background color ie "index.css/ body/ background". Then reset your cache.

If you change the color in both files and it does not change you need did not rest all cache's.
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

I changed it to #FFFFFF (body background) and now when you hover over the boards, the text turns white.

pastorvictor

I fixed it....well, I just removed all the lines that modified the text. I guess I could've figured that out...

By the way, do you know how to make it so the cursor changes from an arrow to a hand when hovering over the boards/topics? It only changes when it's over links, so I'm not sure if my users will know that they can actually click on the boards or topics.

butchs

#234
Quote from: pastorvictor on February 16, 2013, 03:19:16 PM
I changed it to #FFFFFF (body background) and now when you hover over the boards, the text turns white.

Did you forget the semi-colin? #FFFFFF;

Here is a link to change the cursor in css.  Based on this information, you can try adding style="cursor:pointer"; to the main board hovers and borders around the linktree elements/ background behind hover items.  Maybe you will prefer another attribute like move?

Please let me know how it works out.  That may be a cool addition to a future release.  :)
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

Hmmm....I might've done it wrong. Here's how I added it:

/* main board hovers */
.windowbg2_hover:hover,.windowbg2_hoverHover
{

   background: #e7eaef;         /* hover background color */
   style="cursor:pointer";
}

And it still doesn't change. Is that how it's supposed to look?

butchs

try
/* main board hovers */
.windowbg2_hover:hover,.windowbg2_hoverHover
{

   background: #e7eaef;         /* hover background color */
   cursor: pointer;
}


and etc...
I have been truly inspired by the SUGGESTIONS as I sit on my throne and contemplate the wisdom imposed upon me.

pastorvictor

Perfect, that worked!

Thanks :)

overdue

Will this be updated for 2.0.15?
2.1.4; default theme - curve.

-Rock Lee-

¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Advertisement: