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.
2 backgroundimages plaatsen
2 backgroundimages plaatsen
23 jan 2018 16:37 - 23 jan 2018 16:46
Ik ben bezig met de master yootheme template.
Ik wil in de modules zowel linksboven als rechtsboven een halfronde hoek plaatsen.
Ik heb twee afbeeldingen cornerleft en corneright
Het lukt mij wel om 1 te plaatsen, maar hoe plaats ik beide.
ik wil de breedte van de modules evt. wel flexibel houden dus 1 afbeelding kan ik niet gebruiken.
Dit is de code die ik nu gebruik:
Ik werk op localhost, dus geen online-voorbeeld, zie afbeelding
Ik wil in de modules zowel linksboven als rechtsboven een halfronde hoek plaatsen.
Ik heb twee afbeeldingen cornerleft en corneright
Het lukt mij wel om 1 te plaatsen, maar hoe plaats ik beide.
ik wil de breedte van de modules evt. wel flexibel houden dus 1 afbeelding kan ik niet gebruiken.
Dit is de code die ik nu gebruik:
Code:
.uk-panel {
background-image: url("images/cornerleft.png");
background-repeat: no-repeat;
border: 1px solid #0f0cd4;
border-radius: 4px;
}
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Login of registreer om deze te zien.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Romke
- Heeft onderwerp gestart
- Algemeen Moderator
- Berichten: 3647
2 backgroundimages plaatsen
23 jan 2018 16:50
Ik zou dan met module class suffixes gaan werken. Denk dat je binnen yootheme ook nog wel je eigen module layout kunt toevoegen, maar dat is wat meer werk.
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
2 backgroundimages plaatsen
23 jan 2018 17:11
De bedoeling is om in de voorbeeld module, zowel links- als rechtsboven die blauwe hoek te krijgen.
hoe kun je dan met css beide afbeeldingen daar krijgen?
In je css definitie van de div kun je maar 1x een background image opnemen.
hoe kun je dan met css beide afbeeldingen daar krijgen?
In je css definitie van de div kun je maar 1x een background image opnemen.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Romke
- Heeft onderwerp gestart
- Algemeen Moderator
- Berichten: 3647
2 backgroundimages plaatsen
23 jan 2018 17:20
Sorry, verkeerd begrepen. Maar hiermee
kan je volgens mij gewoon met 1 afbeelding werken.
Code:
background-size: contain;
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
2 backgroundimages plaatsen
23 jan 2018 18:42
Krijg het niet voor elkaar zoals ik het in gedachten had.
Nu toch 1 afbeelding gemaakt en met background-size: 100% schaalt hij ook goed indien de module minder breed is alsmede op mobiel.
Op dit moment is dat voor mij acceptabel.
Nu toch 1 afbeelding gemaakt en met background-size: 100% schaalt hij ook goed indien de module minder breed is alsmede op mobiel.
Op dit moment is dat voor mij acceptabel.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Romke
- Heeft onderwerp gestart
- Algemeen Moderator
- Berichten: 3647
2 backgroundimages plaatsen
23 jan 2018 19:21
Of hier nog even kijken
www.w3schools.com/css/css3_backgrounds.asp
www.w3schools.com/css/css3_backgrounds.asp
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
Tijd voor maken pagina: 0.747 seconden