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.

If you like italian G-funk/rap please try out this music or this music
If you like italian rap try out this music

[CharlieDelta]

I like this! Can't wait till it gets released as a plugin.

[thecore762]

Originally Posted by CharlieDelta

I like this! Can't wait till it gets released as a plugin.

Same here, I'd like to see a plugin version of this mod

[v123shine]

Can you make for vb 3.8
Please..!!

[Scanu]

well, i will try to Give me some time

[Filgga]

It's not applying for 'forum description' only; includes last poster, thread title etc... Pls modify the code.

[Scanu]

I'm not sure to understand you can you post a screen "Before" and "after"

[OldSchoolDSL]

Advise....

Rather than remove or replace

With the 1st code wrap it around with

PHP Code:

<vb:comment>  </vb:comment> 


So when done it will look like

PHP Code:

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


Then proceed to add your code below it

Next do the same thing you did for the 1st one. So when done it will look like

PHP Code:

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


This will help you during an upgrade and not have to completely revert everything.

[Scanu]

Mmh yes this is the same but it's better, thanks tommorow i will change the code

[HHelp1]

I just installed the Rocket Dock HERE b4 AND i install this mod too but my rocket dock not working ... Any help ?

[Scanu]

Sorry i don't know what's the problem.. the template is another one, this is probably a jquery problem can't help you Choose one mod