FrontPage/2025-04-17/複製 の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• FrontPage/2025-04-17/複製 へ行く。
  • 1 (2025-04-17 (木) 01:30:13)
  • 2 (2025-04-17 (木) 03:57:45)
  • 3 (2025-04-17 (木) 07:38:41)
  • 4 (2025-04-30 (水) 02:32:59)
  • 5 (2025-04-30 (水) 19:12:12)
  • 6 (2025-04-30 (水) 19:56:19)
  • 7 (2025-05-01 (木) 01:41:28)

---

#html(HTML Code)

style> .calendar {

 font-family: "sans-serif";
 width: 100%;
 max-width: 700px;
 margin: 0 auto;
 border-collapse: collapse;
 border: 2px solid #999;

} .calendar th {

 background-color: #ffe0f0;
 color: #b03060;
 padding: 6px;
 border: 1px solid #ccc;

} .calendar td {

 vertical-align: top;
 height: 80px;
 width: 14.2%;
 border: 1px solid #ccc;
 padding: 4px;
 font-size: 12px;
 background: #fff;

} .calendar .sunday { background-color: #fff0f5; } .calendar .saturday { background-color: #e6f0ff; } .calendar .event {

 background-color: #ffccff;
 font-size: 11px;
 padding: 2px;
 border-radius: 6px;
 margin-top: 4px;
 display: inline-block;

} .calendar .icon {

 display: block;
 text-align: center;
 font-size: 18px;
 margin-top: 2px;

}

/style>

table class="calendar">

thead>

 <tr><th class="sunday">日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th class="saturday">土</th></tr>

/thead>

tbody>

 <tr>
   <td class="sunday">30<br><span class="icon">🎒</span></td>
   <td>31</td>
   <td>1<br><span class="icon">🐍</span><div class="event">ログポ</div></td>
   <td>2<br><span class="icon">🐍</span></td>
   <td>3<br><div class="event">03月ログポ</div></td>
   <td>4<br><span class="icon">🐍</span></td>
   <td class="saturday">5<br><span class="icon">🌼</span></td>
 </tr>
 <tr>
   <td class="sunday">6<br><span class="event">春の育成</span></td>
   <td>7</td>
   <td>8<br><span class="icon">🐍</span></td>
   <td>9</td>
   <td>10</td>
   <td>11</td>
   <td class="saturday">12</td>
 </tr>
 <tr>
   <td class="sunday">13<br><span class="icon">🥚</span></td>
   <td>14</td>
   <td>15<br><span class="icon">🐍</span></td>
   <td>16</td>
   <td>17</td>
   <td>18</td>
   <td class="saturday">19</td>
 </tr>
 <tr>
   <td class="sunday">20<br><span class="icon">🐍</span></td>
   <td>21</td>
   <td>22</td>
   <td>23<br><div class="event">エッグハント</div></td>
   <td>24</td>
   <td>25</td>
   <td class="saturday">26</td>
 </tr>
 <tr>
   <td class="sunday">27</td>
   <td>28</td>
   <td>29<br><span class="event">昭和の日</span></td>
   <td>30</td>
   <td>1</td>
   <td>2</td>
   <td class="saturday">3<br><span class="event">憲法記念日</span></td>
 </tr>

/tbody>

/table>

#endhtml