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 ***.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 :kid:
Overall Black Pearl Header
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^^
and you need to edit the stylesheet.css
replace the line
with the image or header you want to display
to remove the header of icy just comment it out in the overall_header template^^
<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"> </td>
</tr>
</table-->
</div>
<!--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"> </td>
</tr>
</table-->
</div>
and you need to edit the stylesheet.css
#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;
}
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
background: url('styles/black_pearl/theme/images/top_header.png') repeat;
with the image or header you want to display
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
Thanks for your help
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
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
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
<!--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"> </td>
</tr>
</table-->
<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"> </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
Subject: Re: Overall Black Pearl Header
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:
Replace with:
Open styles/black_pearl/imageset/imageset.cfg
Find:
Replace with:
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:
Replace with:
chemical_brother2008 wrote: [View Post]
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:
- <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"> </td>
- </tr>
- </table>
- </div>
Replace with:
- <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:
Replace with:
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:
Replace with:
Page 1 of 1
You cannot post new topicsYou cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events
This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Powered by Icy Phoenix based on phpBB
Generation Time: 0.9596s (PHP: 2% SQL: 98%)
SQL queries: 18 - Debug Off - GZIP Enabled