Embedded Google Calendar stylen (met CSS)?

[fluidified]

Mijn vraag

Hallo! Ik ben al een tijdje bezig om een website in elkaar te zetten voor een kennis van mij. Hij heeft een sportschool en is onlangs gehackt door Turkse hackers. Hele website was verwijderd door hen, en (heel dom) er was geen back-up. Dus alles vanaf niks weer opbouwen.

De oorspronkelijke website was gemaakt via Wordpress en deze zag er wel oke uit, maar ik vond dat het wel een stukje beter kon.
Dus ik ben met een vriend bezig geweest en we hebben een bootstrap thema gebruikt. Alles ziet er mooi uit, maar het enige wat we nog nodig hebben is een mooie agenda.

Eerst hebben we erover nagedacht om zelf een agenda te bouwen met MySQL, alleen kost dit best veel tijd en ik weet ook niet helemaal hoe dat gerealiseerd moet worden. Toen bedacht ik mij: Google Calendar! Google producten zien er over het algemeen erg mooi uit, je kan makkelijk een wekelijkse agenda maken en je kan hem ook embedded maken.

Zo gezegd, zo gedaan. Maar bij het embedden bleek dat de standaard layout van Google Calendar erg lelijk is. Na even wat Googlen heb ik gezien dat mensen met behulp van CSS de Google Calendar wat mooier kunnen maken, alleen zijn dit allemaal artikelen uit 2011-2014 en blijkbaar is de werking van Google Calendar in februari 2017 en kan je die guides niet meer volgen.


Nu komt eindelijk mijn vraag:
Kunnen jullie mij uitleggen hoe ik de standaard embedded Google Calendar mooi kan krijgen? Dus dat ik dingen kan veranderen via CSS.

Mocht dat niet meer mogelijk zijn, sta ik ook open voor andere agenda tools (die gratis zijn en makkelijk op te zetten)


Als mijn verhaal niet duidelijk is, laat het even weten. Dan probeer ik het wat beter uit te leggen.

Met vriendelijke groet!

[Audiowaste]

Allereerst een tip, probeer ook niet te veel tijd te steken in het stylen van Google Calender.
Later dit jaar zal het hele design van Google Calender nog aangepast worden: https://9to5google.com/20...endar-redesign-late-2017/

Verder kun je je agenda al deels aanpassen door naar https://calendar.google.com/calendar/embedhelper te gaan.

[fluidified]

Audiowaste schreef op maandag 15 mei 2017 @ 15:12:
Allereerst een tip, probeer ook niet te veel tijd te steken in het stylen van Google Calender.
Later dit jaar zal het hele design van Google Calender nog aangepast worden: https://9to5google.com/20...endar-redesign-late-2017/

Verder kun je je agenda al deels aanpassen door naar https://calendar.google.com/calendar/embedhelper te gaan.

Dat deels aanpassen heb ik al naar gekeken, maar je kan er toch niet zo heel veel mee. Custom kleuren bijvoorbeeld is niet mogelijk.

Maar dat is een hele goede tip! Jij raad dus aan om de agenda voor nu maar even te laten voor wat het is?

[commentator]

De standaard embeded agenda moet je niet te veel tijd in steken. Daar werkt vandaag iets wel en morgen weer niet meer.

ik heb het bij iemand opgelost door gewoon de agenda ics van Google steeds te downloaden en die in een mysql tabel te verwerken en dat resultaat dan weer te laten zien. Zodat de invoer simpel is en toch op de mobieltjes getoond kan worden en toch op een monitor getoond kan worden.

[Audiowaste]

fluidified schreef op maandag 15 mei 2017 @ 15:29:
Maar dat is een hele goede tip! Jij raad dus aan om de agenda voor nu maar even te laten voor wat het is?

Dat is helemaal aan jou, alleen het zou zonde zijn wanneer je er nu een hoop tijd aan gaat besteden en over een paar maanden weer helemaal opnieuw kan beginnen.

[fluidified]

commentator schreef op maandag 15 mei 2017 @ 15:32:
De standaard embeded agenda moet je niet te veel tijd in steken. Daar werkt vandaag iets wel en morgen weer niet meer.

ik heb het bij iemand opgelost door gewoon de agenda ics van Google steeds te downloaden en die in een mysql tabel te verwerken en dat resultaat dan weer te laten zien. Zodat de invoer simpel is en toch op de mobieltjes getoond kan worden en toch op een monitor getoond kan worden.

Hmm dat klinkt ook wel interessant. Zou je mij uit kunnen leggen hoe dat werkt met die ICS van Google? Ik ben niet helemaal een leek maar programmeren was niet m'n beste vak

Of misschien een linkje zou ook kunnen. Ik ben nu aan het werk en kon zo gauw niks vinden

[Spinal]

Zoek eens op "iCal parser" in de taal die je wilt, voor PHP zijn er bijvoorbeeld genoeg te vinden.