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

[Scanu]

Originally Posted by OldSchoolDSL

I had his / hers spacing error originally. So I think this code should resolve it.

But I suspect the colored description in his / her forum maybe the cause.

Sorry i was talking about the colored description error

[sadiq6210]

You are the best

Now it is perfect



Thanks :up:

[Arcade Fire]

Scanu, it works well, but takes a long time to load the page. You can see OldSchoolDSL forum:

http://www.sociallyuncensored.eu/forums/forum.php

Perhaps this is not the ideal script, I have seen this idea work in other forums, but once loaded the page. See:

http://www.hispasonic.com/foros/musica-debate/f47 (Thread preview)

??

[Scanu]

I'm using the same jquery plugin as Xenforo, and in my forum without plugins and with the default style "it don't takes server load" (right words?) so i don't think that is my mod

[OldSchoolDSL]

Originally Posted by Arcade Fire

Scanu, it works well, but takes a long time to load the page. You can see OldSchoolDSL forum:

http://www.sociallyuncensored.eu/forums/forum.php

Perhaps this is not the ideal script, I have seen this idea work in other forums, but once loaded the page. See:

http://www.hispasonic.com/foros/musica-debate/f47 (Thread preview)

??

My site makes for a poor example as I have A LOT of other things loaded onto my site.

And my site loads fine in doing my own test .... I would suggest you find another example to compare.

Scanu has done a good job with this script

[Arcade Fire]

@OldSchoolDSL I have made your forum as an example, it is exactly what happened in mine, the forums were loaded one by one. Tested with Firefox and no other script on my page.

I agree that is a big job, but that is not working does not end quickly. I will install in localhost for test it in a new instalation.

[Scanu]

Well i can do the script same as the site you linked but there is no "cool" effect and it isn't like Xenforo, let me know for the test because in my site it's all normal

[haincha]

Wow, thanks! Even more so for mentioning me. I really appreciate this, will definitely get put to use!

Anyway to get it better lined up with the forum title? Right now it just sort of floats a bit above the forum title. Not a deal breaker, just trying to see minor tweaks. Also something like a < to the right of the box. Make it look like a caption bubble type.

[Scanu]

Yes of course! For this I'm waiting my brother clear ( he is a designer)

[haincha]

Yea, I think the < will fix the other issue I am trying to fix. It hovers over almost right over the end of the forum title.

I was trying to edit the code a bit, but I am pretty awful at jquery.