연습장:봇쨩: 두 판 사이의 차이

imported>카페인러브
imported>카페인러브
20번째 줄: 20번째 줄:


=== container ===
=== container ===
<div style="width:100%; height:200px; overflow:hidden; position:relative;">
<div style="width:100%; height:200px; margin-right: 20px; overflow:hidden; position:relative;">
<div id="calendar" style="width:100000px; height:200px;">
<div id="calendar" style="width:100000px; height:200px;">
<div style="float:left; width:200px; height:200px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">1</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">1</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">2</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">2</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">3</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">3</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">4</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">4</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">5</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">5</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">6</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">6</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">7</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">7</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">8</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">8</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">9</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#06f;">9</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">10</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#0f9d00;">10</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">11</div>
<div style="float:left; width:200px; height:200px; margin-right: 20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#f00;">11</div>
<div style="float:left; width:200px; height:200px; margin-left:20px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">12</div>
<div style="float:left; width:200px; height:200px; opacity:0.6; color:#fff; font-size:64px; line-height:200px; text-align:center; background:#ffea00;">12</div>
</div>
</div>

2013년 10월 3일 (목) 17:56 판

Default

Draggable

controller

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

container

1
2
3
4
5
6
7
8
9
10
11
12
• 현재 페이지 URL 줄이기