Abgemeldet
Gast
Registered: 0
Contributions: 0
|
Title: Kalenderdesign für Profis !
Hier einige Verbesserungen des Kalenders. Tipps zum Einbau
mit beigefügter neuer Style css
---------------------------------------------------------------------------
Gehen Sie wie in der Anleitung vor.
Erstellen Sie ihren Ordner mit dem Namen Kalender.
In diesem erstellen sie einen neuen Ordner --> img.
Der ist nun vorgesehen für Ihre eigenen Hintergrundbilder
Monats Titelveränderungen
Hier können Sie die Größe der Schrift bestimmen bei: font size XXX %
Wochentage Mo,Di usw
Auch hier ist es nun möglich die Größe zu verändern bei: font size XXX %
Wie bekomme ich ein Hintergrundbild beim Kalenderblatt ?
Zeile
/* Rahmenfarbe für Tabelle und Haupthintergrund */
Laden Sie ein Hintergrundbild von Ihnen in den Ordner img
Hier ist darauf zu achten, dass das Bild schon in der Größe
Ihres Kalenders ist.
Bei image url in den Klammern kommt Ihre Bildbezeichnug img/xxxx.jpg hinein.
Bei großen Bildformaten = no-repeat
Bei einfachen Hintergundbildern = repeat
Wie verändere ich die Zahlen im Kalender ?
Zeile
/* Hintergrundfarbe für übrige Tage und Größe*/
Die Zahlen sind zu "dick"
Nehmen sie die Bezeichnung --> font-weight:bold; einfach heraus oder schreiben sie "normal"
Die Tagesanzeige ist weiss umrandet
wie kann ich diese ändern ?
Zeile
/* Hintergrundfarbe für aktuellen Tag */
Einstellungswerte für die Rahmenfarbe
Ich möchte aber einen farblichen Hintergrund ist das möglich ?
Ja nehmen sie hier
---->background-color: transparent; das TRANSPARENT heraus
und fügen sie --> #779922 einen Farbwert ein
-------------------------------------------------------------------------
Neue Style css bitte kopieren und einfügen zwischen
/*<![CDATA[*/
Hier den neuen Style einfügen
/*]]>*/
-------------------------------------------------------------------------
/* Linkfarbe */
a.link_vor_zurueck {
font-weight: bold; color: #FF0000;
}
/* Rahmenfarbe für Tabelle und Haupthintergrund */
table.rahmen_farbe {
border: 1px solid #FF00FF;
background-color: #33FF66;
background-image:url(img/hgkalender2.jpg);
background-repeat: repeat;
}
/* Hintergrundfarbe für Monate und Einstellung Schriftgröße*/
td.titel {
border: 0px solid #8F8F8F;
background-color: #33FFFF;
text-align: center;
font-weight: bold;
font-style:italic;
font-size:110%
}
/* Hintergrundfarbe für Titel */
td.wochentage_titel
{
border: 1px solid #FFFF00;
background-color: #6600FF;
text-align: center; font-weight:bold;
font-size:110%
}
/* Hintergrundfarbe für aktuellen Tag */
td.aktuellen_tage
{
border: 2px solid #FFFFFF;
background-color: transparent;
text-align: center; font-weight:bold;
font-size:120%; color:#FFFFFF
}
/* Hintergrundfarbe für übrige Tage und Größe*/
td.alle_tage
{
border: 0px solid #FFFFFF;
margin:10px; padding:10px;
text-align: center; font-weight:bold;
font-size:110%; color:#FFFF00
}
|