Zelfgemaakte header

[mk katti]

Ik kwam via David op een tutorial : https://www.phpbb.com/community/viewtop ... t=0#header

Mijn vraag: is dit enkel voor Prosilver? Want ik heb de stijl se_sprites, en daar heb ik net wat teveel oneffigheden.

http://www.weekmarktonline.nl

Weet iemand daar iets van?

[David]

De tutorial is bedoelt voor Prosilver, in theorie zou je het dus ook op andere Prosilver gebaseerde stijlen moeten kunnen toepassen. Alleen hebben andere stijlen vaak een andere code, in jouw geval is de header ook net iets anders gecodeerd. Waardoor je zelf het één en ander moet uitzoeken en proberen, bijvoorbeeld de </div> die je volgens de uitleg onder je search box code moet zetten. Dat kan bij jouw stijl niet omdat de search box bovenaan het logo staat. Je moet je </div> dus verplaatsen. In jouw geval kan dat bijvoorbeeld onder de <div id="site-description"> zoals je ziet is dat al een verbetering.

Alleen je logo wordt nog steeds 2x getoond, daar kan ik je zo snel geen oplossing voor geven.

[mk katti]

De tutorial is bedoelt voor Prosilver, in theorie zou je het dus ook op andere Prosilver gebaseerde stijlen moeten kunnen toepassen. Alleen hebben andere stijlen vaak een andere code, in jouw geval is de header ook net iets anders gecodeerd. Waardoor je zelf het één en ander moet uitzoeken en proberen, bijvoorbeeld de </div> die je volgens de uitleg onder je search box code moet zetten. Dat kan bij jouw stijl niet omdat de search box bovenaan het logo staat. Je moet je </div> dus verplaatsen. In jouw geval kan dat bijvoorbeeld onder de <div id="site-description"> zoals je ziet is dat al een verbetering.

Alleen je logo wordt nog steeds 2x getoond, daar kan ik je zo snel geen oplossing voor geven.

Ik had hem ook in de imageset gezet en daardoor gaf hij een error. Ik heb hem daar gewoon verwijderd en het was gelijk gefixt. Thx David

[Theriddler]

ik zou in de css het volgende veranderen

open: /styles/se_sprites/theme/common.css

zoek:

Code: Selecteer alles

#wrap {
	padding: 20px 20px 0 20px;
	min-width: 700px;
}

vervang met:

Code: Selecteer alles

#wrap {
	padding: 20px 20px 0 20px;
	min-width: 700px;
max-width: 1440px; /*jou banner grote*/
margin: 0 auto;
}

Zoek:

Code: Selecteer alles

.headerbar {
	background: #ebebeb none repeat-x 0 0;
height: 185px;
}

vervang met:

Code: Selecteer alles

.headerbar {
	background: #ebebeb none no-repeat 0 0;
height: 180px;
}

Vernieuw theme en leeg de browser cache dmv CTRL F5