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?
Overall header template modification
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!
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!
Overall header template modification
- Attachments
-
- after.GIF (2.22 KiB) Viewed 7066 times
-
- before.GIF (1.78 KiB) Viewed 7064 times
- NNO-Stephen
- Registered User
- Posts: 398
- Joined: Fri May 23, 2003 12:47 am
- Location: Tulsa, Oklahoma
- Contact:
Re: Overall header template modification
heh, looks to me how it's displayed in phpBB looks more accurate than the pixilated mess the other one is :p
Re: Overall header template modification
To me, it isn't.
Actually, I just happen to post low-quality image to save resources.
Actually, I just happen to post low-quality image to save resources.
Re: Overall header template modification
We'd need to see what code makes up that bar and what extra css you copied in
Re: Overall header template modification
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} • {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.
......................................
......................................
<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} • {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 (5.4 KiB) Viewed 6836 times
Re: Overall header template modification
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
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.
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>
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.
Re: Overall header template modification
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
Everything has ø in it
Re: Overall header template modification
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.
ACP->Style->Templates::SubSilver->Edit->Templates
But okay, point noted
ps - Thanks Klors.