How can I copy this banner?

http://www.phpbb.com/community/index.php


I am building a phpbb forum and I like the banner with buttons on the pbpbb.com forums. How can I copy this? I would edit it after but the structure works for what I need to do.

Any help is appreciated
DantechITAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kiran SonawaneProject LeadCommented:
Open link in Firefox and in go to file >> save as >> complete web page. This will give everything html , css images, banners

OR

right click on banner and save it
DantechITAuthor Commented:
I need the buttons with code as well.
Ray PaseurCommented:
I need the buttons with code as well.
You will need the first 372 lines of HTML and you will need to copy the image library as well as the CSS and JavaScript.  Some parts of the banner are overlaid with icons from various social media and you will want to isolate the images.  You can do this by going into the CSS and JavaScript to find the references to the images and the background images.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-gb" xml:lang="en-gb">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="application-name" content="phpBB" />
<meta name="msapplication-tooltip" content="phpBB &bull; Free and Open Source Forum Software" />
<meta name="msapplication-starturl" content="/" />
<meta name="msapplication-window" content="width=1024;height=768" />
<meta name="msapplication-task" content="name=Home; action-uri=/; icon-uri=favicon.ico" />
<meta name="msapplication-task" content="name=Community; action-uri=/community/; icon-uri=favicon.ico" />
<meta name="msapplication-task" content="name=Blog; action-uri=http://blog.phpbb.com/; icon-uri=favicon.ico" />
<meta name="msapplication-task" content="name=Customise; action-uri=/customise/; icon-uri=favicon.ico" />
<meta name="msapplication-task" content="name=Area51; action-uri=http://area51.phpbb.com/; icon-uri=favicon.ico" />


<title>phpBB &bull;
Community Home</title>

<link rel="alternate" type="application/atom+xml" title="Feed - phpBB.com" href="http://www.phpbb.com/community/feed.php" /><link rel="alternate" type="application/atom+xml" title="Feed - News" href="http://www.phpbb.com/community/feed.php?mode=news" /><link rel="alternate" type="application/atom+xml" title="Feed - All forums" href="http://www.phpbb.com/community/feed.php?mode=forums" />

<!--
	phpBB style name: prosilver
	Based on style:		prosilver (this is the default phpBB3 style)
	Original author:	Tom Beddard ( http://www.subBlue.com/ )
	Modified by:

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	The phpBB Group is not responsible for the content of this page and forum. For more information
	about phpBB please visit http://www.phpbb.com
-->

<link href="/community/styles/prosilver/theme/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="/community/style.php?sid=33ae68887247152b48cb24433723fb0e&amp;id=1&amp;lang=en" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="/theme/index.css?2012011900" rel="stylesheet" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />

<script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="/js/jquery.qtip-1.0.0-rc3.min.js"></script>
<script type="text/javascript" src="/js/scripts.js?2010011200"></script>

<script type="text/javascript">
// <![CDATA[
	var jump_page = 'Enter the page number you wish to go to:';
	var on_page = '';
	var per_page = '';
	var base_url = '';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '; path=/; domain=.phpbb.com';
	var onload_functions = new Array();
	var onunload_functions = new Array();
	
	
	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}
	
// ]]>
</script>


<script type="text/javascript" src="/community/styles/prosilver/template/forum_fn.js"></script>
<!-- script type="text/javascript" src="/js/swfobject.js"></script -->

<!--[if IE 6]>
	<link href="/theme/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<script type="text/javascript">
// <![CDATA[
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-93879-2']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
// ]]>
</script>

</head>

<body id="phpbb" class="community section-index ltr">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<span class="side-left"></span>
		<div class="header" style="position: relative;">
			
			<h1 id="logo-banner"><a href="/?sid=33ae68887247152b48cb24433723fb0e">phpBB &bull; Free and Open Source Forum Software</a></h1>
			<div id="top-social">
				<div id="top-social-icons">
					<a href="/feeds/rss/?sid=33ae68887247152b48cb24433723fb0e"><img src="/theme/images/icons/rss-20.png?2011080900" alt="RSS" /></a>
					<a href="http://www.facebook.com/phpBB"><img src="/theme/images/icons/facebook-20.png?2011080900" alt="Facebook" /></a>
					<a href="http://www.twitter.com/phpbb"><img src="/theme/images/icons/twitter-20.png?2011080700" alt="Twitter" /></a>
					<div id="g-plusone-sltr" class="g-plusone"></div>
				</div>
			</div>
		</div>
		<span class="side-right"></span>
	</div>

	<div id="navbar">
		<ul>
			<li class="but-about">
				<a href="/about/?sid=33ae68887247152b48cb24433723fb0e"><span></span>About</a>
				
				<div class="sub-menu sub-menu-extra">
					<ul>
						<li>
							<h4><a href="/about/features/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Features</a></h4>
							<p><a href="/about/features/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Learn about the features that phpBB has to offer.</a></p>
						</li>
						<li>
							<h4><a href="/demo/?sid=33ae68887247152b48cb24433723fb0e">Demo</a></h4>
							<p><a href="/demo/?sid=33ae68887247152b48cb24433723fb0e">Give phpBB a try with a fully-featured demo board.</a></p>
						</li>
						<li>
							<h4><a href="/showcase/?sid=33ae68887247152b48cb24433723fb0e">Showcase</a></h4>
							<p><a href="/showcase/?sid=33ae68887247152b48cb24433723fb0e">A showcase of popular and unique sites using phpBB.</a></p>
						</li>
						<li class="last">
							<h4><a href="/get-involved/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Get Involved</a></h4>
							<p><a href="/get-involved/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Learn how you can get involved with the project.</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<h4><a href="/about/team/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">The Team</a></h4>
							<p><a href="/about/team/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Find out who is responsible for all the mayhem.</a></p>
						</li>
						<li>
							<h4><a href="/about/contact_us.php?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Contact Us</a></h4>
							<p><a href="/about/contact_us.php?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Have a question the forums don't answer? Come here.</a></p>
						</li>
						<li class="last">
							<h4><a href="/about/advertise/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Advertising</a></h4>
							<p><a href="/about/advertise/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Information if you want to advertise on phpBB.com.</a></p>
						</li>
					</ul>
					<div class="sub-menu-bottom"><a href="/about/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Find out more about the project &raquo;</a></div>

				</div>
				
			</li>
			<li class="but-downloads"><a href="/downloads/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Downloads</a>
				
				<div class="sub-menu">
					<ul>
						<li>
							<h4><a href="/downloads/olympus.php?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Latest Version</a></h4>
							<p><a href="/downloads/olympus.php?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Download the latest stable release of phpBB</a></p>
						</li>
						<li>
							<h4><a href="/downloads/olympus.php?from=submenu&amp;update=1&amp;sid=33ae68887247152b48cb24433723fb0e">Update Packages</a></h4>
							<p><a href="/downloads/olympus.php?from=submenu&amp;update=1&amp;sid=33ae68887247152b48cb24433723fb0e">Automatic Update packages for your phpBB release</a></p>
						</li>
						<li class="last">
							<h4><a href="/languages/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Language Packs</a></h4>
							<p><a href="/languages/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Translate phpBB into (almost) any language you like.</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<h4><a href="/customise/db/modifications-1/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Modifications</a></h4>
							<p><a href="/customise/db/modifications-1/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Download validated MODs to extend phpBB&rsquo;s functionality.</a></p>
						</li>
						<li>
							<h4><a href="/customise/db/styles-2/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Styles</a></h4>
							<p><a href="/customise/db/styles-2/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Your forums need a new look? Browse our Styles DB.</a></p>
						</li>
						<li class="last">
							<h4><a href="/demo/?sid=33ae68887247152b48cb24433723fb0e">Demo</a></h4>
							<p><a href="/demo/?sid=33ae68887247152b48cb24433723fb0e">Give phpBB a try with a fully-featured demo board.</a></p>
						</li>

					</ul>
					<div class="sub-menu-bottom"></div>
				</div>
				
			</li>
			<li class="but-customise"><a href="/customise/db/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Customise</a>
				
				<div class="sub-menu">
					<ul>
						<li>
							<h4><a href="/mods/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Modifications</a></h4>
							<p><a href="/mods/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Guides on how to use them and how to create your own.</a></p>
						</li>
						<li>
							<h4><a href="/customise/db/modifications-1/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Modification database</a></h4>
							<p><a href="/customise/db/modifications-1/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Download and submit your work to the MOD database.</a></p>
						</li>
						<li class="external last" title="Opens an external link.">
							<h4><a href="http://wiki.phpbb.com/?from=submenu">Development Wiki</a></h4>
							<p><a href="http://wiki.phpbb.com/?from=submenu">Share experience and learn more about the codebase.</a></p>
						</li>

					</ul>

					<ul>
						<li>
							<h4><a href="/styles/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Styles</a></h4>
							<p><a href="/styles/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Guides on how to use them and to create your own Styles.</a></p>
						</li>
						<li>
							<h4><a href="/customise/db/styles-2/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Styles database</a></h4>
							<p><a href="/customise/db/styles-2/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Download and submit your Styles to our Styles database.</a></p>
						</li>
						<li class="last">
							<h4><a href="/styles/demo/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Styles Demo</a></h4>
							<p><a href="/styles/demo/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Test drive all the Styles from our database.</a></p>
						</li>

					</ul>
					<div class="sub-menu-bottom"></div>
				</div>
				
			</li>
			<li class="but-support"><a href="/support/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Support</a>
				
				<div class="sub-menu sub-menu-extra">
					<ul>
						<li>
							<h4><a href="/support/documentation/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Documentation</a></h4>
							<p><a href="/support/documentation/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Installation guide and the complete documentation.</a></p>
						</li>
						<li>
							<h4><a href="/kb/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Knowledge Base</a></h4>
							<p><a href="/kb/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Team and user submitted ar&shy;ticles covering support areas.</a></p>
						</li>
						<li class="last">
							<h4><a href="/support/tutorials/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Flash Tutorials</a></h4>
							<p><a href="/support/tutorials/3.0/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">View Flash Tutorials that help you with the use of phpBB.</a></p>
						</li>
						
					</ul>
					<ul>
						<li>
							<h4><a href="/support/forums/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Support Forums</a></h4>
							<p><a href="/support/forums/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Please use the search facility before posting a question.</a></p>
						</li>
						<li>
							<h4><a href="/support/irc/?sid=33ae68887247152b48cb24433723fb0e">IRC Support</a></h4>
							<p><a href="/support/irc/?sid=33ae68887247152b48cb24433723fb0e">Old school? Visit the IRC support channel on freenode.</a></p>
						</li>
						<li class="last">
							<h4><a href="/support/intl/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">International Support</a></h4>
							<p><a href="/support/intl/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Find a 3rd party support site in your first language.</a></p>
						</li>
					</ul>
					<div class="sub-menu-bottom"><a href="/support/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">More information on support &raquo;</a></div>
				</div>
				
			</li>
			<li class="but-development"><a href="/development/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Development</a>
				
				<div class="sub-menu sub-menu-extra">
					<ul class="wide-menu">
						<li class="external wide-menu-item" title="Opens an external link.">
							<h4><a href="http://area51.phpbb.com/?from=submenu">Area51 phpBB Development</a></h4>
							<img style="float:right;" src="/theme/images/area51/alien32.png" alt="Area51 Alien" />
							<p><a href="http://area51.phpbb.com/?from=submenu">All Development Discussion takes place at Area51. Bug tracker, development wiki, continuous integration and other development tools are located here. Find out how to get involved in phpBB development.</a></p>
						</li>
					</ul>
					<ul>
						<li class="external" title="Opens an external link.">
							<h4><a href="http://tracker.phpbb.com/?from=submenu">phpBB Bug Tracker</a></h4>
							<p><a href="http://tracker.phpbb.com/?from=submenu">Report problems with phpBB here.</a></p>
						</li>
						<li class="last">
							<h4><a href="/bugs/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">phpBB Projects Tracker</a></h4>
							<p><a href="/bugs/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Report issues with the Website, Customisation Database, and Team Tools here</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<h4><a href="/security/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Security Tracker</a></h4>
							<p><a href="/security/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">The tracker for security issues in phpBB or validated MODs.</a></p>
						</li>
						<li class="external last" title="Opens an external link.">
							<h4><a href="http://wiki.phpbb.com/?from=submenu">Development Wiki</a></h4>
							<p><a href="http://wiki.phpbb.com/?from=submenu">Share experience and learn more about the codebase.</a></p>
						</li>
					</ul>
					<div class="sub-menu-bottom"><a href="/development/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">Participate in phpBB development now &raquo;</a></div>
				</div>
				
			</li>
			<li class="but-blog"><a href="http://blog.phpbb.com/"><span></span>Blog</a></li>
			<li class="but-community"><a href="/community/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Community</a>
				
				<div class="sub-menu sub-menu-extra">
					<ul>
						<li>
							<h4><a href="/community/viewforum.php?from=submenu&amp;f=46&amp;sid=33ae68887247152b48cb24433723fb0e">Support Forums</a></h4>
							<p><a href="/community/viewforum.php?from=submenu&amp;f=46&amp;sid=33ae68887247152b48cb24433723fb0e">Help with installation &amp; running phpBB &ndash; search first!</a></p>
						</li>
						<li>
							<h4><a href="/community/viewforum.php?from=submenu&amp;f=81&amp;sid=33ae68887247152b48cb24433723fb0e">Modification Forums</a></h4>
							<p><a href="/community/viewforum.php?from=submenu&amp;f=81&amp;sid=33ae68887247152b48cb24433723fb0e">Discuss and view MODs that are available for download.</a></p>
						</li>
						<li class="last">
							<h4><a href="/community/viewforum.php?from=submenu&amp;f=80&amp;sid=33ae68887247152b48cb24433723fb0e">Styles Forums</a></h4>
							<p><a href="/community/viewforum.php?from=submenu&amp;f=80&amp;sid=33ae68887247152b48cb24433723fb0e">Discuss and view Styles that are available for download.</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<h4><a href="/community/viewforum.php?from=submenu&amp;f=64&amp;sid=33ae68887247152b48cb24433723fb0e">phpBB Discussion</a></h4>
							<p><a href="/community/viewforum.php?from=submenu&amp;f=64&amp;sid=33ae68887247152b48cb24433723fb0e">Discussions on all things phpBB: features, future, etc.</a></p>
						</li>
						<li>
							<h4><a href="/community/viewforum.php?from=submenu&amp;f=6&amp;sid=33ae68887247152b48cb24433723fb0e">General Discussion</a></h4>
							<p><a href="/community/viewforum.php?from=submenu&amp;f=6&amp;sid=33ae68887247152b48cb24433723fb0e">General discussion and intelligent conversations.</a></p>
						</li>
						<li class="external last" title="Opens an external link.">
							<h4><a href="http://area51.phpbb.com/phpBB/">Area51</a></h4>
							<p><a href="http://area51.phpbb.com/phpBB/">Bleeding edge testing and development discussion.</a></p>
						</li>
						
					</ul>
					<div class="sub-menu-bottom"><a href="/community/?from=submenu&amp;sid=33ae68887247152b48cb24433723fb0e">&#0133; and many more forums &raquo;</a></div>
				</div>
				
			</li>
			<li class="but-hosting"><a href="/hosting/?sid=33ae68887247152b48cb24433723fb0e"><span></span>Hosting</a></li>
			<li id="searchbox">
				<fieldset>
					<!-- Google CSE Search Box Begins -->
					<form method="get" action="/search/?sid=33ae68887247152b48cb24433723fb0e">
						<p><input name="q" id="q" type="text" size="40" value="" /></p>
					</form>
				</fieldset>
			</li>
		</ul>
	</div>

Open in new window

screen shot showing PHPBB banner image with social media icons

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

DantechITAuthor Commented:
Where do I put the html in phpbb?
Ray PaseurCommented:
I don't know without spending a lot of time researching PHPBB, and a question like "Where do I put the html..." leads me to believe that you should consider hiring a professional programmer to help you with this.  I believe that time is money and since a pro would be able to dig into the code with a deep background of understanding and a sense of purpose, you would be able to save a lot of time by spending a small amount of money.  You may find some online forums that talk about PHPBB, but even then, you'll be doing a research project on a topic that should be fairly well understood among the cognoscenti.  I can describe the process you or your professional would have to follow, and I did that to the best of my ability in the post above.  Best of luck with it, ~Ray
DantechITAuthor Commented:
Thank you.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.