Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How can I copy this banner?

Posted on 2012-04-04
6
Medium Priority
?
624 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 17

Expert Comment

by:sonawanekiran
ID: 37809518
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
ID: 37809527
I need the buttons with code as well.
0
 
LVL 111

Accepted Solution

by:
Ray Paseur earned 2000 total points
ID: 37809611
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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:DantechIT
ID: 37815254
Where do I put the html in phpbb?
0
 
LVL 111

Expert Comment

by:Ray Paseur
ID: 37816272
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
ID: 37826217
Thank you.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to dynamically set the form action using jQuery.

721 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