Calendari

Calendari

per Jesus Ignacio Cañizares Gutierrez -
Nombre de respostes: 4

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

En resposta a Jesus Ignacio Cañizares Gutierrez

Re: Calendari

per MONICA GRAU PRIETO -

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


En resposta a MONICA GRAU PRIETO

Re: Calendari

per Jesus Ignacio Cañizares Gutierrez -

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


En resposta a Jesus Ignacio Cañizares Gutierrez

Re: Calendari

per MONICA GRAU PRIETO -

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