September 2017 HTML Kalender mit HTML Code

Über HTML-Kalendervorlage ist für den Einsatz als einfügbarer Webkalender konzipiert. Von WinCalendar.com heruntergeladet. Der HTML-Kalender reagiert und wird automatisch schrumpfen, um die Größe seines Containers div anzupassen. Unten ist der Kalender HTML-Quellcode. Kopieren Sie einfach den untenstehenden Code auf Ihre Webseite.
<!-- Kalender September 2017 Mit freundlicher Genehmigung von WinCalendar.com -->
<style>   .monthNoCol { width: 3.2%}   .monthTxtCol { width: 10.9%;}  .pnmlink{ color:#CDCDCD; font-size:0.8em; }  #Calendar {font-family:Arial, sans-serif; border-collapse: collapse; width:100%; table-layout:fixed;}   #Calendar h1 {font-size:12.0pt; font-weight:400; margin-top:0px; margin-bottom:0.1em;  font-weight:normal;}   .Saprorar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 0 3.7px 7.8px; border-color: transparent transparent transparent #f3f6fd; margin:0 0.15em;}  .Saprolar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 7.8px 3.7px 0; border-color: transparent #f3f6fd transparent transparent; margin:0 0.15em;}  #Calendar tr { height:1.2em; }   #Calendar tr:nth-child(even) {vertical-align:top; height:1.5em; }  #Calendar tr:nth-child(odd) {vertical-align:middle;}  #Calendar tr:first-child { height:1.7em; vertical-align:bottom; }   #Calendar tr:nth-child(2) {vertical-align:bottom; height:1.2em;}  #Calendar tr:first-child td:first-child { -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; border-top-left-radius: 11px;}  #Calendar tr:first-child td:last-child { -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px;  border-top-right-radius: 11px; }  #Calendar tr:not(:first-child) td:last-child { border-right:1.5pt solid #355986; }      .Sapro9030194{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro9130194{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#F9F9E1; } .Sapro9230194{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro9330194{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; } .Sapro9430194{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro9530194{color:maroon; font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-right:1.5pt solid #355986; background:#F9F9E1; } .Sapro9630194{font-size:12.0pt; } .Sapro9730194{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.5pt solid #355986; background:#355986; } .Sapro9830194{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.0pt solid white; background:#355986; } .Sapro10030194{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10130194{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; background:#D9D9D9; } .Sapro10230194{font-size:0.8em; text-align:left; border-top:.5pt solid #355986; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro10330194{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10530194{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; background:#D9D9D9; } .Sapro10630194{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; } .Sapro10830194{font-size:0.8em; text-align:left; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro11030194{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro11230194{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.5pt solid #355986; background:#F9F9E1; } .Sapro11430194{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; } .Sapro11630194{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:.5pt solid #355986; background:#F9F9E1; } .Sapro11930194{color:white; font-size:12.0pt; text-align:center; border-bottom:1.0pt solid white; background:#355986; } .Sapro12030194{color:#CDCDCD; font-size:0.8em; text-align:right; border-bottom:1.0pt solid white; background:#355986; } .Sapro12230194{color:#CDCDCD; font-size:0.8em; text-align:left; border-bottom:1.0pt solid white; background:#355986; } </style>
<table id='Calendar' data-month=201709 border=0 cellpadding=0 cellspacing=0>
 <colgroup>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
</colgroup>
<tr class=Sapro9630194>
  <td colspan=4 class=Sapro12230194><a href="https://www.wincalendar.com/kalender/Deutschland/August-2017" title="August 2017"><div class="Saprolar"></div><span class="pnmlink">Aug 2017</span></a></td>
  <td colspan=6 class=Sapro11930194><h1>Kalender September 2017</h1></td>
  <td colspan=4 class=Sapro12030194><a href="https://www.wincalendar.com/kalender/Deutschland/Oktober-2017" title="Oktober 2017"><span class="pnmlink">Okt 2017</span><div class="Saprorar"></div></a></td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro9730194>So</td>
  <td colspan=2 class=Sapro9830194>Mo</td>
  <td colspan=2 class=Sapro9830194>Di</td>
  <td colspan=2 class=Sapro9830194>Mi</td>
  <td colspan=2 class=Sapro9830194>Do</td>
  <td colspan=2 class=Sapro9830194>Fr</td>
  <td colspan=2 class=Sapro9830194>Sa</td>
 </tr>
 <tr>
  <td class=Sapro10030194> </td>
  <td class=Sapro10130194> </td>
  <td class=Sapro10230194> </td>
  <td class=Sapro10130194> </td>
  <td class=Sapro10230194> </td>
  <td class=Sapro10130194> </td>
  <td class=Sapro10230194> </td>
  <td class=Sapro10130194> </td>
  <td class=Sapro10230194> </td>
  <td class=Sapro10130194> </td>
  <td class=Sapro9230194>1</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9430194>2</td>
  <td class=Sapro9530194> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10330194> </td>
  <td colspan=2 class=Sapro10530194> </td>
  <td colspan=2 class=Sapro10530194> </td>
  <td colspan=2 class=Sapro10530194> </td>
  <td colspan=2 class=Sapro10530194> </td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10830194></td>
 </tr>
 <tr>
  <td class=Sapro9030194>3</td>
  <td class=Sapro9130194> </td>
  <td class=Sapro9230194>4</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>5</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>6</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>7</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>8</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9430194>9</td>
  <td class=Sapro9530194> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10830194></td>
 </tr>
 <tr>
  <td class=Sapro9030194>10</td>
  <td class=Sapro9130194> </td>
  <td class=Sapro9230194>11</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>12</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>13</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>14</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>15</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9430194>16</td>
  <td class=Sapro9530194> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10830194></td>
 </tr>
 <tr>
  <td class=Sapro9030194>17</td>
  <td class=Sapro9130194> </td>
  <td class=Sapro9230194>18</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>19</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>20</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>21</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>22</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9430194>23</td>
  <td class=Sapro9530194> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10630194></td>
  <td colspan=2 class=Sapro10830194></td>
 </tr>
 <tr>
  <td class=Sapro9030194>24</td>
  <td class=Sapro9130194> </td>
  <td class=Sapro9230194>25</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>26</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>27</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>28</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9230194>29</td>
  <td class=Sapro9330194> </td>
  <td class=Sapro9430194>30</td>
  <td class=Sapro9530194> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11230194></td>
  <td colspan=2 class=Sapro11430194></td>
  <td colspan=2 class=Sapro11430194></td>
  <td colspan=2 class=Sapro11430194></td>
  <td colspan=2 class=Sapro11430194></td>
  <td colspan=2 class=Sapro11430194></td>
  <td colspan=2 class=Sapro11630194></td>
 </tr>
 
</table>
Lizenzbedingungen: Kostenlos für die persönliche und kommerzielle Nutzung so lange wie: Verwendung ist nur für nicht-konkurrenzfähige Nutzung in Bezug auf uns (Sapro Systems LLC / WinCalendar.com).
Aug 2017		Kalender September 2017			Okt 2017
So	Mo	Di	Mi	Do	Fr	Sa
					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