[How To] Modify prosilver's header

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
shaka!!
Registered User
Posts: 35
Joined: Wed Aug 27, 2008 7:38 am

Re: [How To] Modify prosilver's header

Post by shaka!! » Mon Apr 13, 2009 11:39 pm

I've just replaced the change font size with the search box, but for some reason the box that it is in (the place where the index > forum > thread buttons are) is way too large.

If you didn't get that, see it here.

Is there anyway to fix that?

Here is my code:

Code: Select all

<!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="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	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
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* 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="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">

				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>



			<span class="corners-bottom"><span></span></span></div>
		</div>

		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

                <li class="rightside" style="font-size: 1em;">
              <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                 <div id="search-box">
                    <form action="{U_SEARCH}" method="post" id="search">
                    <fieldset>
                       <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}'this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                       <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                        {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                 </div>
              <!-- ENDIF -->
            </li>				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

User avatar
Chino
Registered User
Posts: 34
Joined: Thu Mar 26, 2009 9:08 pm

Re: [How To] Modify prosilver's header

Post by Chino » Tue Apr 14, 2009 4:12 am

I'm looking to modify and condense my Prosilver header, as I see some others have mentioned too. The most important thing to me is the "View New Posts" link, which appears in the Board Index area but nowhere else. I would like to see this wherever I am on the site. Can anyone advise me (a newbie) on what file(s) must be edited, and how to edit them for what I want? I looked at the overall_header file, searched on "View Your Posts" and "Members", and could not find those terms in the file, so I wasn't sure this was the right thing to be editing?

Here is how it is now. I would like to move the "View Unanswered Posts" and other items on this line above, on the same line as "Members", "FAQ", etc.

Thanks in advance!!
Last edited by Chino on Sat Apr 25, 2009 2:25 am, edited 1 time in total.

BlueAltitude
Registered User
Posts: 11
Joined: Fri Apr 17, 2009 7:14 pm

Re: [How To] Modify prosilver's header

Post by BlueAltitude » Tue Apr 21, 2009 9:57 pm

How much is the width and length of the prosilver_se header?
I can't find the width or length anywhere! :(

User avatar
Sex_Pistols
Registered User
Posts: 60
Joined: Mon Jun 30, 2008 1:29 pm

Re: [How To] Modify prosilver's header

Post by Sex_Pistols » Thu Apr 23, 2009 5:27 pm

Hello, I followed this threads way to modify the logo in prosilver, but it looks like this instead:

http://img7.imageshack.us/img7/6721/logoproblem.jpg

What's wrong? Thanks!

User avatar
Chino
Registered User
Posts: 34
Joined: Thu Mar 26, 2009 9:08 pm

Re: [How To] Modify prosilver's header

Post by Chino » Thu Apr 23, 2009 5:54 pm

I can't be of any help, but have to say... Whoah! What a sweet logo you have!

rickstones
Registered User
Posts: 1
Joined: Fri Apr 24, 2009 4:30 pm

Re: [How To] Modify prosilver's header

Post by rickstones » Fri Apr 24, 2009 9:37 pm

I attempted to modify prosilver Special Edition using these instructions. Everything worked great, except it messed up the formatting of the board index list.

Here's the original:
Image

...and after the modification:
Image

It also messed up the bottom rounded corners of the background image. I tried to crop my image to exactly 100px...

common.css

Code: Select all

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
    height: 100px;
}

overall_header.html - #1

Code: Select all

<div style="height: 90px;">
                
        	   <div id="site-description">
overall_header.html - #2

Code: Select all

<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
       	</fieldset>
        	</form>
        </div>
  <!-- ENDIF -->
       		
</div>

Sorry for being so clueless about this stuff... I just wondered if there was something different about SE that was causing my problem, or if I am doing something wrong.

Thanks.

User avatar
Sex_Pistols
Registered User
Posts: 60
Joined: Mon Jun 30, 2008 1:29 pm

Re: [How To] Modify prosilver's header

Post by Sex_Pistols » Sat Apr 25, 2009 2:03 am

Chino wrote:
I can't be of any help, but have to say... Whoah! What a sweet logo you have!
Thank you! I'm glad that you find it to your liking. ;)

User avatar
SecondShoe
Registered User
Posts: 48
Joined: Thu Dec 13, 2007 7:16 pm
Contact:

Re: [How To] Modify prosilver's header

Post by SecondShoe » Sun Apr 26, 2009 10:23 pm

Very usefull topic. Thanks!

duesmandella
Registered User
Posts: 7
Joined: Sun Jan 04, 2009 3:58 pm

Re: [How To] Modify prosilver's header

Post by duesmandella » Fri May 01, 2009 11:29 pm

Anyone figure out how to make it so the image refreshes itself? or so the picture changes if they click into another forum?
I have a car site and sometimes you dont want to just stare at one car the whole time and you have to refresh the page
http://www.518carscene.com/

User avatar
Chino
Registered User
Posts: 34
Joined: Thu Mar 26, 2009 9:08 pm

Re: [How To] Modify prosilver's header

Post by Chino » Sat May 02, 2009 4:46 am

duesmandella wrote:Anyone figure out how to make it so the image refreshes itself? or so the picture changes if they click into another forum?
I have a car site and sometimes you dont want to just stare at one car the whole time and you have to refresh the page
http://www.518carscene.com/
How about this? Or, here are some other search results.

duesmandella
Registered User
Posts: 7
Joined: Sun Jan 04, 2009 3:58 pm

Re: [How To] Modify prosilver's header

Post by duesmandella » Sat May 02, 2009 5:14 pm

Chino wrote:
duesmandella wrote:Anyone figure out how to make it so the image refreshes itself? or so the picture changes if they click into another forum?
I have a car site and sometimes you dont want to just stare at one car the whole time and you have to refresh the page
http://www.518carscene.com/
How about this? Or, here are some other search results.
Thats what i have, ive searched like crazy, im hoping someone just comes up with an idea to do it though, make it so only the header image refreshes on a timer and not the page itself

Guillem_89
Registered User
Posts: 26
Joined: Fri Apr 03, 2009 10:13 am

Re: [How To] Modify prosilver's header

Post by Guillem_89 » Mon May 11, 2009 9:32 pm

Hey,

First of all thank you. Here's the result I get. It's driving me nuts... any help would be really appreciated:

http://dl.getdropbox.com/u/871481/wird.JPG

Thanks!

G.A.Lorda

WasntMe
Registered User
Posts: 118
Joined: Wed Oct 20, 2004 3:50 pm
Location: Up North, England

Re: [How To] Modify prosilver's header

Post by WasntMe » Tue May 12, 2009 10:13 pm

Deleted because it was numpty of me and I have sussed it. :oops:
Last edited by WasntMe on Thu May 14, 2009 8:10 pm, edited 1 time in total.
Is it that time already?

WasntMe
Registered User
Posts: 118
Joined: Wed Oct 20, 2004 3:50 pm
Location: Up North, England

Re: [How To] Modify prosilver's header

Post by WasntMe » Tue May 12, 2009 10:53 pm

As above :shock: :roll:
Last edited by WasntMe on Thu May 14, 2009 8:10 pm, edited 1 time in total.
Is it that time already?

User avatar
Trogan
Registered User
Posts: 88
Joined: Fri May 08, 2009 8:39 pm
Location: In your dreams
Contact:

Re: [How To] Modify prosilver's header

Post by Trogan » Wed May 13, 2009 10:11 pm

srry if i am asking something that has already been asked but how do i add a background image to the background for global? like

Code: Select all

background-image: url("http://www.torous1234.co.cc/testbackground.png"); 
?
"Yet, As i walk through the valley of the shadows of death. I Shall fear no evil."

Locked

Return to “[3.0.x] Styles Support & Discussion”