woher kommt der Kalender?

oliverelias

Hallo!
Ich bin recht unerfahren, was programmnieren betrifft. Trotzdem habe ich mir meine Seite mit "try and error" selber etwas umgestaltet.
Dazu habe ich mir aus der sidebar.php eines anderen designs einfach den Befehl für den Kalender in meine Sidebar hineinkopiert. Der Kalender ist zwar da, doch da meine Sidebar als Hintergrundfarbe schwarz hat, sieht man die Zahlen nicht. Im HTML-Befehl steht nur 'get_calender'. Und nun frag ich mich, wo bekommt der den Kalender denn her und wo kann ich da vielleicht die Farben ändern, damit die Zahlen weiß statt schwarz sind?:confused:
Hier meine Seite zur Ansicht: Oliver Elias

Vielen Dank!

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

grigley

Am besten du fügst mal folgendes CSS in deine CSS Datei ein und passt es entsprechend deinen Wünschen an:

Code

#wp-calendar {
border: 1px solid* #ddd;
empty-cells: show;
font-size: 10px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #999;
font-size: 10px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 10px Arial, Helvetica, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

Alles anzeigen

Arno Simon

Zitat von grigley

Am besten du fügst mal folgendes CSS in deine CSS Datei ein...

einfügen natürlich nur, wenn's noch nicht da ist..... ansonsten wunderst du dich hinterher das du was änderst und kein effekt eintritt....

vG

Arno

oliverelias

Zitat von Arno Simon

einfügen natürlich nur, wenn's noch nicht da ist..... ansonsten wunderst du dich hinterher das du was änderst und kein effekt eintritt....

vG

Arno

danke für die Antwort. Wie gesagt, ich bin ein totaler Laie auf dem Gebiet. Mit css meint ihr wohl die 'stylesheet css' datei. Nur weiß ich jetzt noch nicht, an welcher Stelle ich das css einfügen soll.
Zu Arno: Ich habe dort bisher keine solche css gefunden, also hab ich's einfach mal auf gut Glück irgendwo reingeschrieben, aber passiert ist trotzdem nix.
Bei mir sieht das jetzt so aus:

PHP

Theme Name: Straightlaced
Author URI: http://www.micahfries.com
Version: 1.1
Author: Micah Fries
Description: Straightlaced is a simple, modern design which is optimized for both reading and customization.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/


body {
    background: #D5D0D0 url(images/header.gif) top center repeat-x;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0px 0px 0px 0px;
    }
a, a:visited{
    color: #FE0220;
    text-decoration: none;
    }
    
a:hover{
    text-decoration: underline;
    }
#container { 
        width: 860px; 
    text-align: left; 
    margin: 0 auto; 
    }


#header { 
    height: 69px; 
    padding: 28px 0px 0px 25px;
    }
#header h2 {
    color: #ffffff;
    font-size: 30px;
    font-family: Georgia, Times New Roman, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    }


#header h2 a {
    color: #ffffff;
    text-decoration: none;
    }


#header h2 a:hover {
    color: #ffffff;
    text-decoration: underline;
    }


#header h3 {
    color: #cccccc;
    font-size: 10px;
    font-family: Georgia, Times New Roman, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    text-indent: 10px; 
    margin: 0px;
    }


#menu { 
    margin-bottom: 10px; 
    }
#menu h2 {
    color: #333333;
    font-size: 15px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
#menu li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
        
#menu ul {
    margin: 0px;
    padding: 4px;
    }
    
#menu ul li a {
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    padding: 0px 20px 0px 20px;
    margin: 0px;
    text-decoration: none;
    }


#menu ul li a:hover {
    color: #FE0220;
    padding: 8px 20px 10px 20px;
    text-decoration: underline;
    }




#content { 
    background: #ffffff url(images/container.gif) top center repeat-x;
        width: 540px; 
    float: left; 
    margin-top: 20px;
    margin-bottom: 20px;
    }
#content p{
    margin: 0px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    }
    
#content p img{
    border: none;
    margin-right: 0px;
    margin-bottom: 10px;
    }
#content h1 {
    color: #ADAEAD;
    font-size: 22px;
    font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
    font-weight: normal;
    padding: 20px 10px 10px 10px;
    line-height: 150%
    margin: 0px;
    }
    
#content h1 a  {
    color: #FE0220;
    text-decoration: underline;
    }


#content h1 a:hover {
    color: #000000;
    text-decoration: none;
    }


#content h2 {
    color: #D5D0D0;
    font-size: 15px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    margin: 0px;
    line-height: 150%;
    }
#content h2 a  {
    color: #FE0220;
    text-decoration: none;


    }


#content h2 a:hover {
    color: #960E1E;
    text-decoration: underline;
    }


blockquote{
    margin: 0px 0px 0px 25px;
    padding: 0px 25px 0px 10px;
    font-style: italic;
    color: #666666;
    border-left: 1px solid #cccccc;
    }
    
#content blockquote p{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    }


.postspace {
    background: #ffffff;
    width: 440px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    }
.postspace2 {
    background: #ffffff;
    width: 440px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    }


#sidebar { 
    width: 250px; 
    background: #000000 url(images/side_background.gif) top center repeat-x;
    float: right; 
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 15px 15px 25px; 
    border: 0px solid #000000;
    }


#sidebar h2 {
    color: #FE0220;
    font-size: 15px;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    list-style: none;
    padding: 15px 0px 5px 0px;
    margin: 0px;
    border-bottom: 1px dotted #FE0220;
    }


#sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    }
    
#sidebar li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#sidebar ul li {
    list-style: square inside;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    }
    
#sidebar ul li a {
    color: #FFFFFF;
    text-decoration: none;
    }


#sidebar ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
    }


#wp-calendar {
        border: 1px solid* #ffff;
        empty-cells: show;
        font-size: 10px;
        margin: 0;
        width: 90%;
        }


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


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


#wp-calendar a {
        display: block;
        text-decoration: none;
        }


#wp-calendar a:hover {
        background: #ffff;
        color: #ffff;
        }


#wp-calendar caption {
        color: #ffff;
        font-size: 10px;
        text-align: left;
        }


#wp-calendar td {
        color: #ffff;
        font: normal 10px Arial, Helvetica, sans-serif;
        letter-spacing: normal;
        padding: 2px 0;
        text-align: center;
        }


#wp-calendar td.pad:hover {
        background: #fff;
        }


#wp-calendar td:hover, #wp-calendar #today {
        background: #ffff;
        color: #ffff;
        }


#wp-calendar th {
        font-style: normal;
        text-transform: capitalize;
        }


#footer { 
    border-top: 1px dotted #FE0220;
    clear: both;
    }


#content, #footer { padding: 15px; }

Alles anzeigen

martinun

vierstellige Hex-werte bei color funktionieren nicht.

Wenn Du aus den #ffff ein #fff machst wird's weiß.

oliverelias

ja super, das war's!
Vielen Dank!!:mrgreen::mrgreen::mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

woher kommt der Kalender?

Jetzt mitmachen!