Dit is een archief van het phpBBservice.nl forum. Nieuwe berichten plaatsen is niet meer mogelijk.
J
#1
Hoi,

Ik ben voor het dogsforum, een groot logo online aan het zetten, ik probeer het nu nog uit of het lukt, maar met het grote logo is het nog niet helemaal gelukt, aan de rechterkant is het namelijk nog wit.
http://maaike1.myblogsite.nl/phpBB3

Ik heb het op deze manier gedaan:
Raimon schreef:open colours.css

zoek:

Code: Selecteer alles

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

vervang met :

Code: Selecteer alles

.headerbar {
	background-image: url("{T_THEME_PATH}/images/jouw_afbeelding.gif");
	color: #FFFFFF;
}
upload jouw_afbeelding naar de map /styles/prosilver/theme/images/

daarna vernieuw je het thema ( acp -> stijlen -> thema's -> vernieuwen ) .
En vervolgens heb ik dit nog gedaan:
Raimon schreef:Open colours.css

zoek:

Code: Selecteer alles

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}
vervang met:

Code: Selecteer alles

.headerbar {
	background-color: transparent;
	background-image: url("http://dev.aplus-webdesigns.nl/fsx/images/layout/header.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
}
open overall_header.html

zoek:

Code: Selecteer alles

<div id="site-description">
vervang met:

Code: Selecteer alles

<div id="site-description" style="height: 120px;">
open overall_header.html

zoek:

Code: Selecteer alles

<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
en verwijder het.

En hoe bedoel je met die zoekbalk, wil je die zoekbalk houden, of gewoon een link naar de zoekfunctie, met een zoek afbeelding?
Ook zou ik graag willen dat het phpBB logo verdwijnt, en dat daar dan helemaal niks staat, dus dat de header alleen het logo vormt van het forum.
Zie complete artikel: https://phpbbservice.nl/forum/viewtopic ... 725#p33296

Alvast bedankt voor de hulp! Joep
R
#2
joept schreef:Hoi,

Ik ben voor het dogsforum, een groot logo online aan het zetten, ik probeer het nu nog uit of het lukt, maar met het grote logo is het nog niet helemaal gelukt, aan de rechterkant is het namelijk nog wit.
http://maaike1.myblogsite.nl/phpBB3
Dat komt omdat de afbeelding eigenlijk te klein is je kan er een achtergrond aan toevoegen of hem laten repeaten.
Je kan bijvoorbeeld in colours.css

dit veranderen in ;

Code: Selecteer alles

    .headerbar {
       background-color: transparent;
       background-image: url("http://maaike1.myblogsite.nl/phpBB3/styles/prosilver/theme/images/dogsforum.jpg");
       background-repeat: no-repeat;
       color: #FFFFFF;
    }
in dit ;

Code: Selecteer alles

    .headerbar {
       background-color: transparent;
       background-image: url("http://maaike1.myblogsite.nl/phpBB3/styles/prosilver/theme/images/dogsforum.jpg");
       background-repeat: repeat-x;
       color: #FFFFFF;
    }
Of je moet de afbeelding groter maken, of een andere optie is om de afbeelding te centreren en er een achtergrondkleur aan toe te voegen.

Trouwens je hebt ook een typo in je stylesheet

open colours.css

zoek:

Code: Selecteer alles

}

.navbar {
	background-color: #C1F4F2;
}
vervang met:

Code: Selecteer alles

.navbar {
	background-color: #C1F4F2;
}
Ook zou ik graag willen dat het phpBB logo verdwijnt, en dat daar dan helemaal niks staat, dus dat de header alleen het logo vormt van het forum.
Zie complete artikel: https://phpbbservice.nl/forum/viewtopic ... 725#p33296

Alvast bedankt voor de hulp! Joep
Open overall_header.html

zoek:

Code: Selecteer alles

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
en verwijder het.

Daarna moet je de template vernieuwen ( Beheerderspaneel -> Stijlen -> templates -> Vernieuwen ).
J
#3
Hoi,

Ik heb het via het repeaten gedaan, dat leek mij even de mooiste oplossing, maar ik wil toch de banner (de header) net wat groter maken. Zodat het niet meer nodig is, maar hoe groot moet ik hem dan maken?

Joep
J
#4
Ik heb de afbeelding gewoon opgerekt, net zolang tot dat het past, de breete moet zijn: 967 pixels.

Joep
K
#5
Volgens mij werkt dat niet helemaal zo, moet je maar is kijken op een 15 inch scherm of met een resolutie van 800 x 600 dan mis je het laatste stuk van je header. Doorgaans is het de bedoeling dat elke bezoeker ongeacht zijn scherm je website goed te zien krijgt.
J
#6
Dat is jammer, ik dacht het zo goed opgelost te hebben :)
Maar hoe zorg ik er nou voor dat iedereen de website goed kan zien.
Hoe groot moet ik het logo/header dan maken?

Joep
J
#7
Hoi Kevin,

Ik heb even een oud topic over dat grote logo gevonden: https://phpbbservice.nl/forum/viewtopic ... 725#p33296
Hier hebben ze het over het forum: www.flightsimulatorx.nl
Hier past het grote logo wel gewoon, zonder problemen, ik heb even op een ander beeldscherm aangesloten.
Daar is mijn logo: http://maaik1.myblogsite.nl wordt er een stuk aangeplakt.
Terwijl bij het flightsimulatorx forum gebeurd dat niet. Hoe kan dit. Mijn logo (van het dogsforum) is toch echt groter: http://maaike1.myblogsite.nl/phpBB3/sty ... sforum.jpg 967 x 284 pixels
Van het flightsimulatorX forum: http://dev.aplus-webdesigns.nl/fsx/imag ... header.gif 938 x 132 pixels

Snap jij het of snap ik het?
R
#8
joept schreef:Ik heb even een oud topic over dat grote logo gevonden: https://phpbbservice.nl/forum/viewtopic ... 725#p33296
Hier hebben ze het over het forum: http://www.flightsimulatorx.nl
Hier past het grote logo wel gewoon, zonder problemen, ik heb even op een ander beeldscherm aangesloten.
Dat komt omdat dit forum/site een vaste breedte heeft ongeacht de breedte van het scherm
joept schreef:Daar is mijn logo: http://maaik1.myblogsite.nl wordt er een stuk aangeplakt.
Waarschijnlijk omdat je hem repeat (of te wel als hij niet past dan herhalen tot het vult.
joept schreef:Terwijl bij het flightsimulatorx forum gebeurd dat niet. Hoe kan dit. Mijn logo (van het dogsforum) is toch echt groter: http://maaike1.myblogsite.nl/phpBB3/sty ... sforum.jpg 967 x 284 pixels
Van het flightsimulatorX forum: http://dev.aplus-webdesigns.nl/fsx/imag ... header.gif 938 x 132 pixels

Snap jij het of snap ik het?
zie eerste opmerking van mij. Wil je het zo hebben dan moet je je stijl een vaste breedte geven
Hoe dit te doen...
dat staat hier in
Moet je even zoeken. staat bij dat je hoeken net zo als hier wilt hebben volgens mij
J
#10
Nu is het probleem eindelijk opgelost, ik heb nu gezorgt dat overal het logo goed wordt weergegeven.
Ik heb de style verkleint zoals ik hier boven al had geschreven.

Joep