Hola a tots,
Quan copiem i enganxem el codi curt [gcal id="224"] d'un calendati a una pàgina, hi ha alguna manera de controlar la mida per fer-lo més petit amb codi HTML o CSS o similar?
Trobo que és massa gran... amb els carrusels puc controlar la mida del carrusel?
Salutacions
Hola Jesus Ignacio,
podries fer servir aquest codi, canviant les XXX per l'ID del teu calendari (a l'exemple que dius seria 224):
<div style="width:400px">
[gcal id="XXX"]
</div>
A banda, també et pot interessar la proposta que es pot veure aquí: http://agora.xtec.cat/formacio/secundaria/linstitut/calendari-del-curs/ on surt la pàgina dividida en dues parts, a l'esquerra mostraria l'agenda (a l'exemple surt buida perquè no hi ha esdeveniments) i a la dreta el calendari. En aquest cas el codi seria aquest:
<div>
<div style="width: 50%; float: left; padding: 2px;">[gcal id="XXX" interval="events" interval_count="5" display="grouped-list"]</div>
<div style="width: 50%; float: left; padding: 2px;">[google-calendar-events id=XXX type="ajax"]</div>
</div>
Fins ara,
Mònica
Hola
He provat:
<div style="width:400px; height:200px;">
[gcal id="224"]
</div>
El calendari te una alçada fixa i no pren el valor de 200px. Al contrari si els 400px d'amplada. Hi ha alguna manera de fer el calendari amb un height personalitzat?
Salutacions
Hola Jesus Ignacio,
sembla que el codi serà una mica més complicat. Aquí ho tens (ja ajustaràs tu les mides que més t'interessin):
<style>
.gce-page-grid .gce-calendar td {
height: 60px;
}
.gce-page-grid {
width: 500px;
}
</style>
[gcal id="XXXX"]
Fins ara,
Mònica
Funciona !
Moltes gràcies