loveless-pain

Kalender

Oktober 2011
Mo	Di	Mi	Do	Fr	Sa	So
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

Wie erstellt man so ein Kalender?
Es ist ganz leicht.. ihr müsst zuerst den folgenden Code
kopieren, und dann in den Layout mit einfügen
( geht auch für knuddels )

code
<table width="150" cellspacing="1" cellpadding="0" align="center" tableborder="0"> <tbody> <tr> <td colspan="5" class="month">Oktober 2011</td> </tr> <tr> <td class="week">Mo</td> <td class="week">Di</td> <td class="week">Mi</td> <td class="week">Do</td> <td class="week">Fr</td> <td class="week">Sa</td> <td class="week">So</td> </tr> <tr> <td class="day"> </td> <td class="day"> </td> <td class="day"> </td> <td class="day"> </td> <td class="day"> </td> <td class="day">1</td> <td class="day">2</td> </tr> <tr> <td class="day">3</td> <td class="day">4</td> <td class="day">5</td> <td class="day">6</td> <td class="day">7</td> <td class="day">8</td> <td class="day">9</td> </tr> <tr> <td class="day">10</td> <td class="day">11</td> <td class="day">12</td> <td class="day">13</td> <td class="day">14</td> <td class="day">15</td> <td class="day">16</td> </tr> <tr> <td class="day">17</td> <td class="day">18</td> <td class="day">19</td> <td class="day">20</td> <td class="day">21</td> <td class="day">22</td> <td class="day">23</td> </tr> <tr> <td class="day">24</td> <td class="day">25</td> <td class="day">26</td> <td class="day">27</td> <td class="day">28</td> <td class="day">29</td> <td class="day">30</td> </tr> <tr> <td class="day">31</td> <td class="day"> </td> <td class="day"> </td> </tr> </tbody> </table>


Diesen Code fügt ihr bitte im body-Bereich ein damit könnt ihr die farben usw anpassen.
[ Für Knuddels: Diesen Code bitte aus lassen.. ]

code
td.month { color: #FFFFFF; font-family: tahoma; font-size: 10px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: #C0C0C0; border: 1px dotted #000000;} td.week { color: #C0C0C0; font-family: tahoma; font-size: 9px; text-decoration: none; text-transform: uppercase; text-align: center; background-color: #FFFFFF; border: 1px solid #000000; } td.day { color: #FFFFFF; font-family: tahoma; font-size: 9px; font-weight: normal; text-decoration: none; text-transform: none; text-align: center; background-color: #C0C0C0; border: 1px solid #000000; td.marked { color: #FF0000; font-family: tahoma; font-size: 9px; font-weight: normal; text-decoration: none; text-transform: none; text-align: center; background-color: #C0C0C0; border: 1px solid #FF0000;

Ihr könnt auf diesen Kalender auch bestimmte Evente makieren.
Ihr müsst dann nur ein anderen Code verwenden,
das könnt ihr einfach durch den Standartcode ersetzen.
Da wo jetzt ''Event'' drauf steht schreibt ihr einfach das hin was
an diesem Tag ist.. wie z.B. Geburstag, Termin... etc.
Bei Datum kommt dann einfach die Zahl vom Datum rein.
Als beispielt: wenn ihr bei unseren kalender auf die 30 geht
kommt ein 'event' text, so sieht das dann aus.
[ auch für Knuddels ]

Code
<td class="marked"><b><a title="EVENT">DATUM</a></b></td>

Wenn du aber doch lieber ein Bild anstatt eine Zahl bei den
markierten tag haben magst, musst du nur diesen Code einfügen
Bei url-des-bildes kommt dann einfach die url von dem Bild rein was du gern haben möchtest
und bei event wieder ganz normal das was dort ansteht.

code
<td class="marked"><a title="EVENT"><img src="URL-DES-BILDES" _fcksavedurl="URL-DES-BILDES"></a></td>


Wenn ihr Fragen habt, dann stellt sie bitte in Askme