Calendar Schriftgröße

[11001001]

Hallo.

Wo kann man die Schriftgröße im Calender Modul verkleinern?

Gruß

11001001

[cyberman]

http://forum.cmsmadesimple.org/index.ph ... 685.0.html

Welche Größe genau willst du denn ändern? Das Kalender-Modul verfügt über verschiedene Anzeige-Modi, so dass es dazu eine pauschale Aussage nicht getroffen werden kann.

Allerdings solltest du via CSS alles nach Bedarf anpassen können, zumal in den Templates diverse Klassen und IDs verwendet werden, die eine punktgenaue Änderung ermöglichen.

Wenn ich mich recht entsinne, wird doch mit dem Calendar-Modul auch ein Muster-CSS installiert, oder?! Musst es nur dem Template zuordnen ...

[11001001]

Hallo.

Das CSS habe ich weiter unten rein kopiert.
Es geht um die Schrift, die im Kalender zu sehen ist.
Sollte so aussehen, wie das Layout des Boardkalendars, kleinere Schrift.


Gruß

11001001

*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: #00447A;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;e
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

/** Start small calendar rules (assuming table_id='small') **/
/* border on for #small */

div#calendar {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  padding-bottom: 3px;
  border: 2px solid #00447A;
  background: #B8B9BB;
}

div#calendar h2 {
  line-height: 2em;
  background: #ffffff;
}

div#all-events {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  padding-bottom: 3px;
  border: 2px solid #00447A;
}
#small {
  width: 95%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 2px solid #00447A;
}

/* nice squares for the #small table */
#small th
{
  border: 2px solid #00447A;
  background-color: #B8B9BB;
  padding: 1px;
  width: 20px;
  color: #00447A;
  text-align: center;
}

#small td {
  border: 1px solid #00447A;
  vertical-align: middle;
  text-align: right;
  padding: 1px;
  height: 20px;
  width: 20px;
}

/* format summaries nicely in #small */
#small ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
}

#small li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #small */
#small td
{
  background-color: #B8B9BB;
}

#small .calendar-month
{
  padding: 0 0 5px 0;
}

#small .calendar-day
{
  background-color: #B8B9BB;
}

#small .calendar-today
{
  font-weight: bold;
}

/** End small calendar rules  **/

/*****************************************************
For use with the 'Calendar' template and the following
tag: {cms_module module='Calendar' table_id='cal-list'}
These styles are intended for all list types used with
the display='[listtype]' parameter.
******************************************************/

#cal-list h3 {
font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em;
}

#cal-list .calendar-date-from {
font-size: 110%;
font-weight: bold;
}


#cal-list .cal-date-from-to {
font-size: 110%;
font-weight: bold;
}

#cal-list .calendar-date-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
}

#cal-list .calendar-summary-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

#cal-list .calendar-details-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

/*****************************************************
For use with the Event Template on a detail page with
the following module call:
{cms_module module='Calendar' table_id='cal-event'
display='list' detail='1'}
******************************************************/

#event h3 {
font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em;
}

#event .cal-date-from-to {
font-size: 110%;
font-weight: bold;
}

#event .calendar-date-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
}

#event .calendar-summary-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

#event .calendar-details-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

#calendar-list h3 {
font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
line-height: 1em;
}

#calendar-list .cal-date-from-to {
font-size: 110%;
font-weight: bold;
}

#calendar-list .calendar-date-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
}

#calendar-list .calendar-summary-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

#calendar-list .calendar-details-title {
font-style: italic;
font-weight: bold;
font-size: 110%;
line-height: 1.5em;
}

[cyberman]

Hast du mal 'nen Link?

Oder schau dir den Quelltext deiner Webseite an - dort sollte dem Eintrag auch die ID bzw. Klasse zu entnehmen sein.

PS: Für derartige Aktionen ist die WebDeveloper-Toolbar oder XRay (beides Firefox-Plugins) sehr nützlich.

[11001001]

Hatte auch schon mal das ganze CSS für den Kalender gelöscht, die Schriftgröße bleibt gleich, nur die Linien waren weg.

[cyberman]

Entweder du verwendest einen kaskadierten Stylesheet, also in dieser Art

Code: Select all

table#big.calendar ul li a {font-size: 80%;}

oder du modifizierst dein Kalender-Template so, dass der Veranstaltungslink auch eine CSS-Klasse bekommt.

Wie sieht denn dein Kalender-Template aus?

[11001001]

Das sieht so aus, da habe ich auch noch nichts geändert.

{strip}

{if $compact_view neq 1}
« {$month_names[$month]} {$year} »
{/if}

{foreach from=$day_names item=day key=key}
{$day_short_names[$key]}
{/foreach}


{* initial empty days *}
{if $first_of_month_weekday_number > 0}
 
{/if}

{* iterate over the days of this month *}
{assign var=weekday value=$first_of_month_weekday_number}
{foreach from=$days item=day key=key}
{if $weekday == 7}
{assign var=weekday value=0}


{/if}

{if isset($day.events.0)}{$key}
{if $summaries == true}

{foreach from=$day.events item=event}
{$event.event_title}
{/foreach}

{/if}
{else}{$key}{/if}

{math assign=weekday equation="x + 1" x=$weekday}
{/foreach}

{* remaining empty days *}
{if $weekday != 7}
 
{/if}





{/strip}

[cyberman]

Ich ändere jetzt nur mal die relevante Passage 

{if $summaries == true}

{foreach from=$day.events item=event}
{$event.event_title}
{/foreach}

{/if}

Damit solltest du den Link via

Code: Select all

a.veranstaltung { ... }

direkt beeinflussen können.

[11001001]

SUPER!!!

Funktioniert, DANKE!