Forum achtergrond (zoals hier de streepjes)

[Meutr]

Hallo,
in vele topics hier is er al vraag naar geweest, maar er heeft nooit
echt iemand geantwoord. Daarom maak ik even een topic aan.
Hoe zorg je ervoor dat je als het ware 2 achtergronden hebt.
Dus dat het middenstuk met alle forumgegevens en categorien enzovoort
wit blijft, maar dat de zijkanten een andere kleur krijgen (zoals hier de streepjes).

Hoe doe je dit?
Graag antwoord.

[BetaDevil]

Je moet de aanwijzingen in de Wiki ([wiki]Forum versmallen (phpBB3)[/wiki]) volgen, en dan een achtergrond aan #wrap geven, dan geef je de body-tag een andere achtergrond en je hebt ongeveer dit resultaat.

[Meutr]

Je moet de aanwijzingen in de Wiki ([wiki]Forum versmallen (phpBB3)[/wiki]) volgen, en dan een achtergrond aan #wrap geven, dan geef je de body-tag een andere achtergrond en je hebt ongeveer dit resultaat.

als ik het versmal krijg wrap deze code:

Code: Selecteer alles

  #wrap { 
   padding: 0 20px; 
   min-width: 650px; 
   width: 800px; 
   margin: 0 auto; 
    } 

Wat moet ik daar aan toevoegen om een achtergrond te hebben?

[BetaDevil]

background: #FFFFFF; er tussen zetten voor een witte achtergrond.
Dan zoek je in colours.css

Code: Selecteer alles

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

En verander je #FFFFFF naar #000000 voor een zwarte achtergrond.

[Meutr]

Ok, nu is het al veel beter.
nu heb ik dit: http://www.pixelate.gethost.nl/community
Maar ik wil het zoals hier. Dat het witte doorloopt tot beneden.
Nu is er helemaal bovenaan en helemaal onderaan nog een balk oragne,
ik wil die ook wit.

Is dat mogelijk?

[BetaDevil]

Voeg aan #wrap dit toe: height: 100%;

[Meutr]

Voeg aan #wrap dit toe: height: 100%;

Dit werkt niet
Er gebeurd gewoon niets.

[BetaDevil]

En voeg het (height: 100%;) ook eens toe aan html, body. Dan hoort het te werken.

[Meutr]

nu heb ik dit: http://www.pixelate.gethost.nl/community
Nu staat Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
phpBB.nl Vertaling nog in het oragne.

EDIT: Aan de onderkant is het gelukt, ik heb de

Code: Selecteer alles

height: 100%;

in #wraph verwijdert
en alleen in dat html gezet. Maar nu is het vanboven nog niet in orde.
Enig idee hoe ik dat aanpas?

[akind]

Dit is de oplossing:

Code: Selecteer alles

body{
  margin:0;
  padding:0;
}

[Sesamstraat]

Je moet de aanwijzingen in de Wiki ([wiki]Forum versmallen (phpBB3)[/wiki]) volgen, en dan een achtergrond aan #wrap geven, dan geef je de body-tag een andere achtergrond en je hebt ongeveer dit resultaat.

Hier wordt toch een image gebruikt aan de zijkanten. Hoe stel je zo'n plaatje in?

[Johan]

Een afbeelding kan je in de css (body, html) installeren:

Code: Selecteer alles

background-image: ('jouwplaatje.gif');
background-repeat: repeat;

Je moet wel eerst een goede afbeelding hebben

[Robin Huurman]

Het beste is om de afbeelding alleen in body te zetten, en dus NIET in html. Zo voorkom je vreemde herhalingspatronen.