Website verbreden?

[OmkePom]

Adres van je forum: Wamp-server Thuis
Event. Extensies op je forum: Upload Extensions en Sortables Captcha (ingeschakeld)
Delete Inactive Users (uitgeschakeld)
Stijl: prosilver Special Edition

De SiteLoge aanpassen is me gelukt. Dat was ook niet zo moeilijk. Maar ik wil ook een Banner hebben/plaatsen en ik weet niet waar ik dit moet zoeken. In het Mapje theme van de stijl staat niet erg veel. Denk dus dat het onder 3.1 helemaal anders is geregeld, maar waar?

Ook wil ik graag mijn test-site over de hele breedte van het Scherm, auto aangepast aan monitor breedte die gebruikt wordt met een afbeelding op de achtergrond ipv dat grijze??

[David]

Prosilver SE, leent de theme map van Prosilver(standaard). Dat is één van de nieuwe functies in 3.1, als je dus iets wilt aanpassen in de css dan moet je in prosilver/theme zijn. Maar dan pas je het in Prosilver ook aan, als je dat niet zou willen. Dan kan je volgens mij beter het css bestand downloaden naar je computer en uploaden naar de theme map van Prosilver SE Heb niet getest of dat ik de praktijk ook echt werkt!

[OmkePom]

Dat ik het in prosilver ook aanpas, lijkt mij geen probleem. De vraag is hoe/waar?

[marian0810]

In common.css:

Code: Selecteer alles

#wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}

width aanpassen aan je eigen voorkeur.

Edit: ik heb prosilver SE even gedownload uit nieuwsgierigheid en daar staat dat in stylesheet.css

[OmkePom]

Ik heb de breedte nu aangepast in stylesheet.css

Het werkt,

Code: Selecteer alles

max-width: auto;

Max breedte dus op auto gezet. Maar nu wil ik nog een afbeelding hebben als achtergrond ipv dat lelijke grijze!

Code: Selecteer alles

background-image: url("{T_THEME_PATH}/images/Achtergrond.gif");

Dit werkt dus niet, hij laad de afbeelding niet, mogelijk heeft hij het verkeerde pad. Hoe stel ik deze in op mijn localhost??

[marian0810]

Code: Selecteer alles

background-image: url("./images/Achtergrond.gif");

[OmkePom]

Code: Selecteer alles

background-image: url("./images/Achtergrond.gif");

Nee, helaas dat werkt ook niet!!

[marian0810]

Geef de rest van de code eens dan? En staat het plaatje wel in de goede map?

[Theriddler]

Maar nu wil ik nog een afbeelding hebben als achtergrond ipv dat lelijke grijze!

Code: Selecteer alles

background-image: url("{T_THEME_PATH}/images/Achtergrond.gif");

Dit werkt dus niet, hij laad de afbeelding niet, mogelijk heeft hij het verkeerde pad. Hoe stel ik deze in op mijn localhost??

Code: Selecteer alles

background: url("{T_THEME_PATH}/images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;

[OmkePom]

Nee werkt ook allemaal niet. Combinatie ook geprobeerd,

Code: Selecteer alles

background: url("./images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;

Deze ook,

Code: Selecteer alles

background: url("localhost/images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;

Mogelijk moet pad anders, ik weet het niet?

[Theriddler]

nu vraag ik me dan toch af waar plaats je de code voor de achtergrond.
Zou je (zoals marian al aangaf) de volledige code van css eens willen plaatsen van wat je tot nu toe hebt veranderd, dus waar je de regel probeerd te plaatsen?

Het zou hier in moeten komen

Code: Selecteer alles

html, body {
background: url("./images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;
}

Kun je anders lokaal eens in firefox met de addon firebug controleren/inspecteren wat de output is van de path in html.

[OmkePom]

Dit in stylesheet.css,

Code: Selecteer alles

html, body {
	background-color: #ACA8A1;

verander ik in,

Code: Selecteer alles

    html, body {
    background: url("./images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;
    }

Die grijze kleur veranderd bij mij in Wit (#FFFFFF dus)

Kun je anders lokaal eens in firefox met de addon firebug controleren/inspecteren wat de output is van de path in html.

Wat je hiermee bedoelt begrijp ik niet?

[marian0810]

In welke map heb je de afbeelding staan? Wat is het volledige pad?

[OmkePom]

Dit is hem,

Code: Selecteer alles

c:/wamp/www/images/Achtergrond.gif

[marian0810]

Zou moeten zijn ./styles/prosilver_se/theme/images/Achtergrond.gif

[Theriddler]

Dit in stylesheet.css,

Code: Selecteer alles

html, body {
	background-color: #ACA8A1;

verander ik in,

Code: Selecteer alles

    html, body {
    background: url("./images/Achtergrond.gif") no-repeat scroll 0 0 #FFFFFF;
    }

Die grijze kleur veranderd bij mij in Wit (#FFFFFF dus)

Dus alles bij elkaar zou dit dan de code moeten worden die je moet hebben

Code: Selecteer alles

html, body {
    background: url("./styles/prosilver_se/theme/images/Achtergrond.gif") no-repeat scroll 0 0 #ACA8A1;
    }

evt kun je scroll nog aanpassen naar fixed

[OmkePom]

Aha, nu is het gelukt met,

Code: Selecteer alles

    html, body {
    background: url("./images/Achtergrond.gif")
    }

Thx