Vermeld in iedere vraag duidelijk:

De versie van Joomla! 3.X die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

opgelost Header

Header

05 apr 2014 12:51 - 05 apr 2014 12:53

Ik ben een beginnende Joomla 3.2.3 gebruiker en probeer met de Ordasoft blank template een website te maken.
Ook heb ik geen kennis van html of php.
Ik ben al aardig op weg en vind veel hulp op het internet maar heb nu een uitdaging waarmee ik niet verder kom...
De headerkleur heb ik kunnen aanpassen in /www/templates/ordasofttemplate-basetemplate/css/style.css
maar kan nergens vinden hoe ik bijvoorbeeld deze kleur kan vervangen door een .jpg file.

Kan iemand me helpen bij deze uitdaging?

Bij voorbaat dank.

abssoft
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 11

Header

05 apr 2014 13:43

Waar nu background-color staat vervangen door

Code:

background-image: url(/"../images/jouwplaatje.jpg");

eventueel aangevuld met repeat of no-repeat.

Jan

jan
Vaste bezoeker van Joomla!NL
Berichten: 566

Header

05 apr 2014 14:25

Hallo abssoft,

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Ik zie zo geen header positie in de template , dus ik weet niet over welke positie je het precies hebt. Als het een bestaande modulepositie is, dan kan je ook een Aangepaste HTML module maken met daarin je afbeelding en die plaatsen op de gewenste positie.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

Header

05 apr 2014 16:01 - 05 apr 2014 16:22

Bedankt voor de snelle reacties.

heb de betr. regel veranderd maar krijg de melding in firebug dat de raindrops,jpg niet kan worden geladen en de achtergrond van de body is nu te zien in de header.

Ik heb het gewijzigde gekopieerd:

Code:

* {
  margin: 0;
  padding: 0;
}

html {
  height:100%;
}

body {
  height: 100%;
  position:relative;
}
.header {
  background-image: url("/www/templates/ordasofttemplate-basetemplate/images/raindrops.jpg");
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0 0;
  margin: 0 0 30px 0;
  width: 100%;
}
      

body {
    
    }
</style> 
#logo a img {
  border: none;
}
#wrapper {
  min-height: 610px;
}
#footer {
  background-color: #d1cdc8;
  border-top: 1px solid #EAEAEA;
  padding: 10px 0;
  margin: 40px 0 0 0;
  width: 100%;
}

.brand {
  color:#fff !important; 
  font-family:Share, cursive; 
}
.brand:hover {

Bedankt.

Edit Peter: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

abssoft
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 11

Header

05 apr 2014 16:36

Het pad is niet logisch, je werkt binnen het template en dan is /www/ etc. niet voor de hand liggend. In Firebug kun je daar wat mee experimenteren door een deel van het pad te verwijderen of aan te passen.

Jan

jan
Vaste bezoeker van Joomla!NL
Berichten: 566

Header

05 apr 2014 16:51

Bedankt het is gelukt!!!!

abssoft
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 11

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.760 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Header

Header

Header

Header

Header

Header

Header

Laatste forumberichten

Wil je Joomla!NL steunen?