더시드위키
최근 변경최근 토론
특수 기능

사용자:flyant(비교)

보기RAWBlame되돌리기비교
r1413 vs r1414
11
22
{{{#!style
33
.mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#fff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
4
.mine-num {vertical-align:middle;display:inline-block;background:#fff}
5
.mineb-over {width:30px;height:30px;background:no-repeat linear-gradient(#fff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
6
.mine-red {vertical-align:middle;display:inline-block;background:#f00}
4
.mine-num {width:30px;height:30px;vertical-align:middle;display:inline-block;background:#fff}
5
.mineb-over {width:30px;height:30px;background:no-repeat linear-gradient(#f00, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
6
.mine-red {width:30px;height:30px;vertical-align:middle;display:inline-block;background:#f00;color:#000;font-weight:bold}
77
.mine-hide {display:none}
8
.mine-trans {width:30px;height:30px;vertical-align:middle;display:inline-block;background:transparent}
89
}}}
9
{{{#!if index = -1, mine = [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
10
{{{#!if index = -1, mine = [1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
1011
}}}
1112
1213
||<nopad> {{{#!if ++index, cell = 0
......
3031
}}}}}}{{{#!wiki class="mineb@index@ mine-safe" onclick="add-class,mineb@index@,mine-num;remove-class,mineh@index@,mine-hide"
3132
{{{#!wiki class="mineh@index@ mine-hide"
3233
@cell@}}}}}}}}}{{{#!if mine[index] == 1
33
{{{#!wiki class="mineb-over" onclick="add-class,mineb-over,mine-red;remove-class,mineh-over,mine-hide"
34
{{{#!wiki class="mineh-over mine-hide"
35
●}}}}}}}}} ||
34
{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
35
{{{#!wiki class="mine mineb-over"
36
{{{#!wiki class="mineh mine-hide"
37
●}}}}}}}}}}}} ||
3638
39
1. 클릭
40
2. 자신을 제외한 다른 클래스에 일반 스타일을 주는 클래스를 준다
41
add 클래스로 자신에게는 index가 부여된 클래스를 다른 클래스는 일반 스타일의 클래스를 전역으로 보낸다
3742
3843
44
||<nopad> {{{#!if index = 0
45
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
46
{{{#!wiki class="mine mineb-over"
47
{{{#!wiki class="mineh mine-hide"
48
●}}}}}}}}}||<nopad> {{{#!if index = 1
49
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
50
{{{#!wiki class="mine mineb-over"
51
{{{#!wiki class="mineh mine-hide"
52
●}}}}}}}}}||<nopad> {{{#!if index = 2
53
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
54
{{{#!wiki class="mine mineb-over"
55
{{{#!wiki class="mineh mine-hide"
56
●}}}}}}}}}||<nopad> {{{#!if index = 3
57
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
58
{{{#!wiki class="mine mineb-over"
59
{{{#!wiki class="mineh mine-hide"
60
●}}}}}}}}}||
3961
4062
63
64
65
4166
{{{#!style
4267
.box_a {width:50px;height:50px;background:red}
4368
.box_b {width:50px;height:50px;background:blue}
......