Kan je header maten instellen?

[rubyred]

[Hai
Ik heb een vraag heb dus een header gemaakt voor een site

Spoiler: bekijk

http://i25.tinypic.com/16bg6sz.jpg

Maar de hoogte is te groot nu mijn vraag kan je de hoogte aan passen de breedte is al goed 1220 namelijk alleen de hoogte niet.

Alvast bedankt
ruby

[Bee]

Wat moet er aangepast worden? De nieuwe afbeelding of de bestaande header op het forum? Je bent vrij onduidelijk.

[PhilipvD]

Als de afbeelding zelf te groot is dan zul je die met een fotobewerking programma moeten verkleinen. Als je de header mooi wilt laten aansluiten aan je afbeelding kan je de volgende html gebruiken

Code: Selecteer alles

<IMG SRC="jeplaatje.jpg" WIDTH="111" HEIGHT="111">

111 en 111 is de lengte en de breedte van je afbeelding

[rubyred]

Nou ik zou willen dat mijn header zonder aangepast te worden op het forum past.
Maar ik weet niet of je de maten anders kan make.
Bijv. dat hij de maten van mijn header neemt.

[PhilipvD]

Ik snap je niet helemaal. Als je een nieuw plaatje voor je header upload en je geeft in de code in 'overall_header.html' de juiste maten met de html die ik je net heb gegeven past de header zich gewoon aan aan jouw afbeelding

[rubyred]

Maar mijn header heeft de hoogte van 225 terwijl hij 150 moet zijn.
Kan je die 150 naar 225 instellen?

[PhilipvD]

Als je een afbeelding upload die groter is dan je header en je zet in overall_header.html de juiste maten van je nieuwe afbeelding d.m.v. de html die in mijn voorgaande bericht staat past je header zich automatisch aan op de afbeelding

[rubyred]

OK bedankt

[Jim]

Het kan een stuk simpeler. In de CSS de div van de headerbar aanpassen.
Open: styles/prosilver/theme/colours.css
Zoek:

Code: Selecteer alles

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

En verander dit in:

Code: Selecteer alles

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

Als je je achtergrondafbeelding nog ergens anders hebt staan moet je het path in deze regel nog even aanpassen naar het path van je eigen afbeelding.

Code: Selecteer alles

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

[Johan]

Let wel op! Je moet de header uploaden in ./styles/JOUWSTIJL/theme/images. En dan bg_header.gif aanpassen naar de 'link' naar jouw header.


Hoi btw! Ik ben Johan (Andere users; ik 'ken' hem van een website waar we beiden lid zijn