complete header vervangen voor logo breedte auto

[NLRisingSun]

• localhost http://
  mods:geen
  Wanneer ontstond het probleem?nu
  phpBB versie:laatste
  
  Heb je onlangs iets veranderd aan je forum? style
  Wat is het probleem? header aanpassen

Beste,

Ben aan het oefenen met een forum op mijn localhost zodat hij later online kan.
Gebruik nu de prosilver_se style aangepast in eigen kleur. Nu wil ik de complete header verwijderen zoals hier https://www.phpbb.com/community/viewtop ... 4&t=812095

Dit is geen probleem, maar nu: Ik wil een logo/header maken van een foto met forumnaam erin en deze dan als klikbare (naar home) header/banner.

Nu is mijn vraag hoe kan ik dit doen? Het idee is wel dat het logo net zo breed is als het forum (verschilt per resolutie/mobiel/pc) Wat zou het aantal pixels moeten zijn? ik gebruik deze style: http://demo.phpbb3styles.net/prosilver+Special+Edition die automatisch het forum centreerd en op een bepaalde breedte houdt, de werking hiervan snap ik alleen niet.

Iemand enige idee wat ik bedoel?
Gr

[David]

Heb jij dit artikel ook gelezen, https://www.phpbb.com/community/viewtopic.php?t=639205 misschien maakt dat een hoop duidelijk over het wijzigingen van de header. De breedte van het logo zou 846px kunnen zijn, de lengte kun je zelf bepalen! Hopelijk kom je hier een beetje mee vooruit

[NLRisingSun]

Bedankt voor je reactie,

Heb nu onderstaande gedaan, alleen is het logo nu heel smal en heel hoog? dus drukt het hele forum naar beneden...

Maar het liefst heb ik hele header gedeelte weg, (dus de balk in de kleur van het forum) en daarvoor in de plaats alleen het logo.
EDIT: heb het opgelost, je moet imageset.cfg ook aanpassen naar de maat van je afbeelding!

Add a Custom Header Image
1) First of all, upload your image to the styles/prosilver/theme/images/ directory.

2) Open styles/prosilver/theme/common.css
Find:
CODE: SELECT ALL
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;

After, add:
CODE: SELECT ALL
height: 100px;

Change the height according to your image.

3) Open styles/prosilver/theme/colours.css
Find:
CODE: SELECT ALL
.headerbar {
background-color: #12A3EB;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}

Change bg_header.gif to the name of your image.

4) Open styles/prosilver/template/overall_header.html
Find:
CODE: SELECT ALL
<div id="site-description">

Before, add:
CODE: SELECT ALL
<div style="height: 90px;">

Note: The height must be 10 pixels less than the height of your image!

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

After, add:
CODE: SELECT ALL
</div>

5) Refresh your theme and template.