LI WENHAO / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
24fa7d94 1 parent 5f863878

Update homepage design

Inline Side-by-side
Showing 2 changed files with 128 additions and 96 deletions
...@@ -47,6 +47,25 @@ html, body{ ...@@ -47,6 +47,25 @@ html, body{
47 top:5%; 47 top:5%;
48 background-color: skyblue; 48 background-color: skyblue;
49 } 49 }
50 +#btn1
51 +{
52 + position: relative;
53 + top: 23%;
54 + left: 30%;
55 + padding: 0;
56 + border: none;
57 + background: none;
58 +}
59 +#btn2
60 +{
61 + position: relative;
62 + top: 23%;
63 + left: 50%;
64 + padding: 0;
65 + border: none;
66 + background: none;
67 +}
68 +
50 #div2 69 #div2
51 { 70 {
52 position: relative; 71 position: relative;
...@@ -80,24 +99,6 @@ html, body{ ...@@ -80,24 +99,6 @@ html, body{
80 { 99 {
81 text-align: center; 100 text-align: center;
82 } 101 }
83 -#btn1
84 -{
85 - position: relative;
86 - top: 23%;
87 - left: 30%;
88 - padding: 0;
89 - border: none;
90 - background: none;
91 -}
92 -#btn2
93 -{
94 - position: relative;
95 - top: 23%;
96 - left: 50%;
97 - padding: 0;
98 - border: none;
99 - background: none;
100 -}
101 #test 102 #test
102 { 103 {
103 font-size:x-large; 104 font-size:x-large;
......
...@@ -8,131 +8,162 @@ ...@@ -8,131 +8,162 @@
8 <body> 8 <body>
9 <img id="logo" src="metadata/image/logo.png"> 9 <img id="logo" src="metadata/image/logo.png">
10 <A id="link" href= "https://kart.nexon.com/Main/Index.aspx" target="_blank">공식 홈페이지 바로가기</A> 10 <A id="link" href= "https://kart.nexon.com/Main/Index.aspx" target="_blank">공식 홈페이지 바로가기</A>
11 - <div id="div1"> 11 + <div id="select_div">
12 <button id="btn1" onClick="location.href='test'"> <img src="metadata/image/btn1.png"><br><text id="test">성향 테스트</text></button> 12 <button id="btn1" onClick="location.href='test'"> <img src="metadata/image/btn1.png"><br><text id="test">성향 테스트</text></button>
13 <button id="btn2" onClick="location.href='search'"> <img src="metadata/image/btn2.png"><br><text id="search">전적 검색</text></button> 13 <button id="btn2" onClick="location.href='search'"> <img src="metadata/image/btn2.png"><br><text id="search">전적 검색</text></button>
14 </div> 14 </div>
15 - <div id="div2"> 15 + <div id="main_div">
16 + <div id="notice_div">
16 <img src="metadata/image/notice.PNG"> 17 <img src="metadata/image/notice.PNG">
17 <table id="table"> 18 <table id="table">
18 <tr> 19 <tr>
19 <td class="line"> 20 <td class="line">
20 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135941" id="notice"> 21 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135941" id="notice">
21 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 유령 배틀팀 등장 이벤트 당첨 라이더 안내</a> 22 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
23 + alt="공지"> 유령 배틀팀 등장 이벤트 당첨 라이더 안내</a>
22 </td> 24 </td>
23 </tr> 25 </tr>
24 <tr> 26 <tr>
25 <td class="line"> 27 <td class="line">
26 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135932" id="notice"> 28 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135932" id="notice">
27 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 11/18(목) 같이하기 오류 수정을 위한 임시점검 안내</a> 29 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
30 + alt="공지"> 11/18(목) 같이하기 오류 수정을 위한 임시점검 안내</a>
28 </td> 31 </td>
29 </tr> 32 </tr>
30 <tr> 33 <tr>
31 <td class="line"> 34 <td class="line">
32 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135926" id="notice"> 35 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135926" id="notice">
33 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 2021 카트라이더 리그 수퍼컵 승부예측 이벤트 보상 지급 안내</a> 36 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
37 + alt="공지"> 2021 카트라이더 리그 수퍼컵 승부예측 이벤트 보상 지급 안내</a>
34 </td> 38 </td>
35 </tr> 39 </tr>
36 <tr> 40 <tr>
37 <td class="line"> 41 <td class="line">
38 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135916" id="notice"> 42 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135916" id="notice">
39 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> (수정) 11/18(목) 넥슨 정기점검 안내</a> 43 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
44 + alt="공지"> (수정) 11/18(목) 넥슨 정기점검 안내</a>
40 </td> 45 </td>
41 </tr> 46 </tr>
42 <tr> 47 <tr>
43 <td class="line"> 48 <td class="line">
44 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135914" id="notice"> 49 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135914" id="notice">
45 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 11/18(목) 보안센터 점검 및 U-OTP 서비스 종료 안내</a> 50 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
51 + alt="공지"> 11/18(목) 보안센터 점검 및 U-OTP 서비스 종료 안내</a>
46 </td> 52 </td>
47 </tr> 53 </tr>
48 <tr> 54 <tr>
49 <td class="line"> 55 <td class="line">
50 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135908" id="notice"> 56 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135908" id="notice">
51 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> [수정] 11/15(월) 넥슨 전화 서비스 오류 안내</a> 57 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
58 + alt="공지"> [수정] 11/15(월) 넥슨 전화 서비스 오류 안내</a>
52 </td> 59 </td>
53 </tr> 60 </tr>
54 <tr> 61 <tr>
55 <td class="line"> 62 <td class="line">
56 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135906" id="notice"> 63 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135906" id="notice">
57 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 2021 신한은행 Hey Young 카트라이더 리그 수퍼컵 개막 안내</a> 64 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
65 + alt="공지"> 2021 신한은행 Hey Young 카트라이더 리그 수퍼컵 개막 안내</a>
58 </td> 66 </td>
59 </tr> 67 </tr>
60 <tr> 68 <tr>
61 <td class="line"> 69 <td class="line">
62 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135905" id="notice"> 70 <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135905" id="notice">
63 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" alt="공지"> 운영정책 위반 라이더 제재 안내</a> 71 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17"
72 + alt="공지"> 운영정책 위반 라이더 제재 안내</a>
64 </td> 73 </td>
65 </tr> 74 </tr>
66 </table> 75 </table>
76 + </div>
77 + <div id="ranking_div">
78 + <img src="metadata/image/ranking.PNG">
79 + <table id="table">
80 + <tr>
81 + <img src="metadata/image/menu.PNG">
82 + </tr>
83 + <tr>
84 + <td id="ranktd"><img src="metadata/image/rank1.png"></td>
85 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=멋진샌박주장&maskGameCode_Group=73985"
86 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
87 + id="notice">멋진샌박주장</a></td>
88 + <td>두두카클럽</td>
89 + <td>3331</td>
90 + </tr>
91 + <tr>
92 + <td id="ranktd"><img src="metadata/image/rank2.png"></td>
93 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=병수욤&maskGameCode_Group=73985"
94 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
95 + id="notice">병수욤</a></td>
96 + <td>TeamAox</td>
97 + <td>3254</td>
98 + </tr>
99 + <tr>
100 + <td id="ranktd"><img src="metadata/image/rank3.png"></td>
101 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=쑹턔&maskGameCode_Group=73985"
102 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
103 + id="notice">쑹턔</a></td>
104 + <td> </td>
105 + <td>3056</td>
106 + </tr>
107 + <tr class="rline">
108 + <td id="ranktd">4</td>
109 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=현수쿨쿨&maskGameCode_Group=73985"
110 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
111 + id="notice">현수쿨쿨</a></td>
112 + <td>Blossom</td>
113 + <td>3001</td>
114 + </tr>
115 + <tr class="rline">
116 + <td id="ranktd">5</td>
117 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=지쵸민파&maskGameCode_Group=73985"
118 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
119 + id="notice">지쵸민파</a></td>
120 + <td>FreeSky</td>
121 + <td>2934</td>
122 + </tr>
123 + <tr class="rline">
124 + <td id="ranktd">6</td>
125 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=AF노준현&maskGameCode_Group=73985"
126 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
127 + id="notice">AF노준현</a></td>
128 + <td>두두카클럽</td>
129 + <td>2918</td>
130 + </tr>
131 + <tr class="rline">
132 + <td id="ranktd">7</td>
133 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=챵현&maskGameCode_Group=73985"
134 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
135 + id="notice">챵현</a></td>
136 + <td>OneQ</td>
137 + <td>2913</td>
138 + </tr>
139 + <tr class="rline">
140 + <td id="ranktd">8</td>
141 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=다함께갑시다&maskGameCode_Group=73985"
142 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
143 + id="notice">다함께갑시다</a></td>
144 + <td> </td>
145 + <td>2904</td>
146 + </tr>
147 + <tr class="rline">
148 + <td id="ranktd">9</td>
149 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=AttackXiaoGu&maskGameCode_Group=73985"
150 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
151 + id="notice">AttackXiaoGu</a></td>
152 + <td>TCCstar</td>
153 + <td>2903</td>
154 + </tr>
155 + <tr class="rline">
156 + <td id="ranktd">10</td>
157 + <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=재혁Zzz&maskGameCode_Group=73985"
158 + onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;"
159 + id="notice">재혁Zzz</a></td>
160 + <td>두두카클럽</td>
161 + <td>2901</td>
162 + </tr>
163 + </table>
164 + </div>
67 </div> 165 </div>
68 - <div id="div3"> 166 +
69 - <img src="metadata/image/ranking.PNG">
70 - <table id="table">
71 - <tr>
72 - <img src="metadata/image/menu.PNG">
73 - </tr>
74 - <tr>
75 - <td id="ranktd"><img src="metadata/image/rank1.png"></td>
76 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=멋진샌박주장&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">멋진샌박주장</a></td>
77 - <td>두두카클럽</td>
78 - <td>3331</td>
79 - </tr>
80 - <tr>
81 - <td id="ranktd"><img src="metadata/image/rank2.png"></td>
82 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=병수욤&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">병수욤</a></td>
83 - <td>TeamAox</td>
84 - <td>3254</td>
85 - </tr>
86 - <tr>
87 - <td id="ranktd"><img src="metadata/image/rank3.png"></td>
88 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=쑹턔&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">쑹턔</a></td>
89 - <td> </td>
90 - <td>3056</td>
91 - </tr>
92 - <tr class="rline">
93 - <td id="ranktd">4</td>
94 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=현수쿨쿨&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">현수쿨쿨</a></td>
95 - <td>Blossom</td>
96 - <td>3001</td>
97 - </tr>
98 - <tr class="rline">
99 - <td id="ranktd">5</td>
100 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=지쵸민파&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">지쵸민파</a></td>
101 - <td>FreeSky</td>
102 - <td>2934</td>
103 - </tr>
104 - <tr class="rline">
105 - <td id="ranktd">6</td>
106 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=AF노준현&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">AF노준현</a></td>
107 - <td>두두카클럽</td>
108 - <td>2918</td>
109 - </tr>
110 - <tr class="rline">
111 - <td id="ranktd">7</td>
112 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=챵현&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">챵현</a></td>
113 - <td>OneQ</td>
114 - <td>2913</td>
115 - </tr>
116 - <tr class="rline">
117 - <td id="ranktd">8</td>
118 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=다함께갑시다&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">다함께갑시다</a></td>
119 - <td> </td>
120 - <td>2904</td>
121 - </tr>
122 - <tr class="rline">
123 - <td id="ranktd">9</td>
124 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=AttackXiaoGu&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">AttackXiaoGu</a></td>
125 - <td>TCCstar</td>
126 - <td>2903</td>
127 - </tr>
128 - <tr class="rline">
129 - <td id="ranktd">10</td>
130 - <td><a href="https://kart.nexon.com/Garage/Main?strRiderID=재혁Zzz&maskGameCode_Group=73985" onclick="window.open(this.href,'','width=700, height=600, scrollbars=yes'); return false;" id="notice">재혁Zzz</a></td>
131 - <td>두두카클럽</td>
132 - <td>2901</td>
133 - </tr>
134 - </table>
135 - </div>
136 </body> 167 </body>
137 168
138 169
......