Kalender formatieren - wo/wie

Schnullerbacke

Hallo zusammen,

ich habe jetzt auf http://www.sim-parts.com in die linke Sidebar das interne Kalender-Widget gezogen - der Kalender wird auch angezeigt.

Nun möchte ich ihn aber formatieren (Kalender soll zentriert sein und oberhalb von "Januar 2010" soll noch eine Zeile Abstand sein) - aber ich finde einfach nicht die passende Stelle, weder in einer der .php oder noch in der .css ! Muss ich den Abschnitt noch hinzufügen, oder bin ich jetzt blind ?

Desweiteren möchte ich gerne:

Sonntage ROT markiert haben
Tage, an denen ich Einträge geschrieben habe, FETT markiert haben
Mo Di Mi Do Fr Sa So statt M D M D F S S (falls das für die Spalte nicht zu breit wird.....)

Kann mir hier bitte eine(r) helfen ?

Vielen Dank vorab ;-) !

Ciao,
Chris

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

hero-master

Moin Chris :)
Einen Blick in den Quelltet der Seite verrät dir das HTML-Gerüst für den Kalender:

Code

<div id="calendar_wrap"><table id="wp-calendar" summary="Kalender">
    <caption>Januar 2010</caption>
    <thead>
    <tr>
        <th abbr="Montag" scope="col" title="Montag">M</th>
        <th abbr="Dienstag" scope="col" title="Dienstag">D</th>
        <th abbr="Mittwoch" scope="col" title="Mittwoch">M</th>
        <th abbr="Donnerstag" scope="col" title="Donnerstag">D</th>
        <th abbr="Freitag" scope="col" title="Freitag">F</th>
        <th abbr="Samstag" scope="col" title="Samstag">S</th>
        <th abbr="Sonntag" scope="col" title="Sonntag">S</th>
    </tr>
    </thead>


    <tfoot>
    <tr>
        <td colspan="3" id="prev" class="pad">&nbsp;</td>
        <td class="pad">&nbsp;</td>
        <td colspan="3" id="next" class="pad">&nbsp;</td>
    </tr>
    </tfoot>


    <tbody>
    <tr>
        <td colspan="4" class="pad">&nbsp;</td><td>1</td><td>2</td><td>3</td>
    </tr>
    <tr>
        <td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
    </tr>
    <tr>
        <td>11</td><td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100112"]http://www.sim-parts.com/?m=20100112[/URL]" title="SIM-PARTS.com ist online :o) !, The reason why">12</a></td><td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100113"]http://www.sim-parts.com/?m=20100113[/URL]" title="Playseat Evolution">13</a></td><td>14</td><td>15</td><td>16</td><td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100117"]http://www.sim-parts.com/?m=20100117[/URL]" title="Kein Simulator ohne Motion !, DIY Motion Simulator (1) – der Beginn, DIY Motion Simulator (2) – die Werkstatt, DIY Motion Simulator (3) – das Funktionsprinzip">17</a></td>
    </tr>
    <tr>
        <td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100118"]http://www.sim-parts.com/?m=20100118[/URL]" title="DIY Motion Simulator (4) – Pedale und Lenkrad, DIY Motion Simulator (5) – Buttkicker und 28″, DIY Motion Simulator (6) – Handbremse, DIY Motion Simulator (7) – 8″ Motec, Die erste Bewährungsprobe, DIY Motion Simulator (8) – die SCN5 sind da !">18</a></td><td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100119"]http://www.sim-parts.com/?m=20100119[/URL]" title="[sticky] Infos zum Blog !, DIY Motion Simulator (9) – es rührt sich was…">19</a></td><td>20</td><td><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.sim-parts.com/?m=20100121"]http://www.sim-parts.com/?m=20100121[/URL]" title="BMW E36 Armaturenbrett im Sim, Upgrade 1: Beamer und Leinwand">21</a></td><td id="today">22</td><td>23</td><td>24</td>
    </tr>
    <tr>
        <td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td>
    </tr>
    </tbody>
    </table></div>

Alles anzeigen

Um den "Januar 2010" nun Luft nach ben zu lassen, musst du dann per CSS einfach einen Abstadn anch oben definieren. Z.B. so:

Code

#wp-calendar caption { padding-top: 5px }

Alle Widgets (auch die Suche) kannst du in der "general-template.php" in dem Ordner "wp-includes" ändern.
Mit den Initialen der Wochentage ist das schon wieder ein bisschen komplizierter. Schau dir da mal die "locale.php" an, auch in dem includes-Ordner bzw. auch das hier

Die Tage, an denen etwas geschrieben wurde, werden verlinkt. Somit musst du einfach die Links in dem Kalender layouten:

Code

#wp-calendar a { font-weight: bold }

Schnullerbacke

Super, vielen Dank für Deine Hilfe !!!

Den oberen Abstand und die fett markierten Eintragsdaten habe ich umgesetzt. Für die Umbenennung der Tage von einem Buchstaben auf zwei Buchstaben wird der Platz nicht ausreichen - die rot markierten Sonntage möchte ich aber noch machen...

Danke nochmal ;-) !!!

Chris

Schnullerbacke

Okay, der Monat ist nun auch unterstrichen und den Abstand darunter habe ich auch eingestellt. Ebenso habe ich den aktuellen Tag farbig hinterlegt.

Aber das mit den Sonntag habe ich noch nicht hinbekommen...

hero-master

Zitat von Schnullerbacke

Aber das mit den Sonntag habe ich noch nicht hinbekommen...

Versuchs mal mit CSS ohne großen Schnickschnack:

Code

#wp-calendar td:last-child,
#wp-calendar td:last-child a { color: red}

Schnullerbacke

:grin: TOP, danke !!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kalender formatieren - wo/wie

Jetzt mitmachen!