Hallo zusammen,
ich habe schon einige Farben im Kalender via UserChrome angepasst. Leider kann ich die Uhrzeiten und die Tagesdaten nicht ansprechen...kann mir jemand helfen?
Vielen Dank im Voraus!
Viele Grüße
Zeiten Kalender Farbe ändern
-
- 60.*
- Windows
- Aushilfsarnie
- Unerledigt
-
edvoldi
Hat das Thema freigeschaltet -
Hallo Aushilfsarnie und willkommen im Forum.
teste einmal das:
Alles anzeigenCode- /* weitere Tage in der Tagesansicht */
- #day-view calendar-header-container[relation="future"],
- #day-view .calendar-event-column-linebox[relation="future"] {
- background: #eeeeee !important;
- }
- /* --------------------------------------------------------- */
- /* Markierter Tag in der Wochenansicht */
- #week-view calendar-header-container[relation="past"][selected="true"],
- #week-view .calendar-event-column-linebox[relation="past"][selected="true"],
- #week-view calendar-header-container[relation="future"][selected="true"],
- #week-view .calendar-event-column-linebox[relation="future"][selected="true"] {
- background: #fffcd8 !important;
- }
- /* --------------------------------------------------------- */
- /* Tage in der Wochenansicht */
- #week-view calendar-header-container[relation="past"],
- #week-view .calendar-event-column-linebox[relation="past"],
- #week-view calendar-header-container[relation="future"],
- #week-view .calendar-event-column-linebox[relation="future"] {
- background: #eeeeee !important;
- }
- /* --------------------------------------------------------- */
- /* Wochenende */
- #day-view calendar-header-container[weekend="true"],
- #day-view .calendar-event-column-linebox[weekend="true"] {
- background: #f7ffe3 !important;
- }
- #week-view calendar-header-container[weekend="true"],
- #week-view .calendar-event-column-linebox[weekend="true"] {
- background: #f7ffe3 !important;
- }
- /* --------------------------------------------------------- */
- /* Aktueller Tag in der Tagesansicht */
- .calendar-day-label-name[relation="today1day"] {
- color: red !important;
- font-weight: bold !important;
- }
- #day-view calendar-header-container[relation="today1day"],
- #day-view .calendar-event-column-linebox[relation="today1day"] {
- background: silver !important;
- }
- /* --------------------------------------------------------- */
- /* Aktueller Tag in der Wochenansicht */
- .calendar-day-label-name[relation="today"] {
- color: red !important;
- font-weight: bold !important;
- }
- #week-view calendar-header-container[relation="today"],
- #week-view .calendar-event-column-linebox[relation="today"] {
- background: silver !important;
- }
- /* --------------------------------------------------------- */
- /* Letzter und kommender Monat in mehrwöchiger und Monatsansicht */
- .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="past"],
- .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="future"],
- .calendar-month-day-box-other-month[relation="past"],
- .calendar-month-day-box-other-month[relation="future"] {
- background: #ffffff !important;
- }
- /* --------------------------------------------------------- */
- /* Resttage in mehrwöchiger und Monatsansicht */
- .calendar-month-day-box-date-label,
- .calendar-month-day-box-current-month {
- background: #eeeeee !important;
- }
- /* --------------------------------------------------------- */
- /* Wochenede in mehrwöchiger und Monatsansicht */
- .calendar-month-day-box-day-off.calendar-month-day-box-current-month,
- .calendar-month-day-box-date-label[weekend="true"] {
- background: #f7ffe3 !important;
- }
- /* --------------------------------------------------------- */
- /* Aktueller Tag in mehrwöchiger und Monatsansicht */
- .calendar-month-day-box-date-label[relation="today"] {
- color: red !important;
- font-weight: bold !important;
- }
- .calendar-month-day-box-current-month[relation="today"],
- .calendar-month-day-box-day-off[relation="today"],
- .calendar-month-day-box-other-month[relation="today"] {
- border: 3px solid red !important;
- }
- .calendar-month-day-box-current-month[relation="today"],
- .calendar-month-day-box-day-off[relation="today"],
- .calendar-month-day-box-other-month[relation="today"],
- .calendar-month-day-box-date-label[relation="today"] {
- background: silver !important;
- }
- /* --------------------------------------------------------- */
- /* Markierter Tag in mehrwöchiger und Monatsansicht */
- .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="past"][selected="true"],
- .calendar-month-day-box-other-month .calendar-month-day-box-date-label[relation="future"][selected="true"],
- .calendar-month-day-box-other-month[relation="past"][selected="true"],
- .calendar-month-day-box-other-month[relation="future"][selected="true"],
- .calendar-month-day-box-current-month[relation="past"][selected="true"],
- .calendar-month-day-box-current-month[relation="future"][selected="true"] {
- background: #fffcd8 !important;
- }
- /* --------------------------------------------------------- */
Leider kann ich die Uhrzeiten
Hier weiß ich nicht was Du meinst, ein Bildschirmfoto ist immer hilfreich.
Gruß
EDV-Oldi -
Die markierten Zeiten würde ich gerne ändern...vielen Dank!
-
Für den Mini Kalender
Alles anzeigenCode- /* Minikalender - Aufgaben - Kalenderliste */
- /* KW per Symbol */
- #ltnSidebar,
- #calMinimonth {
- background: linear-gradient(#c8c8c8, #f2f2f2) !important;
- }
- .minimonth-month-box {
- background: #c8c8c8!important;
- }
- .minimonth-row-header-week {
- background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAABVUlEQVQokU3RPUiVYRjG8V8ULQ1B4RS0HASh1nDIuaWhhk6Eg0MiUUNrDQ4FEbgEQiY6HgQbTpCIcsqvzkdW2tvxoO9R+4C08Ci26BJE+jY8L+mzXfd1Pf+b+77xImK4HXh8mtIchQl6rlJeI9+KI7y8S6VB/mbIDl3izTrKW8zcCsV6xEKD55mg44RKZwAszLCasPgqeOVB5l+j2GC0g9Ik1W06T/n/PsxTHcRRPv5m+inLa8F7v070CMWf1H5R3yP+wZNDgHI3tYiBNuIGD1qo79N3gS8Js9kU8PkvhXNUv/Nu/ACQO09tj7c5FsdCLdqg0M/qH/ItKG4y1RXMuduBPHIj6PEmlrZZTpi9n47Vz0pCvJV2qewyfScVx6h+Y2WHqTPkThB/4mvCyMUQmbgcmpTy6Z+HV+jOhE3DQIZn7WTPpqdtpe8a2eMhc+8kvdfpbYZ/IN+Cfrl5ZsUAAAAASUVORK5CYII=") no-repeat !important;
- background-position:3px 5px!important;
- }
- .minimonth-week {
- background: #dcdcdc !important;
- color: blue !important;
- font-weight: bold !important;
- }
- /* --------------------------------------------------------- */
-
Mit den Uhrzeiten habe ich auch so meine Probleme, da habe ich den Code noch nicht gefunden.
Die Datumszeile sollte in meinem ersten Code mit drin sein.
Gruß
EDV-Oldi
