Vi använder cookies
Vi använder cookies och annan spårningsteknik för att förbättra din surfupplevelse på vår webbplats, för att visa dig personligt innehåll och riktade annonser, för att analysera vår webbplatstrafik och för att förstå var våra besökare kommer ifrån. För att ta reda på mer, läs vår cookiepolicy och integritetspolicy.
Genom att välja 'Jag godkänner' godkänner du vår användning av kakor och annan spårningsteknik.
AvvisaJag godkänner
  
Avdelningar Hjälp » Kalender
Du är här: Hjälp » Kalender » Hjälp för att formatera den publika kalender via CSS

Hjälp för att formatera den publika kalender via CSS

För att du enklare skall kunna ändra formatmallen till DinStartsidas publika kalender så att den bättre passar in till din befintliga design/färgsättning, har vi skapat nedanstående hjälp som beskriver vad respektive formatering ändrar på kalenderns utseende.
Färgen, stil på ramen runt kalendern:
.boxBody {border: 1px #235E9D solid;}
 
Teckensnitt och färg på vald månad och bakgrundsfärgen på huvudet överst på kalendern:
.boxHead {background-color: #235E9D; color: White; font-family: Verdana, Arial, Helvetica; font-size: 11px; padding: 3px; font-weight : bold;}
 
Teckensnitt och färg på "välja nytt år":
.boxHeadA {text-decoration : none; color : white; font-weight : normal;}
 
Backgrundsfärgen på kalendern samt teckensnittet och färgen på månaderna ( Jan | Feb | Mars... ) + linjen under månaderna:
.boxCell {border-style : solid; border-color : #235E9D; border-width : 1px 0px 0px 0px; background-color: #EBF0F5; padding: 2px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
 
Txtfärgen på länkarna inkl länkarna på månaderna:
.lankColor {text-decoration : none; color : #235E9D;}
 
Teckensnitt och färg på den aktuella dagen:
.aktColor {}
 
Teckensnitt och färg på namnsdagsnamnen:
.namnColor {}
 
Färgen på ramen runt veckorna ( 1, 2, 3, o.s.v ):
.veckaCell {border-style : solid; border-color : #235E9D; border-width : 0px 1px 0px 0px; font-family: Verdana, Arial, Helvetica; font-size: 12px;}
.xbig {font-family: Verdana, Arial, Helvetica; font-size: 20px;}
.xrbig {font-family: Verdana, Arial, Helvetica; font-size: 20px; color:red;}
 
Teckensnitt och färgen på ramen runt alla dagarna:
.norm {border-style : solid; border-color : #235E9D; border-width : 0px 0px 1px 0px; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
 
Teckensnitt och färgen på ramen runt aktuell dag:
.snorm {border-style : solid; border-color : #235E9D; border-width : 0px 0px 1px 0px; background-color : white; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
 
Färgen på linjen som avskiljer veckorna:
.bdBorder {background-color : #235E9D;}
 
Teckensnittet och färgen på länken som alltid visas även om personen ej har aktiverat javascriptet:
.noKalender {font-family : Verdana, Arial, Helvetica; font-size: 11px;}
 
Teckensnittet och textfärg samt bakgrundsfärg för tooltip:
.tooltipcontent{COLOR: #000000; CURSOR: Default; font-family: arial; font-size: 8pt;background-color : white;}
#dhtmltooltip{position: absolute;width: 200px;border: 1px solid black;padding: 1px;background-color: white;visibility: hidden;z-index: 100;}
« Tillbaka till hjälpöversikten om 'Kalender'