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.

css probleem

css probleem

21 apr 2021 09:19
#1
Hallo,

ik probeer een beetje css te leren via w3schools, dat gaat aardig, we doen ons best
Nu volg ik een tutorial van netspecialist om de blog wat te tweaken en dat gaat ook prima, een wonder. :P

Hij past die code echter niet alleen op de hoofdpagina van de blog uit, maar op alle artikelen.
Das geloof ik ook niet erg, want ik vind het wel mooi uitpakken.
Maar op mobiel pakt het niet mooi uit.
via shift+crlt+M bekeken op meerdere telefoons, en het is gewoon niet mooi.
Ik heb het nu even weggehaald om de site toonbaar te houden op telefoons
www.anjanoordmans.com

De code die ik heb:
Code:
.uk-article { border: solid 1px #653f0b; margin:5px; padding:5px; border-radius:5px; box-shadow:2px 2px 2px #653f0b; } .uk-article h2 { display:block; height:50px; }

Wat ik graag zou willen is dat het niet zichtbaar is op telefoons, of dat het alleen zichtbaar is bij de mainpage van de blog.
Ik geloof dat je kan aangeven op welk formaat hij het wel of niet moet weergeven, of er moet denk ik nog wat toegevoegd worden aan dat .uk-article zodat hij alleen de artikelen pakt op de mainpage blog..

Maar hoe? :P

bvd
Lang leve de lol.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 819

css probleem

21 apr 2021 09:27
#2
Door een pagina class toe te voegen aan je menu-item. Het wordt dan zoiets:
Code:
.mijnpaginaclass .uk-article
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: 37113

css probleem

21 apr 2021 20:57
#3
Top, dat vat ik... en het werkt perfect... :P
Al is de afstand tussen de rijen wel wat anders geloof ik, maar dat vogel ik wel uit...

Nog een vraag,
als je op de main page van de blog komt werkt het prima, ook op de telefoon.
klik je dan op een tegen dan heeft dat artikel wat opent die ccs stijl ook
Dat ziet er wat minder uit op een telefoon, drukt wa tin elkaar geloof ik.
Is dat ook uit te zetten?

bvd
Lang leve de lol.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 819

css probleem

24 apr 2021 08:04
#4
Ja,met een mediaquery waarmee je de marge aanpast voor mobiel.
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: 37113

css probleem

24 apr 2021 20:57
#5
Ben een beetje met css bezig , maar ik vat dan dat het body element dan word aangepast?
Dat word iets voor later :P
ben wat met die ww3schools.com bezig..., Ben nu al dik tevreden met die tegeltjes..
best mooi css, zit nu een effect op dat het net lijkt of je ze kan indrukken ...

Thanks... we gaan vrolijk verder :P
Lang leve de lol.
  • stapper
  • stapper's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 819

css probleem

24 apr 2021 23:33
#6
Vriendelijk verzoek om on-topic te reageren. Ik sluit dit draadje. Als je nog vragen hebt over de mobiele weergave, kam je altijd een nieuwe concrete vraag aanmaken.
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: 37113
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.228 seconden

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