The Arcive of Official vBulletin Modifications Site.

SCANU - Forum description on title mouseover [as Xenforo] · **Released**: 12-12-2011

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:

Mark this mod as Installed
Copy/Pasted errors or screenshots
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

sadiq6210 · #22 12-16-2011, 08:15 PM

It is not working when you use a description with color .. like:

Code:

<font color="#000000">forum description</font>

OldSchoolDSL · #23 12-17-2011, 01:47 AM

There is a small undesired effect from this modification. It's not so much of an issue, but I would call it undesirable.

It works without issue on the forum description as it was meant to (see screen shot 1), but if you move your mouse on a topic, toward the right, outside the forum, it's basically unreadable because the text is black and the background is clear (see screen shot #2)

Any solution?

Scanu · #24 12-17-2011, 02:03 PM

Ok perfect i've seen the problems,
I can fix many of those errors, but i can't help "HHelp1" sorry for many errors this is a beta version

Scanu · #25 12-17-2011, 02:33 PM

Quote:

Originally Posted by 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.

thanks i did it

Scanu · #26 12-17-2011, 03:20 PM

Quote:

Originally Posted by Filgga

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

Quote:

Originally Posted by OldSchoolDSL

There is a small undesired effect from this modification. It's not so much of an issue, but I would call it undesirable.

It works without issue on the forum description as it was meant to (see screen shot 1), but if you move your mouse on a topic, toward the right, outside the forum, it's basically unreadable because the text is black and the background is clear (see screen shot #2)

Any solution?

Now this problem would be solved but i can't try please let me know if it works!

Scanu · #27 12-17-2011, 03:24 PM

Quote:

Originally Posted by sadiq6210

It is not working when you use a description with color .. like:

Code:

<font color="#000000">forum description</font>

If i understand what u mean, you can change the color of the description searching in the code this

PHP Code:


			
color:white;

and replacing with the color that you want, for example

PHP Code:


			
color:#000000;

OldSchoolDSL · #28 12-17-2011, 04:59 PM

Quote:

Originally Posted by Scanu

Now this problem would be solved but i can't try please let me know if it works!

Your new code basically trashed the forum. So I re-applied the old code.

PHP Code:


			
<h2 class="forumtitle"><a <vb:if condition="$show['forumdescription']">title="<scanu>{vb:raw forum.description}</scanu>"</vb:if> href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></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> 
$(" a[title]").tooltip({ 
position: 'center right', 
effect: 'slide' 
}); 
</script> 
<style> 
scanu { 
background:black; 
color:white; 
padding: 5px 10px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
filter:alpha(opacity=68);  
-moz-opacity:.68; 
opacity:.68; 
} 
</style>

Scanu · #29 12-17-2011, 09:18 PM

Can you try again with the new code?

sadiq6210 · #30 12-18-2011, 05:22 AM

Quote:

Originally Posted by Scanu

If i understand what u mean, you can change the color of the description searching in the code this

PHP Code:


			
color:white;

and replacing with the color that you want, for example

PHP Code:


			
color:#000000;

After update the code, now there is two errors!

1) Color description:
I have many forums, I changed the description color for some forums.
How to reproduce this bug:
- Add new forum
- write any title i.e (test forum)
- In description paste this:

Code:

<font color="#00ffff">Test forum with blue color</font>

So you will have this result before install your mod.

After modified the template and add your code:

2) After update:
After update the old code with new update, It is not working with me !
see the last screenshot.

This is my (forumhome_forumbit_level2_post)

Code:

<li id="forum{vb:raw forum.forumid}" class="forumbit_post {vb:raw forum.statusicon} L2">
	<div class="forumrow table">
		<div class="foruminfo td">
			<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
			<div class="forumdata">
				<div class="datacontainer">
					<div class="titleline">
<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="scanutitle"><a <vb:if condition="$show['forumdescription']">title="<scanu>{vb:raw forum.description}</scanu>"</vb:if> href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2></div>
<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>
$("#scanutitle a[title]").tooltip({
position: 'center right',
effect: 'slide'
});
</script>
<style>
scanu {
background:black;
color:white;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
filter:alpha(opacity=68); 
-moz-opacity:.68;
opacity:.68;
}
</style>  
						<vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
					</div>
<vb:comment><vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if></vb:comment>  
					<vb:if condition="$vboptions['showmoderatorcolumn'] AND $forum['moderators']">
						<div class="moderators">
							<h4>{vb:rawphrase moderators}:</h4>
							<ol class="commalist">
								<vb:each from="forum['moderators']" value="row">
									<li><a class="username" href="{vb:link member, {vb:raw row}}">{vb:raw row.musername}</a>{vb:raw row.comma}</li>
								</vb:each>
							</ol>
						</div>
					</vb:if>

					<vb:if condition="$show['subforums']">
						{vb:raw forum.subforums}
					</vb:if>

					<vb:if condition="$show['forumsubscription']">
						<p class="unsubscribe">
							<a href="{vb:raw vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" rel="nofollow">{vb:rawphrase unsubscribe_from_this_forum}</a>
						</p>
					</vb:if>
				</div>
			</div>
		</div>
        <vb:if condition="$forum['statusicon'] != 'link'">
		<h4 class="nocss_label">{vb:rawphrase forum_actions}:</h4>
        	<vb:if condition="$vboptions['externalrss'] OR $show['member']">
		<ul class="forumactionlinks td">
			<vb:if condition="$forum['allowposting']"><vb:if condition="$vboptions['externalrss']"><li class="forumactionlink rsslink"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}" title="{vb:rawphrase view_forum_rss_feed}">{vb:rawphrase view_forum_rss_feed}</a></li></vb:if>
			<vb:if condition="$show['member']"><vb:if condition="$show['forumsubscription']"><li class="forumactionlink unsubslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase unsubscribe_from_this_forum}">{vb:rawphrase unsubscribe_from_this_forum}</a></li><vb:else /><li class="forumactionlink subslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase subscribe_to_this_forum}">{vb:rawphrase subscribe_to_this_forum}</a></li></vb:if></vb:if></vb:if>
		</ul>
		<vb:else />
		<div class="forumactionlinks"></div>
		</vb:if>
        <h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>
		<ul class="forumstats td">
			<li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>
			<li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>
		</ul>
		<div class="forumlastpost td">
			<h4 class="lastpostlabel">{vb:rawphrase last_post}:</h4>
			<div>
				{vb:raw forum.lastpostinfo}
			</div>
		</div>
        </vb:if>
	</div>
	<vb:if condition="$childforumbits">
		<ul class="childsubforum">
			{vb:raw childforumbits}

		</ul>
	</vb:if>
</li>

sadiq6210 · #31 12-18-2011, 05:24 AM

Quote:

Originally Posted by OldSchoolDSL

Your new code basically trashed the forum. So I re-applied the old code.

PHP Code:


			
<h2 class="forumtitle"><a <vb:if condition="$show['forumdescription']">title="<scanu>{vb:raw forum.description}</scanu>"</vb:if> href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></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> 

$(" a[title]").tooltip({ 

position: 'center right', 

effect: 'slide' 

}); 

</script> 

<style> 

scanu { 

background:black; 

color:white; 

padding: 5px 10px; 

-moz-border-radius: 8px; 

-webkit-border-radius: 8px; 

filter:alpha(opacity=68);  

-moz-opacity:.68; 

opacity:.68; 

} 

</style>

Same
+1

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06152 seconds Memory Usage 2,439KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (4)bbcode_code (13)bbcode_php (7)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (5)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!