Link on row instead of only text?

[Goshee]

Hi guys! Firstly thanks for all the answers you guys have been posting, really helped me out a lot over the past month since I purchased VBulletin!

Ok, currently when I go to open a thread I have to click the text of the thread name to open said link. The same thing applies when I want to go to a forum or sub forum.

What I would like is that instead of having to focus on pointing your cursor on the text link, I'd rather as soon as you mouse over the thread/forum/subforum title row the link appears clickable.

For example:

http://eu.battle.net/wow/en/forum/872818/

You don't have to click on the thread titles for the link to open, you can click anywhere in the background of it too!

I'd also like the row to change colour once moused over to easily identify what you are pointing at.

Sorry if I explained that poorly (probably why I couldn't find an answer in the first place :P)

Thanks for reading!

----------------------------------------------------------------------------------------------------------------------

For those who want to know how to change the colour of your thread/forum rows on hover then add this code in the Edit Templates -> CSS Templates -> additional.css

.forumrow:hover, .threadbit > div:hover { 
background: #FF000 !important; }

Change the #FF000 to whatever colour you want!

To those who experienced the problem of the replies/views column not highlighting here is the fix!

Navigate to the 'threadbits' template

Find:

<ul class="threadstats td alt" title="<vb:if condition="$thread['dot_count'] > 0">{vb:rawphrase have_x_posts_in_thread_last_y, {vb:raw thread.dot_count}, {vb:raw thread.dot_lastpost}}</vb:if>">

Replace With:

<ul class="threadstats td {vb:raw thread.statusstring}" title="<vb:if condition="$thread['dot_count'] > 0">{vb:rawphrase have_x_posts_in_thread_last_y, {vb:raw thread.dot_count}, {vb:raw thread.dot_lastpost}}</vb:if>">

This will now highlight the entire row, including the replies/views column!

[borbole]

That is due to how that theme has been coded. Where did you download it? Try to ask at its support thread/forum about it.

[Goshee]

Oh sorry, I used the default Vbulletin theme for my website and have just been adjusting it from there.

The example isn't my forum, just an example of how I would like my forum to work. My forum is exactly like this one. Sorry for the confusion.

[borbole]

Originally Posted by Goshee

Oh sorry, I used the default Vbulletin theme for my website and have just been adjusting it from there.

The example isn't my forum, just an example of how I would like my forum to work. My forum is exactly like this one. Sorry for the confusion.

No problem. Maybe I misunderstood what you meant. English is not my first language.

It will involve some css/template changes to make a hover effect. To make it for the whole area there so it will have a hoover on mouse hoovering, add this code at the additional.css file:

.threadinfo:hover {
     background: red;
}

And change red with whatever color you would like to have as a background on mouse hoover.

[Goshee]

Awesome thanks a lot mate! It's almost there now, is there anyway I can get it so the threads/posts & last post sections also highlight too?

Similar to how when you click on a thread to moderate it the whole bar changes colour

Also need to figure out how link the thread title/background to the post instead of only the title Thanks again!

[GameOverViper]

Hey this is a nice thing to have. I've done it to my forum as well. Would be great to know how to make it link instead of just highlight the whole thing.

[Goshee]

Found a bit of better code which includes the whole bar guys

.forumrow:hover, .threadbit > div:hover { 
background: #FF000 !important; }

Change the #FF000 to whatever colour you want!

Still need to figure out how to link it

[s]EDIT: Seem to be having problems with the Replies/Views column not highlighting with the rest of the row... if anyone has a fix for this would appreciate it! (Threads/Posts column works fine)

This works to get it on hover

.threadstats:hover {
     background: #261307;
}

Though obviously it works independently with the other code, need to combine them somehow :P[/s]

Found the fix, view the original post to see it! If you used the above code in your additional CSS then remove it