Background-image

  • Onderwerp Auteur
  • Bezoeker
  • Bezoeker
12 feb 2017 14:57 #11765 door
Background-image werd gestart door
Hallo,
In localhost , Blueprint (een T3 template) probeer ik een afbeelding achter de pagina te plaatsen.
In de map: /templates/Blueprint/css/custom.css heb ik het volgende geplaatst:
Code:
.t3-wrapper{background-image: url(/"./images/achtergrond.jpg") none repeat scroll left: 0; overflow: visible; position: relative; z-index: 99;}

Maar het werkt niet. Wie weet wat ik fout doe?
Bij voorbaat dank,
Han
Onderwerp is gesloten.
  • Gast
  • Bezoeker
  • Bezoeker
13 feb 2017 11:48 #11783 door Gast
Beantwoord door Gast in topic Background-image
Wat zegt inspect met firebug bv? Staat het path wel goed? kijk anders eens naar de bron van je website.
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
13 feb 2017 13:12 #11784 door Rondeb
Beantwoord door Rondeb in topic Background-image
Probeer onderstaande code eens.
Code:
.t3-wrapper { background-image:url("./images/achtergrond.jpg"); none repeat scroll; left: 0; overflow: visible; position: relative; z-index: 99; }

Je sluit de regel niet af met ; dus dan is de afbeelding ook niet zichtbaar ;)

Succes ermee.

Groeten Ron
Onderwerp is gesloten.
  • Gast
  • Bezoeker
  • Bezoeker
13 feb 2017 13:15 #11785 door Gast
Beantwoord door Gast in topic Background-image
uhmz.. volgens staat die } er wel :)
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
13 feb 2017 18:13 #11787 door Rondeb
Beantwoord door Rondeb in topic Background-image
Code:
.t3-wrapper { background-image:url("./images/achtergrond.jpg"); background-repeat: no-repeat; left: 0; overflow: visible; position: relative; z-index: 99; }

Background-image sluit je niet af met het teken ---> ; puntkomma.

Maar probeer bovenstaande code eens bij de vorige had ik de repeat niet juist er in gezet.

Groeten Ron

ps het path naar de afbeelding is wel juist?
Onderwerp is gesloten.
  • Patrick
  • Gebruiker
  • Gebruiker
  • Joomla Enthousiasteling
Meer
13 feb 2017 19:03 #11788 door Patrick
Beantwoord door Patrick in topic Background-image
Ik denk zelf aan het pad, deze begint toch met een ../ of heb ik het mis?
Onderwerp is gesloten.
  • Onderwerp Auteur
  • Bezoeker
  • Bezoeker
13 feb 2017 19:49 #11789 door
Beantwoord door in topic Background-image
Hallo Ron,
Dank voor de aanpassing.
css/custom.css en images/achtergrond.jpg staan beide in:
xampp/htdocs/templates/blueprint
Ik heb geprobeerd met: ./images/achtergrond.jpg, met /images/achtergrond.jpg, en met images/achtergrond.jpg. Geen effect.
H.
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
13 feb 2017 20:09 #11790 door Rondeb
Beantwoord door Rondeb in topic Background-image
En de 2 .. punten wat Pjasmits voorsteld heb je dat al geprobeerd?

Wanneer je alleen de afbeelding oproept in je browser werkt die wel? zo ja zet anders de gehele url/path in css.

En als laatste.. Aanpassingen of toevoegingen in je custom.css worden verder doorgevoerd en zijn dus zichtbaar op je site?

Groeten Ron :D
Onderwerp is gesloten.
  • Onderwerp Auteur
  • Bezoeker
  • Bezoeker
13 feb 2017 20:41 #11791 door
Beantwoord door in topic Background-image
OP het forum van T3-framework.org zie ik staan:
<div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->
Ben nu de draad echt kwijt. Want deze snippet vond ik juist in een vraag over background-image voor T3 :(
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
13 feb 2017 20:51 #11792 door Rondeb
Beantwoord door Rondeb in topic Background-image
Als je teamviewer op je pc heb staan wil ik best even kijkje nemen ;)

Stuur me dan via pm even de gegevens.

Groeten Ron
Onderwerp is gesloten.
Gemaakt door Kunena