[Solved]achtergrond instellen header

[Stfn]

Ik wil een achtergrond instellen in mij header en misschien ook wel op de achtergrond van de rest van de site.

Maar ik krijg het maar niet voor elkaar. Nu heb ik veel gegoogled en al op verschillende manieren geprobeerd een achtergrond in te stellen maar het lukt mij maar niet.

Krijg steeds een fototje met een vraagteken.

Ik heb het een en ander aangepast in global.css maar het mocht niet baten.

 

Ook zou ik de kopjes van mijn site doorzichtig willen maken, zou dit mogelijk zijn?

 

B.v.d.

Edited August 27, 2012 by Stfn (see edit history)

[Frens]

In je themes/jethema/css/global.css iets als

 

Bij de #header

 

background-image: url(img/jeafbeeldingvoorheaderachtergond.png ) ;

background-repeat:no-repeat;

 

of

background:url( img/jeafbeeldingvoorheaderachtergond.png no-repeat;}

 

ook voor de body

 

Krijg steeds een fototje met een vraagteken.,meestal klop het pad dan dus niet

 

Ook zou ik de kopjes van mijn site doorzichtig willen maken, zou dit mogelijk zijn? ..???

Edited August 26, 2012 by Frens (see edit history)

[Stfn]

Bedankt voor je bericht Frens,

 

in mijn global.css staat het volgende:

 

 

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {

float:left;

display:block

}

 

#header_right {

position:relative;

float: right

}

 

background-image: url(img/BG-N foto.png);

background-repeat:no-repeat;

 

of

background:url( img/BG-N foto.png no-repeat;}

 

maar er is nog niks te zien? op de site.

Edited August 26, 2012 by Stfn (see edit history)

[Frens]

#header {

 

position:relative;

background:url( img/jeafbeeldingvoorheaderachtergond.png no-repeat;

 

}

 

zorg wel voor het goede pad afb.

 

naam afb: dit is beter:

bg_n_foto.png

(heeft verder niks met je probleem te maken )

Edited August 26, 2012 by Frens (see edit history)

[Stfn]

Ik heb even een andere afbeelding gepakt. Er staat nu dit:

 

HEADER

************************************************************************************************ */

#header {

position:relative}

background:url( img/header.png no-repeat;}

}

 

/* ************************************************************************************************

BREADCRUMB

 

 

 

maar nog doet hij het niet.

kan het er ook aan liggen dat in de map css een bestand staat ''global.css.bak''?

Edited August 26, 2012 by Stfn (see edit history)

[Stfn]

HEADER

************************************************************************************************ */

#header {

[ color=#343943]position:relative}[/color]

[ color=#343943]background:url( img/header.png no-repeat;}[/color]

[ color=#343943]}[/color]

 

/* ************************************************************************************************

BREADCRUMB

 

die haakjes staan tegen color aan alleen werden deze niet weergegeven in dit bericht

Edited August 26, 2012 by Stfn (see edit history)

[Frens]

Kijk even opnieuw naar post 4

 

[ color=#343943]position:relative}[/color]

[ color=#343943]background:url( img/header.png no-repeat;}[/color]

[ color=#343943]}[/color]

bovenstaande ging fout ,,door forumsoftware

 

bak is meestal een kopie,,nu afblijven

 

het pad van de afb, moet kloppen,desnoods een absoluut pad

 

voorbeeld:

 

http://www.nr1boxing.nl/img/logo.jpg

 

of

http://www.nr1boxing.nl/img/header.png

 

dus

 

#header {

 

position:relative;

 

background:url( http://www.nr1boxing.nl/img/header.png) no-repeat ;

 

}

Edited August 26, 2012 by Frens (see edit history)

[Stfn]

krijg het niet voor elkaar heb precies staan wat je hierboven heb gepost. Er is wel iets gebeurd in de header maar er is geen afbeelding te zien.

[Frens]

zet bij Preferences Performance de css en html eens op behoud als orgineel zodat de broncode kan worden bekeken

[Stfn]

yes dat was het

Smart Cache voor CSS

CCC voor CSS gebruiken.

Behoud CSS als origineel

 

aleen moet het nu altijd op behouden als orgineel blijven staan?

[Frens]

Je moet html eens op behoud als orgineel zetten

 

het heeft niks met je probleem te maken , ik wil alleen de broncode goed kunnen lezen, daarna kan het weer terug

 

 

 

het staat nu ook goed in de global.css;

 

#header {

 

position:relative;

 

background:url( http://www.nr1boxing.nl/img/header.png) no-repeat ;

 

}

Edited August 26, 2012 by Frens (see edit history)

[Stfn]

hij staat nu op orgineel

[Frens]

ok tevreden ?

 

css en html kun je als orgineel behouden , kunnen we de code beter lezen.daarna kan het weer terug.

[Stfn]

Ja ik ben zeker tevreden! heel erg bedankt voor de inspanning!

Ik zou de kopjes waar de categorieën instaan een beetje doorzichtig willen maken Is dat mogelijk?

[Frens]

Je bedoelt de "buttons"

 

hoezo transparant ..zwart tegen zwart?

[Stfn]

ja de buttons.

Wil ze een beetje doorzichtig maken(doorzichtig zwart), wil misschien ook nog een andere achtergrond op de body.

 

Ben er een beetje mee aan het spelen, maar heb er niet veel verstand van dus het levert nog wel eens wat problemen haha.

Edited August 26, 2012 by Stfn (see edit history)

[Frens]

Het zou meer opleveren als je 2 totaal verschillende kleuren hebt,,bv rood op zwart

 

hiervoor moet je een .png afb. maken met een procentuele transparantie die je dan als achtergrond in de navigatie links gebruikt

[Frens]

voorbeeld van transparante afb.

 

http://handy5.nl/trancp_test.png

 

en

 

http://handy5.nl/rood_tranc.png

 

en

 

http://handy5.nl/zwart_tranc.png

 

boxing logo

 

http://handy5.nl/boxing_trancp.png rood >> http://handy5.nl/boxing_trancp_rood.png

Edited August 26, 2012 by Frens (see edit history)

[Stfn]

oke, ik ga het proberen. wederom heel erg bedankt!