Solved

How can I copy this banner?

Posted on 2012-04-04
6
601 Views
Last Modified: 2012-04-09
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
0
Comment
Question by:DantechIT
  • 3
  • 2
6 Comments
 
LVL 17

Expert Comment

by:sonawanekiran
Comment Utility
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
0
 

Author Comment

by:DantechIT
Comment Utility
I need the buttons with code as well.
0
 
LVL 108

Accepted Solution

by:
Ray Paseur earned 500 total points
Comment Utility
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
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

Author Comment

by:DantechIT
Comment Utility
Where do I put the html in phpbb?
0
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
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
0
 

Author Closing Comment

by:DantechIT
Comment Utility
Thank you.
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
get radio button vale in array 7 35
Page showing diff display 4 19
Codiing Non-Existent Links 4 21
HTML CSS 7 14
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now