Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. General Support
  4. Adding HTML features

Adding HTML features

1 Apr 01, 2009 16:43    

My b2evolution Version: Not Entered

Hi,

I'm joining a network, and need to add some features to my site. Those features include a toolbar across the top, a video player on the side and an advertisement on the side (they are all just HTML code). I know how to add them by editing the index script, but the files are too big to fit. How do I make them fit?

Here is my site: www.orlandomagicdaily.com

Thank you so much in advance.

Here is the video player I have to embed on the side:

<body MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0" bgcolor="black">

<script language="javascript" type="text/javascript" src="http://assets.espn.go.com/ivp/player/swfobject.js"></script>
<script language="JavaScript" type="text/javascript">
var flashContent = '<div id="player" style="width:400px;height:560px;"><div id="flashCheck" class="usermessage" style="width:400px;margin-left:0px;color:#FFFFFF">You need the latest Flash Player to view this video. <a href="http://www.adobe.com/go/getflashplayer/" target="_blank">Get Flash</a></div></div>';
document.write(flashContent); //insert flash content
var so = new SWFObject("http://sports.espn.go.com/broadband/mpf/player.swf?playlist=tab_playlist&skin=IndexSkin&singlePlaylist=single_playlist&adminOver=3564912&id=2459788,3654027,3596504&autostart=false&playerType=index", "videoPlayer", "400", "560", "9.0.45", "#000000");
so.addParam("wmode", "opaque");
so.addParam("allowScriptAccess", "always");
so.addParam("base", "http://assets.espn.go.com/espnvideo/mpf/");
so.addParam("quality", "high");
so.addParam("bgcolor", "#000000");
so.addParam("align", "t");
so.addVariable("playerSkin", "http://sports.espn.go.com/broadband/mpf/IndexSkin.swf");
so.addVariable("singlePlaylistSWF", "http://sports.espn.go.com/broadband/mpf/SinglePlaylist.swf");
so.addVariable("playlistSWF", "http://sports.espn.go.com/broadband/mpf/TabPlaylist.swf");
so.addVariable("endcard", "http://sports.espn.go.com/broadband/mpf/Endcard.swf");
so.addVariable("player", "index");
so.addVariable("height", "560");
so.addVariable("width", "400");
so.addVariable("adminOver", "3806325");

so.write("player");
</script>
</body>

Back to top

2 Apr 01, 2009 16:50

As you might notice, I screwed up the sidebar completely while trying to work out this problem. If you look at the bottom of the page, you will see the error. The sidebar is really wide and hence goes to the bottom.

Back to top

3 Apr 01, 2009 17:14

zachmccann wrote:

<body MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0" bgcolor="black">

<script language="javascript" type="text/javascript" src="http://assets.espn.go.com/ivp/player/swfobject.js"></script>
<script language="JavaScript" type="text/javascript">
var flashContent = '<div id="player" style="width:400px;height:560px;"><div id="flashCheck" class="usermessage" style="width:400px;margin-left:0px;color:#FFFFFF">You need the latest Flash Player to view this video. <a href="http://www.adobe.com/go/getflashplayer/" target="_blank">Get Flash</a></div></div>';
document.write(flashContent); //insert flash content
var so = new SWFObject("http://sports.espn.go.com/broadband/mpf/player.swf?playlist=tab_playlist&skin=IndexSkin&singlePlaylist=single_playlist&adminOver=3564912&id=2459788,3654027,3596504&autostart=false&playerType=index", "videoPlayer", "400", "560", "9.0.45", "#000000");
so.addParam("wmode", "opaque");
so.addParam("allowScriptAccess", "always");
so.addParam("base", "http://assets.espn.go.com/espnvideo/mpf/");
so.addParam("quality", "high");
so.addParam("bgcolor", "#000000");
so.addParam("align", "t");
so.addVariable("playerSkin", "http://sports.espn.go.com/broadband/mpf/IndexSkin.swf");
so.addVariable("singlePlaylistSWF", "http://sports.espn.go.com/broadband/mpf/SinglePlaylist.swf");
so.addVariable("playlistSWF", "http://sports.espn.go.com/broadband/mpf/TabPlaylist.swf");
so.addVariable("endcard", "http://sports.espn.go.com/broadband/mpf/Endcard.swf");
so.addVariable("player", "index");
so.addVariable("height", "560");
so.addVariable("width", "400");
so.addVariable("adminOver", "3806325");

so.write("player");
</script>
</body>

Delete the red bits and change the blue bits

¥

Back to top

4 Apr 01, 2009 17:32

Yabba,

Thanks so much. That fixed the original problem I was having. Now it looks like the video player will tuck in just nicely. I appreciate it.

But now, I have a new problem. All of the contents of the sidebar are at the bottom of the page and have suddenly become really wide. I really don't know why, I don't think I changed anything that would've done that. Here is the sidebar code. Do you see an obvious glitch or problem? 

<!-- =================================== START OF SIDEBAR =================================== -->

<div class="bSideBar">

<script type="text/javascript" src="http://assets.espn.go.com/ivp/player/swfobject.js"></script>
<script type="text/javascript">
	var flashContent = '<div id="player" style="width:200px;height:420px;"><div id="flashCheck" class="usermessage" style="width:200px;margin-left:0px;color:#FFFFFF">You need the latest Flash Player to view this video. <a href="http://www.adobe.com/go/getflashplayer/" target="_blank">Get Flash</a></div></div>';
	document.write(flashContent); //insert flash content
	var so = new SWFObject("http://sports.espn.go.com/broadband/mpf/player.swf?playlist=tab_playlist&skin=IndexSkin&singlePlaylist=single_playlist&adminOver=3564912&id=2459788,3654027,3596504&autostart=false&playerType=index", "videoPlayer", "200", "420", "9.0.45", "#000000");
	so.addParam("wmode", "opaque");
	so.addParam("allowScriptAccess", "always");
	so.addParam("base", "http://assets.espn.go.com/espnvideo/mpf/");
	so.addParam("quality", "high");
	so.addParam("bgcolor", "#000000");
	so.addParam("align", "t");
	so.addVariable("playerSkin", "http://sports.espn.go.com/broadband/mpf/IndexSkin.swf");
	so.addVariable("singlePlaylistSWF", "http://sports.espn.go.com/broadband/mpf/SinglePlaylist.swf");
	so.addVariable("playlistSWF", "http://sports.espn.go.com/broadband/mpf/TabPlaylist.swf");
	so.addVariable("endcard", "http://sports.espn.go.com/broadband/mpf/Endcard.swf");
	so.addVariable("player", "index");
	so.addVariable("height", "420");
	so.addVariable("width", "200");
	so.addVariable("adminOver", "3806325");
	
	so.write("player");
</script>
	<?php
		// Display container contents:
		skin_container( NT_('Sidebar'), array(
				// The following (optional) params will be used as defaults for widgets included in this container:
				// This will enclose each widget in a block:
				'block_start' => '<div class="bSideItem $wi_class$">',
				'block_end' => '</div>',
				// This will enclose the title of each widget:
				'block_title_start' => '<h3>',
				'block_title_end' => '</h3>',
				// If a widget displays a list, this will enclose that list:
				'list_start' => '<ul>',
				'list_end' => '</ul>',
				// This will enclose each item in a list:
				'item_start' => '<li>',
				'item_end' => '</li>',
				// This will enclose sub-lists in a list:
				'group_start' => '<ul>',
				'group_end' => '</ul>',
				// This will enclose (foot)notes:
				'notes_start' => '<div class="notes">',
				'notes_end' => '</div>',
			) );
	?>

Back to top

5 Apr 01, 2009 17:40

Apparently, it was a stylesheet issue. Looks like it's somewhat been resolved.

Back to top


Form is loading...