Icy Phoenix

phpBB 3 MODS And Styles (Not Compatible With phpBB 3.1) - Overall Black Pearl Header

chemical_brother2008 [ Sat 02 Aug, 2008 13:07 ]
Post subject: Overall Black Pearl Header

I`m really hoping someone can help me, great templates and excellent support site bt the way congratulations guys.

Im looking for a new template for new forums for my gaming site and the black pearl is the only one that really fits what im trying to achieve.

At the moment the whole site is E107 including the forums located at www.ukmarinecore.com . I would like to change the forums to phpbb3 as I really love using it. I have a problem, I really need to change the logo thats at the top of the page on the black pearl style, I have high lighted in red on the attached picture what I`m trying to do, I would like to be able to fill that whole area with one picture. Is this possible ? sorry if im asking a question in the wrong place I`m very new to this any help would be greatfully recieved. I`m really hoping someone can solve this problem for me as I would love to use this template and this site to learn more about phpbb3

Thanks for your time and to anyone that responds to me

Huor [ Sat 02 Aug, 2008 18:31 ]
Post subject: Re: Overall Black Pearl Header

ofc thats possible you only need to edit the overall_header.html and the css...

to remove the header of icy just comment it out in the overall_header template^^

Code: [Hide] [Select]

<div id="top_logo">

  <!--table width="100%" cellspacing="0" cellpadding="0" border="0">

    <tr>

      <td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

      <td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION} </span></td>

      <td align="right" valign="top">&nbsp;</td>

    </tr>

  </table-->

</div>

and you need to edit the stylesheet.css

Code: [Hide] [Select]

#top_logo{

	border-width: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;	

	background: url('styles/black_pearl/theme/images/top_header.png') repeat;

	height: 206px;

}

replace the line

Code: [Hide] [Select]

background: url('styles/black_pearl/theme/images/top_header.png') repeat;

with the image or header you want to display

chemical_brother2008 [ Sun 03 Aug, 2008 03:15 ]
Post subject: Re: Overall Black Pearl Header

The image that i would like to put in the place of the small image is this one at the top. The width and height are alot more than is stated in the css which i think is 150 x 150 how do i enlarge this to fit this picture which is 942 x 175 ???

Thanks for your help

Huor [ Sun 03 Aug, 2008 17:15 ]
Post subject: Re: Overall Black Pearl Header

I dont really understand your question...
you want to add the banner of the example and replace the icy logo with it?

I just thought you want to show the banner at the top without any Site Information or Site Logo
is i have seen it in the example you need to comment out the table of my example code

Code: [Hide] [Select]

 <!--table width="100%" cellspacing="0" cellpadding="0" border="0">

   <tr>

     <td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

     <td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION} </span></td>

     <td align="right" valign="top">&nbsp;</td>

   </tr>

 </table-->

And then you have to add the css. The size for black peral is 960 px - you you should make your imahe to 960 x the size of the top logo can be changed by the "height" parameter in the css file

Code: [Hide] [Select]

#top_logo{

   border-width: 0px 0px 0px 0px;

   margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;    

   background: url('styles/black_pearl/theme/images/top_header.png') repeat;

   height: 206px;

}

Ratt [ Fri 05 Sep, 2008 14:29 ]
Post subject: Re: Overall Black Pearl Header

chemical_brother2008 wrote: [View Post]
The image that i would like to put in the place of the small image is this one at the top. The width and height are alot more than is stated in the css which i think is 150 x 150 how do i enlarge this to fit this picture which is 942 x 175 ???

Thanks for your help

Actually the default image dimensions are defined in the imageset.cfg file. To remove the name of your site and site description and use only an image. Open styles/overall_header.html and find:

Code: [Hide]

<div id="top_logo">
 
<table width="100%" cellspacing="0" cellpadding="0" border="0">
 
<tr>
 
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
 
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
 
<td align="right" valign="top">&nbsp;</td>
 
</tr>
 
</table>
 
</div>

Replace with:

Code: [Hide]

<div id="top_logo">
 
<table width="100%" cellspacing="0" cellpadding="0" border="0">
 
<tr>
 
<td height="175" width="942" align="center" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
 
</tr>
 
</table>
 
</div>

Open styles/black_pearl/imageset/imageset.cfg
Find:

Code: [Hide]

img_site_logo = sitelogo_small.png*150*150

Replace with:

Code: [Hide]

img_site_logo = your image name*175*942

Refresh your cache and image cache. If the image by default does not suit your dimension need, You can edit the size of the image over riding the cfg file config for it by using the image editor in your ACP.

If you wish to set the width for your board, you can do this by editing the _mg_config.html file.
Find:

Code: [Hide]

Replace with:

Code: [Hide]