saaie balk bovenaan opvullen

[Danny L]

Ik ben bezig om een nieuw forum aan te maken (starten van scratch)
Momenteel werken we nog met versie 2, maar door het wegvallen van de ondersteuning, moet ik wel naar versie 3.
Echter het ziet er nogal saai uit en wil de balk bovenaan wat beter invullen.
Zo wil ik bv de naam van onze club in het groot en meer gecentreerd hebben.
Een klok erin zou ook fijn zijn.
Kan dit??
mijn forum: http://www.divinglommel.be/phpBB3

Alvast bedankt.

[Danny L]

Hoe kan ik bv de sitenaam en de omschrijving van de site groter krijgen en meer in het midden?
Dit zou al een stuk beter zijn.
Alvast bedankt!

[Danny L]

Ik zie bij menig forum een fraaie balk bovenaan (zoals hier ook) met een beeld erin.
Welke MOD is dit, en waar vind ik die?

[Kevin]

Dat is geen mod tenzij je de menubalk bedoeld maar html bestanden bewerken. De header vind je in het bestand styles/jouwstijl/template/overall_header.html
Die kun je aanpassen naar wat je wilt.

[Danny L]

Aha,
dus hier moet het dan te doen zijn om m'n sitenaam en site-omschrijving aan te passen.

Code: Selecteer alles

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Enkel het probleem dat ik van html totaal niks af ken.
copy-paste OK, maar da's dan ook alles.
Wat moet ik hier veranderen om deze tekst groter in meer gecentreerd te krijgen?
Hoe pas ik de achtergrond aan?

[kaaall]

Die header kun je gewoon zelf photoshopen oid

[Danny L]

En waar vind ik dat plaatje dan?

[marian0810]

Ik weet niet veel van prosilver maar ik denk dat je dit moet hebben:

in prosilver/theme/colour.css

Code: Selecteer alles

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

En dan bg_header.gif vervangen door je eigen afbeelding.

[Danny L]

Dit plaatje is precies een heel klein deel (sectie) van de volledige balk.
Ik zou een balk willen maken met wat duikers en vissen erin.
Hoe moet ik dan starten?
Wie kan me op weg helpen?
Moet ik eerst een balk aanmaken met een photo-prog?
Hoe grrot moet dat dan zijn en in welk formaat?

[Kevin]

Inderdaad je maakt een banner in een fotoprogramma, de afmetingen bepaal je deels zelf door later de afmetingen juist te maken.
begin bijv is met alleen een zwart vlak in verschillende formaten.

houd er wel rekening mee dat jouw stijl variabel is dus een banner van meer dan 6 a 700 pixels breed zal niet gaan werken als men een lage resolutie heeft dan valt de banner anders half weg.

[marian0810]

Nou ik ken niet echt mensen die nog een scherm van 700 breed hebben, ik denk dat iedereen toch wel minimaal 1024 heeft tegenwoordig

[Danny L]

houd er wel rekening mee dat jouw stijl variabel is dus een banner van meer dan 6 a 700 pixels breed zal niet gaan werken als men een lage resolutie heeft dan valt de banner anders half weg.

Dit deel begrijp ik niet zo goed
De bg_header.gif is een plaatje van 5 pixels breed en 92 pixels hoog.
In m'n header is dit veeeeeeel breder. Dus veronderstel ik dat dit naast elkaar wordt geplakt tot de breedte van m'n scherm is opgevuld.
Is dit juist?
Als ik dan een plaatje van minder dan 6 pixels moet maken, dan krijg ik daar toch nooit een plaatje in!
Hie op dit forum staat daar de werelkaart in.
Dit is toch niet opgebouwd uit veel keer de bg_header.gif naast elkaar.
Wat mis ik?

[marian0810]

In je css kun je aangeven of het plaatje herhaald moet worden of niet. Het formaat doet er dan niet toe, het wordt gewoon herhaald tot het scherm vol is. Dus je kunt een plaatje van 1 pixel breed maken of een complete afbeelding van 1000 pixels breed, dat maakt voor de code niks uit.

[Danny L]

Ik heb in colours.css dit aangepast:

Code: Selecteer alles

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/vissen.jpg");
	color: #FFFFFF;
}

En dit is dan het bestandje dat ik in de image-folder gezet heb:


Maar de balk blijft maar saai blauw.
Ook dit deel heb ik maar aangepast omdat daar ook bg_header.gif stond:

Code: Selecteer alles

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/vissen.jpg");
}

Is een jpg-bestand toegestaan?
Wat doe ik fout?

[Danny L]

Raar, het duurde een poos en dan was het plots daar ? ? ?
Dit terwijl ik de buffers geleegd had.
Plaatje nog wat groter maken, en dan zal het wel goed zijn.

Een bedenking:
Wat gebeurd er als de schermresolutie van sommige veel kleiner is?
Moeten de aanpassingen op beide plaatsen?

[marian0810]

Het is een achtergrondafbeelding dus de breedte zal zich automatisch aanpassen.
Welke aanpassingen?

[Danny L]

Welke aanpassingen?

Ik heb zowel dit:

Code: Selecteer alles

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/vissen.jpg");
   color: #FFFFFF;
}

als dit:

Code: Selecteer alles

.forumbg {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/vissen.jpg");
}

Aangepast.
Moet dit allebei?
Wat is het verschil?
daar waar nu vissen.jpg staat, stond eerst bg_header.gif

[Danny L]

Heb het zelf al moge, ervaren.
Het tweede

Code: Selecteer alles

.forumbg {
   background-color: #12A3EB;
   background-image: url("{T_THEME_PATH}/images/vissen.jpg");
}

Mag NIET!! dat is een achtergrond van de rand rond een aantal "forum-vensters" zoals m'n kalender, fotoalbum, . . . . .

Ik denk dat alles nu is zoals ik het wil, op een paar andere instellingen na.
Iedereen in dit draadje, bedankt voor de hulp ! ! !