Forum Home Enhancements - Video Directory FH List

Video-Directory - developed by vBPoint.org

The Skinny
This mod is a beast in a small package. When I was working on this addition to the Video Directory I kept trying to think of more things to add. But now that version 1.1.0 RC 2 is released, I figured it was time to release the first version of this mod.

What this mod does, is basically a couple things. You can list videos on your forum home in a vertical sidebar table (If you have a sidebar already then you may need help getting this to work that way.), or you can display the videos in one of two versions of a horizontal table. The first version is just a basic version. This version only displays the thumbnail image and the name of the video linked to the video post. The second version is a more detailed version. This version allows you to list the videos to blend with the forums. The table has information such as, thumbnail, linked title, description, view count, comment count, and last comment posted by.

Installation
1. Import the product in your admincp.
2. Search in your FORUMHOME template
Find:

$navbar

Add Below:

$fhlist_shell

Find:

$footer

Add Above:

<if condition="$vboptions[vert_horiz] > 0">
</td>
</table>
</if>

Uninstall
1. Uninstall the product from your admincp.
2. Search in your FORUMHOME template
Find and delete both:

$fhlist_shell

<if condition="$vboptions[vert_horiz] > 0">
</td>
</table>
</if>

Developer-Blog:

Feel free to check out our Developer-Blog at vBPoint.org!

[gcxboxps]

I will be installing this today myself. Does your instructions here list the code to make it "horizontal" like you have in the preview above? I want mine to be horizontal on my forum's homepage here: forums.hastyhost.com

I just asked about how to do this like 4 days ago and it's funny that you create this hehe

[gcxboxps]

lol nevermind. Just insatlled it and it automatically made it horizontal. Sweet

[Natea]

Originally Posted by Twilkey

Sorry I skipped you. I am going to need to see the code from your forumhome template or whatever holds the sidebar code.

The code of sidebar is located in footer template. Here's the code:

$ad_location[ad_footer_start]

<br />
<div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>

$spacer_close
<!-- /content area table -->

<div align="center">
	<div class="smallfont" align="center">
	<!-- Do not remove this copyright notice -->
	$vbphrase[powered_by_vbulletin]
	<!-- Do not remove this copyright notice -->
	</div>

	<div class="smallfont" align="center">
	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
	$cronimage
	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->

	$vboptions[copyrighttext]<br />
        <em>Designed by: </em><a href="http://www.la-tia.com/foros/member.php?u=1"><strong>Natea</strong></a>
	</div>
</div>
<br />

<form action="$vboptions[forumhome].php" method="get">

<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" class="tborder" align="center">
<tr>
	<if condition="$show['quickchooser']">
		<td class="tfoot">
			<select name="styleid" onchange="switch_id(this, 'style')">
				<optgroup label="$vbphrase[quick_style_chooser]">
					$quickchooserbits
				</optgroup>
			</select>
		</td>
	</if>
	<if condition="$show['languagechooser']">
		<td class="tfoot">
			<select name="langid" onchange="switch_id(this, 'lang')">
				<optgroup label="$vbphrase[quick_language_chooser]">
					$languagechooserbits
				</optgroup>
			</select>
		</td>
	</if>
	<td class="tfoot" align="$stylevar[right]" width="100%">
		<div class="smallfont">
			<strong>
				<if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if>
				<if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -</if>
				<if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if>
				<if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if>
				<if condition="$vboptions['archiveenabled']"><a href="./archive/index.php">$vbphrase[archive]</a> -</if>
				$template_hook[footer_links]
				<if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
				<a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
			</strong>
		</div>
	</td>
</tr>
</table>

</form>

$ad_location[ad_footer_end]

	<!-- close the left content div -->
			</div>
			<div id="main_end">
				<span class="main_endLeft"></span>
				<span class="main_endRight"></span>
			</div>
			
			<div id="statusLegend" class="nopad">
				<ul>
					<li id="status1">$vbphrase[forum_contains_new_posts]</li>
					<li id="status2">$vbphrase[forum_contains_no_new_posts]</li>
					<li id="status3">$vbphrase[forum_is_closed_for_posting]</li>
				</ul>
			</div>
		</div>
	<!-- / close the left content div -->
<!-- Sidebar -->
		<div id="right" class="nopad">
			<h2 id="login">Membership Login</h2>
			<div class="alt3" id="loginForm">
<if condition="$show['member']">
	<div>
		<strong><phrase 1="$bbuserinfo[username]" 2="http://www.la-tia.com/foros/member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />

<a href="http://www.la-tia.com/foros/profile.php?$session[sessionurl]do=editavatar"><img src="http://www.la-tia.com/foros/image.php?u=$bbuserinfo[userid]" alt="Tu avatar" border="0" /></a>
<br />
<br />

		<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

		<if condition="$show['notifications'] AND $show['popups']">
			<div><span id="notifications"><a href="http://www.la-tia.com/foros/usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
			<script type="text/javascript"> vBmenu.register("notifications"); </script>
		<else /><if condition="$show['pmstats']">
			<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
		</if></if>

		<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
	</div>
	<br />
	<div style="line-height: 150%">
		<a href="http://www.la-tia.com/foros/search.php?$session[sessionurl]do=getnew">$vbphrase[new_posts]</a>: $newposts<br />
		<a href="http://www.la-tia.com/foros/usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a><br />
		<a href="http://www.la-tia.com/foros/login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a>
	</div>
<else />
				<!-- login form -->
		<form action="http://www.la-tia.com/foros/login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
		<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
					<div>
						<input type="text" class="loginput loginputuser" name="vb_login_username" id="navbar_username" accesskey="u" tabindex="101" />
						<input type="password" class="loginput loginputpass" name="vb_login_password" id="navbar_password" tabindex="102" />
					</div>
					<div>
						<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /> $vbphrase[remember_me]</label>
					</div>
					<div align="right">
						<input type="submit" value=" " class="logingo" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" />
					</div>	
		<input type="hidden" name="s" value="$session[sessionhash]" />
		<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
		<input type="hidden" name="do" value="login" />
		<input type="hidden" name="vb_login_md5password" />
		<input type="hidden" name="vb_login_md5password_utf" />
		</form>
				<!-- / login form -->
</if>
				</div>
			<div class="alt3end"><!-- corners --></div>
			
			<h2 id="screenshots">Recent Screenshots</h2>
			<div class="alt3">
			
				<!-- screenshots script -->
				
			</div>
			<div class="alt3end"><!-- corners --></div>
			
		</div>
<!-- / sidebar -->


<!-- close the container & background div -->
	</div>
</div>
<!-- / close the background div -->

<if condition="$show['dst_correction']">
<!-- auto DST correction code -->
<form action="profile.php?do=dst" method="post" name="dstform">
	<input type="hidden" name="s" value="$session[sessionhash]" />
	<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
	<input type="hidden" name="do" value="dst" />
</form>
<script type="text/javascript">
<!--
	var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
	var utcOffset = new Date().getTimezoneOffset() / 60;
	if (Math.abs(tzOffset + utcOffset) == 1)
	{	// Dst offset is 1 so its changed
		document.forms.dstform.submit();
	}
//-->
</script>
<!-- / auto DST correction code -->

</if>
<script type="text/javascript">
<!--
	// Main vBulletin Javascript Initialization
	vBulletin_init();
//-->
</script>

[gcxboxps]

Hi,

For the horizontal method, is there a way to make it so that the table seperate them equally?

Meaning, if one video "text(title name)" is too long, it pushes the other videos over and makes the table look unbalanced.

I think this just helps the videos and forums flow well together if there is a way to keep the videos balanced or make the tables have the same width.

OR

Another method would be, taking the name out from underneath it, but I know most people would like to keep that there, but just in case, what would you do to just take the "text" out from under the video?

Thanks

[Saint_I_Am]

nevermind, got it

[Twilkey]

Originally Posted by Natea

The code of sidebar is located in footer template. Here's the

I think it would be easier if I just did it for you. PM me an admin account to your site and I will take a look.

Originally Posted by gcxboxps

Hi,

For the horizontal method, is there a way to make it so that the table seperate them equally?

Meaning, if one video "text(title name)" is too long, it pushes the other videos over and makes the table look unbalanced.

I think this just helps the videos and forums flow well together if there is a way to keep the videos balanced or make the tables have the same width.

OR

Another method would be, taking the name out from underneath it, but I know most people would like to keep that there, but just in case, what would you do to just take the "text" out from under the video?

Thanks

Go in to your video_fh_bit template and delete the following code.

        <br />
        <span class="smallfont">
            <a href="$video[url]">$video[title]</a>
        </span>

[Daky]

Thank you, love it!

[gcxboxps]

Thanks!

1) Last thing, is there a way we can list more than just 3 videos on the horizontal style?
2) And is there a way to change the size of the videos that appear on the forum homepage?

Thanks again!

[gcxboxps]

Nevermind found it. For others that want to know how, it's in the VBoptions area for the number of videos you want to show.

As for the height, you can find this in the same template file: video_fh_bit

[jiffylb1]

i edited the videos to 4 in the vbulletin options it still only shows 3 on the forum?

how can i get the code to place the random videos in the portal home page in a module?
so I increased the height and is then better with only 3 in there.