Overall header template modification

Discussion of general topics related to the new version and its place in the world. Don't discuss new features, report bugs, ask for support, et cetera. Don't use this to spam for other boards or attack those boards!
Forum rules
Discussion of general topics related to the new release and its place in the world. Don't discuss new features, report bugs, ask for support, et cetera. Don't use this to spam for other boards or attack those boards!
Post Reply
user99
Registered User
Posts: 63
Joined: Thu Jan 04, 2007 9:36 pm

Overall header template modification

Post by user99 »

i copy pasted some css code into overall header template, and as a result, the css horizontal bar has got "shrunk" in size.

is there some other code that i have to take care of?
Attachments
after.GIF
after.GIF (2.22 KiB) Viewed 7066 times
before.GIF
before.GIF (1.78 KiB) Viewed 7064 times

User avatar
NNO-Stephen
Registered User
Posts: 398
Joined: Fri May 23, 2003 12:47 am
Location: Tulsa, Oklahoma
Contact:

Re: Overall header template modification

Post by NNO-Stephen »

heh, looks to me how it's displayed in phpBB looks more accurate than the pixilated mess the other one is :p
Image

user99
Registered User
Posts: 63
Joined: Thu Jan 04, 2007 9:36 pm

Re: Overall header template modification

Post by user99 »

To me, it isn't.

Actually, I just happen to post low-quality image to save resources.

Klors
Registered User
Posts: 95
Joined: Fri Sep 19, 2003 2:08 pm

Re: Overall header template modification

Post by Klors »

We'd need to see what code makes up that bar and what extra css you copied in

user99
Registered User
Posts: 63
Joined: Thu Jan 04, 2007 9:36 pm

Re: Overall header template modification

Post by user99 »

So here is the modified overall_header template.

......................................
......................................
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; {PAGE_TITLE}</title>

++++++++++++++++++++++++added code starts here++++++++++++++++++++++++
<style type="text/css">

#pt_underlinemenu{
margin: 0;
padding: 0;
}

#pt_underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

#pt_underlinemenu ul #current a{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}

#pt_underlinemenu ul li{
display: inline;
}


#pt_underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(images/menudivide.gif) top right repeat-y;
}

#pt_underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}

</style>

<br>
<div id="pt_underlinemenu">
<ul>
<li><a href="http://xxx.com" title="Home">Home</a></li>
<li><a href="http://xxx.com" title="CSS Library">CSS</a></li>
<li><a href="http://xxx.com" title="New">New</a></li>
<li id="current"><a href="http://xxx.com"
title="Revised">Revised</a></li>
<li><a href="http://xxx.com" title="Tools">Tools</a></li>
<li><a href="http://xxx.com" title="DHTML Forums">Forums</a></li>
</ul>
</div>
<br>

++++++++++++++++++++++++added code ends here++++++++++++++++++++++++


<!-- IF T_STYLESHEET_LINK -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!-- ELSE -->
<style type="text/css">
......................................
......................................


I don't know if I put code at correct place inside this file.

Another thing I noticed is that site logo (replacement of phpBB logo) appears at extreme right in other browsers.
Attachments
phpbb-otherbrowsers2.GIF
(6.46 KiB) Downloaded 1019 times
phpbb-ie.GIF
phpbb-ie.GIF (5.4 KiB) Viewed 6836 times

Klors
Registered User
Posts: 95
Joined: Fri Sep 19, 2003 2:08 pm

Re: Overall header template modification

Post by Klors »

I'm afraid I don't have time to post modifications to this at the moment, but essentially I think...

The bar "shrunk" as you've not got a font-size set in any of those styles for your menu bar, so it's inherited the phpBB subSilver default sizes.

As for the logo appearing on the right... have you actually posted the menu bar html code in directly to the header? (not the css portion) If you have that's very likely what is causing this issue...

move

Code: Select all

<br>
<div id="pt_underlinemenu">
<ul>
<li><a href="http://xxx.com" title="Home">Home</a></li>
<li><a href="http://xxx.com" title="CSS Library">CSS</a></li>
<li><a href="http://xxx.com" title="New">New</a></li>
<li id="current"><a href="http://xxx.com"
title="Revised">Revised</a></li>
<li><a href="http://xxx.com" title="Tools">Tools</a></li>
<li><a href="http://xxx.com" title="DHTML Forums">Forums</a></li>
</ul>
</div>
<br>
down to somewhere below the <body> tag, preferably after the <div> that contains the entire page...

oh and PS. you're not supposed to be messing with this if you don't know what you're doing at the moment as we're not supposed to give you support.... and you posted in the wrong forum too really. :)

Rotsblok
Registered User
Posts: 325
Joined: Mon Nov 14, 2005 12:21 pm
Location: x= y+1

Re: Overall header template modification

Post by Rotsblok »

may i add that modifications are not supported at the moment and that phpBB3 should not be runned in a life environment
ø = 1.618033988749895...
Everything has ø in it

user99
Registered User
Posts: 63
Joined: Thu Jan 04, 2007 9:36 pm

Re: Overall header template modification

Post by user99 »

:) On other hand this is not modification. Lets say I am just testing following option

ACP->Style->Templates::SubSilver->Edit->Templates

But okay, point noted :)

ps - Thanks Klors.

Post Reply