okey kokey :)
The custom page is located as follows: http://www.tabletennistalk.co.uk/forum/ttt-stream.php
The php coding in the page is:
<?php
// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);
// #################### DEFINE IMPORTANT CONSTANTS #######################
define('THIS_SCRIPT', 'streaming');
define('CSRF_PROTECTION', true);
// change this depending on your filename
// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array();
// get special data templates from the datastore
$specialtemplates = array();
// pre-cache templates used by all actions
$globaltemplates = array('ttt-stream',
);
// pre-cache templates used by specific actions
$actiontemplates = array();
// ######################### REQUIRE BACK-END ############################
// if your page is outside of your normal vb forums directory, you should change directories by uncommenting the next line
// chdir ('/path/to/your/forums');
require_once('./global.php');
// ################################################## #####################
// ######################## START MAIN SCRIPT ############################
// ################################################## #####################
$navbits = construct_navbits(array('' => 'table tennis talk ittf-tv'));
$navbar = render_navbar_template($navbits);
// ###### YOUR CUSTOM CODE GOES HERE #####
$pagetitle = 'Table Tennis Talk Streaming';
// ###### NOW YOUR TEMPLATE IS BEING RENDERED ######
$templater = vB_Template::create('ttt-stream');
$templater->register_page_templates();
$templater->register('navbar', $navbar);
$templater->register('pagetitle', $pagetitle);
print_output($templater->render());
?>
The template its calling : ttt-steam ..............
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
{vb:raw headinclude}
{vb:raw headinclude_bottom}
<style type="text/css">
.sharing-cl{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.sexy{
top:128px;
right:50px;
position:absolute;
z-index:200;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:30px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url("http://www.tabletennistalk.co.uk/share-sprite.png") no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:3em;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
</style>
</head>
<body>
<div class="sexy">
<ul class="sharing-cl"id="text">
<a class="sh-mail" title="E-mail Us" href="mailto:dave@tabletennistalk.co.uk"></a>
<a class="sh-feed" title="RSS Feed" href="http://www.tabletennistalk.co.uk/forum/external.php?type=RSS2"target=_blank></a>
<a class="sh-tweet" title="Twitter" href="http://www.twitter.com/TableTennisTalk"target=_blank></a>
<a class="sh-face" title="Facebook" href="http://www.facebook.com/profile.php?id=1788101807"target=_blank></a>
<a class="sh-su" title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/tabletennistalk/"target=_blank></a>
<a class="sh-digg" title="Digg" href="http://digg.com/tabletennist"target=_blank></a>
</ul>
</div>
{vb:raw header}
{vb:raw navbar}
<vb:if condition="$show['member']">
<h2 class="blockhead">Table Tennis Talk Livestream | ITTF TV Plus Other Matches</h2>
<div class="blockbody">
<div class="blockrow">
<div class="cms_widget_content_restore_widget_content">
<center>
<font face="century gothic" size="2"><b>
Welcome to the ITTF TV Channel area where you can see every match the ITTF load into the site directly. Easy and effective with full view available also. All matches are in flash and loaded from the ITTF, with live matches being shown too. This is a member service only. You will see the list on the left of the control panel.
</b><br /></font>
<font color="#ff0000"><b>Feel free to use the chat box below whilst viewing matches</b></font>
</center>
<br />
<center>
<iframe src="http://cdn.laola1.tv/ittf/iframe/frame_1.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "410px" width = "902px">
</iframe>
<br /><br />
<font color="#000000" size="1"><b><i>Full list of scheduled events and livestream on Table Tennis Talk <a href="/forum/content.php?443-ITTF-Events"target=_blank"><font color="#ff0000">HERE</a></i></b></font>
<br /><br />
<font color="#000000" size="2"><b><i>German Open 2011 Live Stream Match Schedule PDF ........<a href="http://www.ittf.com/Protour_new/pdf/2011GER/ScheduleGER.pdf"target=_blank"><font color="#ff0000">HERE</a></i></b></font>
</center>
{vb:raw mgc_cb_evo_var}
</vb:if>
{vb:raw footer}
</body>
</html>
Id like to achieve the attached pic below with whoever is viewing the page in the box as below (if it is achievable)
It is member only but
username: msn
password: pass123