Skip to main content

Laatste nieuws

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Custom modulle gaat niet helemaal goed.

Custom modulle gaat niet helemaal goed.

07 nov 2019 07:44 - 07 nov 2019 08:38
#1
hallo,

Ik heb hier een modulle gemaakt met merken
www.isbb.nl/

Ik ben een beetje css aan het leren, dus ik heb wat een voorbeeld gebruikt en aangepast.
alle begin is moeilijk :P

afijn op een pc is het goed 2 horizontale rijen van 4
op een tablet 2 verticale rijen van 4...
maar op een telefoon zie ik er maar 1, de eerste...
Code:
<div data-uk-slideset="{small: 8, medium: 8, large: 8}"> <div class="uk-slidenav-position"> <ul class="uk-slideset uk-grid uk-flex-center uk-grid-width-1-4 uk-grid-width-1-1 uk-grid-width-large-1-4 uk-grid-width-medium-1-4 uk-grid-width-small-1-2"> <li class="uk-active"><img src="images/joomlaplates/merken/1_merk.png" alt="Miele" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/2_merk.png" alt="Boch" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/3_merk.png" alt="AEG" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/4_merk.png" alt="Electrolux" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/5_merk.png" alt="Zanussi" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/6_merk.png" alt="Siemens" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/7_merk.png" alt="Remeha" /></li> <li class="uk-active"><img src="images/joomlaplates/merken/8_merk.png" alt="Marijnen" /></li> </ul> </div> </div>

Ik ben er nog niet echt een held in, maar is dat aan te passen, zodat ze op een foon ook worden gezien?

bvd
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
'Let's eat Grandma!' or, 'Let's eat, Grandma!'. Punctuation saves lives.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 869

Custom modulle gaat niet helemaal goed.

07 nov 2019 16:56
#2
Je probeert een slideset de maken zonder "slide-effect". En als je uikit gebruikt (is overigens geen css), dan kan je maar maximaal 6 items tegelijk tonen. Dus als je er 8 hebt dan zal je het "slide-effect" moeten gebruiken.
Hier staat een werkende code.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37556

Custom modulle gaat niet helemaal goed.

07 nov 2019 17:49
#3
top !

hey je had alweer door dat het er eentje van joomlaplates is :P

ja klopt ik nam die code over van een demo....
Thanks, ik ga eens kijken of ik dat voor elkaar kan krijgen..
'Let's eat Grandma!' or, 'Let's eat, Grandma!'. Punctuation saves lives.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 869

Custom modulle gaat niet helemaal goed.

19 nov 2019 13:50 - 19 nov 2019 14:18
#4
Code:
<div data-uk-slideset="{small: 2, medium: 4, large: 4}"> <div class="uk-slidenav-position"> <ul class="uk-slideset uk-grid uk-flex-center uk-grid-width-1-4"> <li><img src="images/joomlaplates/merken/1_merk.png" alt="Miele" /></li> <li><img src="images/joomlaplates/merken/2_merk.png" alt="Boch" /></li> <li><img src="images/joomlaplates/merken/3_merk.png" alt="AEG" /></li> <li><img src="images/joomlaplates/merken/4_merk.png" alt="Electrolux" /></li> <li><img src="images/joomlaplates/merken/5_merk.png" alt="Zanussi" /></li> <li><img src="images/joomlaplates/merken/6_merk.png" alt="Siemens" /></li> <li><img src="images/joomlaplates/merken/7_merk.png" alt="Remeha" /></li> <li><img src="images/joomlaplates/merken/8_merk.png" alt="Marijnen" /></li> </ul> </div> <ul class="uk-slideset-nav uk-dotnav uk-flex-center">...</ul> </div>

Top!! das een stuk beter...thanks
www.isbb.nl/
Op het formaat van een telefoon vertoont hij nu 1 met 8 stippen zodat je 8 keer kunt doorklikken, is dat ook zo in te stellen dat hij er wat meet laat zien in 1 keer op een telefoon?
bvd
Edit Astrid: Ik heb de code tussen codetags geplaatst in plaats van tussen quote-tags, volgende keer graag zelf doen.
'Let's eat Grandma!' or, 'Let's eat, Grandma!'. Punctuation saves lives.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 869

Custom modulle gaat niet helemaal goed.

19 nov 2019 14:20 - 19 nov 2019 14:20
#5
vooraan
Code:
default: 2
toevoegen. Aantal is "vanaf schermgrootte".
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37556

Custom modulle gaat niet helemaal goed.

20 nov 2019 08:33 - 20 nov 2019 08:33
#6
Sorry, ik begrijp niet helemaal goed hoe ik dit moet opschrijven...
Ik ben nog niet zolang bezig met HTML en CSS. Sommige dingen begrijp ik nu een beetje, meeste niet
Word wel steeds beter, ik doe mijn best :P
zou je dat stukje neer kunnen zetten zoals ik het daar moet zetten?
En wat voor "code" is dit nu eigenlijk precies?

bvd
'Let's eat Grandma!' or, 'Let's eat, Grandma!'. Punctuation saves lives.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 869

Custom modulle gaat niet helemaal goed.

20 nov 2019 14:20
#7
Code:
<div data-uk-slideset="{default: 2, small: 2, medium: 4, large: 4}">
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37556

Custom modulle gaat niet helemaal goed.

20 nov 2019 15:46
#8
ach zo bedoelde je dat , thanks :P
ziet er zo een stuk beter uit, alleen op een tel blijft het 1 afbeelding.
maakt niet uit, ziet er verder wel goed uit zo, top.
'Let's eat Grandma!' or, 'Let's eat, Grandma!'. Punctuation saves lives.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 869
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.744 seconden
Gemaakt door Kunena

Laatste forumberichten

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie