Farbe im Kalender

Buegel

Halloele!
ich hab fuer den kalender folgenden Code eingefuegt:

PHP

#wp-calendar {
    
    empty-cells: show;
    margin: 5px auto 0;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    font-size: 10px;
    }




#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    white-space:pre;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    white-space:pre;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    display: none;
    }


#wp-calendar td {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    margin: 0px;
    }


#wp-calendar td.hasposts {
    border: 1px solid red;
    }


#wp-calendar #today {
    border: 1px solid red;
    }


#wp-calendar td.hasposts:hover, #wp-calendar #today:hover  { /* Doesn't work in IE */
    background-color: red; }

Alles anzeigen

Soweit, so gut.
Nur kann ich leider nicht erkennen (ausser wenn ich mit der maus darueber fahre) an welchem tag schon Eintraege vorhanden sind.
Kann mir jemand sagen was ich aendern, bzw. hinzufuegen muss?

thx und Gruss Micha

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Kurt

Versuchs mal mit

Code

#wp-calendar td {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    margin: 0px;
    border: 1px solid red;
    }

Ich weiß nich genau aber wenn nich try and error ;)
Kommt drauf an wie du es haben willst.

Buegel

Halloele!
Das wars leider nicht :-(
Hat dann alles rot umrandet. Egal ob mit Eintrag oder ohne :-(

vielleicht ist der komplette Code nicht ganz OK?

Ich hab irgendwie - nach einigem rumspielen - das Gefuehl, das die Anzeige auch noch an anderer stelle in der style.css gesteuert wird.

Leider kann ich zum Log noch kein en Link schicken, da er im moment nur hier auf wamp installiert ist.

Grus Micha

Buegel

Ist mir grad doch was aufgefallen.

Scheinbar werden die tage die Eintraege enthalten wie Links in der Sidebar behandelt und somit an anderer Stelle in der style.css formatiert.
Sage ich dort z.B. das der Hintergrund rot sein soll, erscheinen zwar nun die betreffenden tage in rot, aber leider auch saemtliche anderen Links :evil:

Kann ich denn nicht irgendwie hinkriegen, das sich das NUR auf den Kalender auswikt?

Gruss Micha

Buegel

hat den niemand eine zuendende Idee??
Irgendwie muss ich doch diesen verflixten kalender umbasteln koennen?'!!

warum hilft
#wp-calendar td.hasposts {
border: 1px solid #000;
font-weight : bold;
}
nicht??

thx >Micha

marX

Versuch mal, das CSS mit Firefox+Firebug zu debuggen. Damit kannst du live die Styles einzelner Elemente bearbeiten und siehst auch, welche CSS-Regeln zutreffen.

Ansonsten gib mal bitte nen Link, damit man sich das mal angucken kann.

Buegel

Supi ... Firebug kannte ich noch gar nicht. Damit werd ich mal rumtesten.
bye the way ... dabei ist mir aufgefallen, das ich seit neuestem auf den archivseiten ganz links oben in der bildschirmecke seltsame zeichen (ï»¿) habe. (nur im firefox)
hab saemtliche archiv, index, page etc. phps durchwuehlyt und nix gefunden.
Nun zeigt mir firebug folgendes an:

PHP

<head></head><body>ï»¿	    	  	 	  	 	 	 <div id="main"></div></body></html

any ideas dazu??

Link geht leider noch nicht, da ich im moment alles auf wamp laufen hab.

thx Micha

copernica

So geht das z.B.:

HTML

#wp-calendar tbody td a:link {
background: #fff;
color: green;
}
#wp-calendar tbody td a:hover {
background: #fff;
color: red;
text-decoration: underline;
}

Buegel

Danke!!

Nur macht:

PHP

#wp-calendar tbody td a:link {
background: #fff;
color: green;
}

noch nicht was es soll, Immer noch keinerlei Wirkung auf die tage welche posts enthalten :-( .

PHP

#wp-calendar tbody td a:hover {
background: #fff;
color: red;
text-decoration: underline;
}

klappt bestens.

irgendwo wird scheinbar an anderer stelle die geschichte unterbunden.

Ich poste mal zur sicherheit nochmal meine style.css

PHP

/* Standard element */








a img{ border:none; }






/* global */
html{height: 100%;}


body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}


h1
{ font-family: arial, sans-serif;
  letter-spacing: .1em;
}


h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}


h3
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 85%;
  border-bottom: 1px solid;
}




img{border: 0px;}


a{outline: none;}


/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}


.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}


.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}


/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}


/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}


ul li
{ list-style-type: none;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}


ul li li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}




/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}


ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}


/* main container */
#main
{ width: 780px;
  margin-left: auto; 
  margin-right: auto;
}


/* links above the logo / footer */
#links, #footer
{ margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  width: 720px;
  height: 26px;
  font-size: 94%;
  text-transform: none;
}


#links{text-align: right;}


#footer{text-align: center;}


#links a, #footer a{text-decoration: none;}


#links a:hover, #footer a:hover{text-decoration: underline;}


/* logo */
#logo
{ margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: 100px;
  text-align: left;
}


#logo h1
{ margin: 0px;
  padding: 41px 0px 0px 19px;
  font-size: 150%;
  letter-spacing: .2em;
}


/* navigation menu */
#menu
{ height: 42px;
  width: 760px;
  margin-left: auto; 
  margin-right: auto;
}


#menu ul{margin: 0px auto;} 


#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
} 


#menu li a 
{ display: block; 
  float: left; 
  height: 37px;
  text-decoration: none; 
  padding: 3px 19px 2px 19px;
  text-transform: uppercase;
} 


/* main content */
#content
{ margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 


/* column 1 - contains sidebar items */
#column1
{ width: 207px;
  float: right;
  padding: 16px 0px 15px 0px;
}


.sidebaritem
{ text-align: left;
  width: 188px;
  float: left;
  margin: 0px 10px 25px 0px;
}


.sidebaritem h2
{ height: 20px;
  width: 188px;
  padding: 15px 0px 5px 19px;
  text-transform: uppercase;
  padding: 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 125%;
}


.sbicontent{padding: 14px 8px 8px 19px;}


.sbicontent p
{ line-height: 14px; 
  padding: 0px 0px 8px 0px;
}


.sbilinks{padding: 0px;}


.sbilinks ul{margin: 0px auto;} 


.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 


.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 188px;
  border: 0px;
} 


/* column 2 - page content */
#column2
{ text-align: justify;
  width: 512px;
  float: left;
  padding: 12px 3px 15px 19px;
}


#column2 h1
{ padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}


.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}


.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}


/* contact page - form layout */
form{margin-top: 0px;}


div.row
{ clear: both;
  width: 448px;
}


div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}


div.row span.forminput
{ float: right;
  text-align: right;
} 


div.spacer
{ clear: both;
  width: 80px;
}


input, textarea
{ width: 175px; 
  font-family: verdana, arial, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}


.submit
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}








#commentform textarea 
        {
    width:350px;
}


blockquote{
    margin-left:1em;
    padding-left:1em;
    border-left:3px solid #BA011C;
    color:#333;
}




#flickr img {
    display: block;
    float: left;
    padding: 0px;
    position: relative;
    height: 50px;
    width: 50px;
    border-width:0;
    margin:2px;
    }




html{height: 100%;}


body
{ background: #d8d8d8;
  color: #70695A;
}


blockquote
{ background: #FFFFFF;
  color: #70695A;
  border-color: #767676;
}


#main
{ background: #FFFFFF url(images/back.png) repeat-y;
  color: #0;
}


#links, #footer, #menu, #menu li a
{ background: #FFFFFF url(images/menu.png);
  color: #DBD7D1;
  border-color: #D7D7D7;
}


#links a, #footer a, #links a:hover, #footer a:hover
{ background: transparent;
  color: #DBD7D1;
}


#logo
{ background: #FFFFFF url(images/logo.jpg) no-repeat;
  color: #70695A;
}


#logo h1
{ background: transparent;
  color: #FFFFFF;
}


h1, #column2 h1
{ background: transparent;
  color: #CE7014;
  border-color: #d8d8d8;
}


#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFFFFF url(images/menu_hover.png);
  color: #70695A;
} 


#content, #column2 a, #column2 a:hover
{ background: transparent;
  color: #70695A;
}


.sidebaritem, .sidebaritem a
{ background: transparent;
  color: #DBD7D1;
}


.sidebaritem a:hover
{ background: #595858;
  color: #DBD7D1;
}


h2
{ background: #FFFFFF url(images/sbi_header.png);
  color: #70695A;
}




.sbilinks li a
{ background: #FFFFFF url(images/link.png);
  color: #DBD7D1;
} 


.sbilinks li a:hover
{ background: #B7B7B7;
  color: #CE7014;
} 


input, textarea
{ background: #FFFFFF;
  color: #70695A;
  border-color: #d8d8d8;
}


/* ********** Begin Calendar ****************** */
#wp-calendar {
    empty-cells: show;
    margin: 0px auto 0px auto;
    width: 155px;
    }


#wp-calendar #today {
  font-weight        : bold;
  border: 1px solid #000;
}


#wp-calendar tbody td a:link {
background: #fff;
color: green;
}
#wp-calendar tbody td a:hover {
background: #fff;
color: red;
text-decoration: underline;
}


#wp-calendar #next a {
    font-size: 100%;
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    font-size: 100%;
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: left;
    width: 100%;
    font-size: 1.3em;
    color: #ffffff;
    letter-spacing: 1px;
    }


#wp-calendar th {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }


/* ************ End Calendar **************************** */

Alles anzeigen

thx Micha

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe im Kalender

Jetzt mitmachen!