Forum Home Enhancements - SCANU - Forum description on title mouseover [as Xenforo]

Description

This modification show an elegant forum description when moving mouse over the forum title. Look at the screenshots for more! This is mod is temporary template modification of the future product that i'm working on. I've just released this "beta" for who wants to use this now.

Installation

Go in "Adimncp/Styles and Templates/Your style - Edit Templates/Forum Home Templates/forumhome_forumbit_level2_post/" and replace this code

PHP Code:

<h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2> 

With this

PHP Code:

<vb:comment><h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2></vb:comment> 
        <h2 class="forumtitle"><div id="scanudesc">
<a <vb:if condition="$show['forumdescription']">
title='<div id="container"><div id="scanu">{vb:raw forum.description}</div><span class="arrow"></span></div>'</vb:if> href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></div></h2>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>   
<script>   
$("#scanudesc a[title]").tooltip({   
position: "bottom right",   
effect: "slide"   
});   
</script> 
<style>
/*styling and positioning of the arrow*/
 .arrow {
    border-right: 5px solid black;
    border-top: 5px solid transparent;
    border-left: 1px none black;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 7px;
    line-height: 0px;
    width: 0px;
    height: 0px;
    left: -5px;
    filter:alpha(opacity=68);
    -moz-opacity:.68;
    opacity:.68;
    _display: none;
}  
#scanu { 
    /*styling of the box */
    background:black;   
    color:white;   
    padding: 5px 10px;   
    -moz-border-radius: 8px;   
    -webkit-border-radius: 8px;   
    filter:alpha(opacity=68);  
    -moz-opacity:.68;  
    opacity:.68;   
}   
#container {
    /*positioning of the arrow and the box*/
    position: relative;
    top: -10px;
    left: 10px;
    max-width: 440px;
}
</style> 

Then replace this code

PHP Code:

<vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if> 

with this

PHP Code:

<vb:comment><vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if></vb:comment> 

Enjoy and wait for the product with many features and options!

PLEASE VOTE THIS MOD FOR MOTM: CLICK HERE, AND CLICK MARK AS INSTALLED

To get support:

1. Mark this mod as Installed
2. Copy/Pasted errors or screenshots
3. URL/link to site

Many thanks to haincha for the idea.

or

[Scanu]

Version History
- 1.0
- First release on Vbulletin.org

- 2.0
- Added the arrow <
- Better positioned respect the forum title
- Adapted to long description
- The arrow < is not an image but a css code
- Added the indent to the CSS code

- 2.1
- I'm looking for new feature request you can request your feature responding to this thread

[Scanu]

Reserved

[Scanu]

3rd post reeserved

[Lazorbeam]

Originally Posted by Scanu

3th post reeserved

3rd .

If I were to remove the forum description, is the mouseover info still readable by search engines?

[Scanu]

Originally Posted by Lazorbeam

3rd .

If I were to remove the forum description, is the mouseover info still readable by search engines?

Whhoops
Yes, it would be. the description is in the title attribute: "In contrast, you can use the TITLE attribute for just about any page element, but it isn't required for any page element. Use it to describe links, tables, individual table rows, and other structural HTML elements. They're more versatile than the ALT attribute and many search engine ranking algorithms read the text in TITLE attributes as regular page content."
For more see this: http://www.netmechanic.com/news/vol6/html_no1.htm

[Lazorbeam]

Originally Posted by Scanu

Whhoops
Yes, it would be. the description is in the title attribute: "In contrast, you can use the TITLE attribute for just about any page element, but it isn't required for any page element. Use it to describe links, tables, individual table rows, and other structural HTML elements. They're more versatile than the ALT attribute and many search engine ranking algorithms read the text in TITLE attributes as regular page content."
For more see this: http://www.netmechanic.com/news/vol6/html_no1.htm

That's awesome.

I think I can see where you're going with this product... seems very very promising. Care to give us a sneak peak?

[Arcade Fire]

Tagged, thanks. i'll try to install it in my vb 3.8 forum

[Scanu]

Originally Posted by Lazorbeam

That's awesome.

I think I can see where you're going with this product... seems very very promising.

Thanks

Originally Posted by Lazorbeam

Care to give us a sneak peak?

Sorry what do you mean? What are you reffering to?

[Scanu]

Originally Posted by Arcade Fire

Tagged, thanks. i'll try to install it in my vb 3.8 forum

That would be works, i've never got vbulletin 3 but i think that you have to change the <vb:if> in <if>