Pagina 1 van 1
complete header vervangen voor logo breedte auto
Geplaatst: 23 mar 2013, 12:46
door 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
Re: complete header vervangen voor logo breedte auto
Geplaatst: 23 mar 2013, 22:15
door 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
Re: complete header vervangen voor logo breedte auto
Geplaatst: 24 mar 2013, 08:57
door 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.