김명주 / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
707f6a9d 1 parent 9a0f8dfb

Modify div location, size 

and Change variable name
Expand all
Inline Side-by-side
Showing 7 changed files with 121 additions and 123 deletions
1 - 1 +body{
2 -html, body{ 2 + background-image:url("metadata/image/home.png");
3 - width: 100%; 3 + background-repeat: repeat-x;
4 - height: 100%;
5 - margin:0;
6 } 4 }
5 +#ent_frame{
6 + width: 1600px;
7 + height: 900px;
8 + margin: auto;
9 +}
10 +
7 .line 11 .line
8 { 12 {
9 height: 40px; 13 height: 40px;
...@@ -45,7 +49,6 @@ html, body{ ...@@ -45,7 +49,6 @@ html, body{
45 width: 100%; 49 width: 100%;
46 height: 45%; 50 height: 45%;
47 top:5%; 51 top:5%;
48 - background-color: skyblue;
49 } 52 }
50 53
51 #btn1 54 #btn1
......
...@@ -3,82 +3,94 @@ ...@@ -3,82 +3,94 @@
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title>Home Page</title> 5 <title>Home Page</title>
6 - <link rel="stylesheet" type="text/css" href="main_home.css"/> 6 + <link rel="stylesheet" type="text/css" href="main_home.css" />
7 </head> 7 </head>
8 +
8 <body> 9 <body>
9 <img id="logo" src="metadata/image/logo.png"> 10 <img id="logo" src="metadata/image/logo.png">
10 - <A id="link" href= "https://kart.nexon.com/Main/Index.aspx" target="_blank">공식 홈페이지 바로가기</A> 11 + <A id="link" href="https://kart.nexon.com/Main/Index.aspx" target="_blank">공식 홈페이지 바로가기</A>
12 + <div id="ent_frame">
11 <div id="select_div"> 13 <div id="select_div">
12 - <button id="btn1" onClick="location.href='test'"> <img src="metadata/image/btn1.png"><br><text id="test">성향 테스트</text></button> 14 + <button id="btn1" onClick="location.href='test'"> <img src="metadata/image/btn1.png">
13 - <button id="btn2" onClick="location.href='search'"> <img src="metadata/image/btn2.png"><br><text id="search">전적 검색</text></button> 15 + <br><text id="test">성향 테스트</text></button>
16 + <button id="btn2" onClick="location.href='search'"> <img src="metadata/image/btn2.png">
17 + <br><text id="search">전적 검색</text></button>
14 </div> 18 </div>
15 <div id="main_div"> 19 <div id="main_div">
16 <div id="notice_div"> 20 <div id="notice_div">
17 - <img src="metadata/image/notice.PNG"> 21 + <img src="metadata/image/notice.png">
18 <table id="table"> 22 <table id="table">
19 <tr> 23 <tr>
20 <td class="line"> 24 <td class="line">
21 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135941" id="notice"> 25 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135941"
22 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 26 + id="notice">
23 - alt="공지"> 유령 배틀팀 등장 이벤트 당첨 라이더 안내</a> 27 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
28 + height="17" alt="공지"> 유령 배틀팀 등장 이벤트 당첨 라이더 안내</a>
24 </td> 29 </td>
25 </tr> 30 </tr>
26 <tr> 31 <tr>
27 <td class="line"> 32 <td class="line">
28 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135932" id="notice"> 33 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135932"
29 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 34 + id="notice">
30 - alt="공지"> 11/18(목) 같이하기 오류 수정을 위한 임시점검 안내</a> 35 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
36 + height="17" alt="공지"> 11/18(목) 같이하기 오류 수정을 위한 임시점검 안내</a>
31 </td> 37 </td>
32 </tr> 38 </tr>
33 <tr> 39 <tr>
34 <td class="line"> 40 <td class="line">
35 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135926" id="notice"> 41 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135926"
36 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 42 + id="notice">
37 - alt="공지"> 2021 카트라이더 리그 수퍼컵 승부예측 이벤트 보상 지급 안내</a> 43 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
44 + height="17" alt="공지"> 2021 카트라이더 리그 수퍼컵 승부예측 이벤트 보상 지급 안내</a>
38 </td> 45 </td>
39 </tr> 46 </tr>
40 <tr> 47 <tr>
41 <td class="line"> 48 <td class="line">
42 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135916" id="notice"> 49 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135916"
43 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 50 + id="notice">
44 - alt="공지"> (수정) 11/18(목) 넥슨 정기점검 안내</a> 51 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
52 + height="17" alt="공지"> (수정) 11/18(목) 넥슨 정기점검 안내</a>
45 </td> 53 </td>
46 </tr> 54 </tr>
47 <tr> 55 <tr>
48 <td class="line"> 56 <td class="line">
49 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135914" id="notice"> 57 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135914"
50 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 58 + id="notice">
51 - alt="공지"> 11/18(목) 보안센터 점검 및 U-OTP 서비스 종료 안내</a> 59 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
60 + height="17" alt="공지"> 11/18(목) 보안센터 점검 및 U-OTP 서비스 종료 안내</a>
52 </td> 61 </td>
53 </tr> 62 </tr>
54 <tr> 63 <tr>
55 <td class="line"> 64 <td class="line">
56 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135908" id="notice"> 65 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135908"
57 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 66 + id="notice">
58 - alt="공지"> [수정] 11/15(월) 넥슨 전화 서비스 오류 안내</a> 67 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
68 + height="17" alt="공지"> [수정] 11/15(월) 넥슨 전화 서비스 오류 안내</a>
59 </td> 69 </td>
60 </tr> 70 </tr>
61 <tr> 71 <tr>
62 <td class="line"> 72 <td class="line">
63 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135906" id="notice"> 73 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135906"
64 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 74 + id="notice">
65 - alt="공지"> 2021 신한은행 Hey Young 카트라이더 리그 수퍼컵 개막 안내</a> 75 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
76 + height="17" alt="공지"> 2021 신한은행 Hey Young 카트라이더 리그 수퍼컵 개막 안내</a>
66 </td> 77 </td>
67 </tr> 78 </tr>
68 <tr> 79 <tr>
69 <td class="line"> 80 <td class="line">
70 - <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135905" id="notice"> 81 + <a href="https://kart.nexon.com:443/Kart/News/Notice/view.aspx?noticearticlesn=135905"
71 - <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30" height="17" 82 + id="notice">
72 - alt="공지"> 운영정책 위반 라이더 제재 안내</a> 83 + <img src="https://ssl.nexon.com/s2/game/kart/v2/community/ico_notice.gif" width="30"
84 + height="17" alt="공지"> 운영정책 위반 라이더 제재 안내</a>
73 </td> 85 </td>
74 </tr> 86 </tr>
75 </table> 87 </table>
76 </div> 88 </div>
77 <div id="ranking_div"> 89 <div id="ranking_div">
78 - <img src="metadata/image/ranking.PNG"> 90 + <img src="metadata/image/ranking.png">
79 <table id="table"> 91 <table id="table">
80 <tr> 92 <tr>
81 - <img src="metadata/image/menu.PNG"> 93 + <img src="metadata/image/menu.png">
82 </tr> 94 </tr>
83 <tr> 95 <tr>
84 <td id="ranktd"><img src="metadata/image/rank1.png"></td> 96 <td id="ranktd"><img src="metadata/image/rank1.png"></td>
...@@ -163,8 +175,7 @@ ...@@ -163,8 +175,7 @@
163 </table> 175 </table>
164 </div> 176 </div>
165 </div> 177 </div>
166 - 178 + </div>
167 </body> 179 </body>
168 180
169 -
170 </html> 181 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,34 +2,38 @@ body ...@@ -2,34 +2,38 @@ body
2 { 2 {
3 background:rgb(26, 154, 248); 3 background:rgb(26, 154, 248);
4 } 4 }
5 +#main_frame
6 +{
7 + width:1600px;
8 + height:900px;
9 + margin: auto;
10 +}
5 .search 11 .search
6 { 12 {
7 - position:absolute; 13 + position:relative;
8 width: 700px; 14 width: 700px;
9 height:100px; 15 height:100px;
10 - top:33%; 16 + top:-15%;
11 - left:50%; 17 + margin:auto;
12 background:white; 18 background:white;
13 border-radius: 50px; 19 border-radius: 50px;
14 - margin:-50px 0px 0px -350px; 20 + border:4px solid black;
15 - border:3px solid black;
16 } 21 }
17 #left 22 #left
18 { 23 {
19 - position:absolute; 24 + position:relative;
20 - width:500px; 25 + width:400px;
21 - height:500px; 26 + height:400px;
22 - top:40%; 27 + top:45%;
23 - left:5%;
24 28
25 } 29 }
26 #right 30 #right
27 { 31 {
28 - position:absolute; 32 + position:relative;
29 - width:550px; 33 + width:450px;
30 - height:500px; 34 + height:400px;
31 - top:40%; 35 + top:45%;
32 - left:65%; 36 + left:45%;
33 } 37 }
34 .box { 38 .box {
35 animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; 39 animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
......
1 <html> 1 <html>
2 - <head> 2 +
3 +<head>
3 <title>전적 검색</title> 4 <title>전적 검색</title>
4 <meta charset="utf-8"> 5 <meta charset="utf-8">
5 - <!-- 제이쿼리 불러오기 -->
6 - <!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
7 <link rel="stylesheet" type="text/css" href="search_home.css" /> 6 <link rel="stylesheet" type="text/css" href="search_home.css" />
8 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> 7 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
9 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 8 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
9 +</head>
10 10
11 - </head> 11 +<body>
12 - <body> 12 + <div id="main_frame">
13 <img class="box" id="left" src="metadata/image/wodi.png"> 13 <img class="box" id="left" src="metadata/image/wodi.png">
14 <img class="box2" id="right" src="metadata/image/sdao.png"> 14 <img class="box2" id="right" src="metadata/image/sdao.png">
15 <div class="search" id="a"> 15 <div class="search" id="a">
16 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" /> 16 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" />
17 <button id="OK"></button> 17 <button id="OK"></button>
18 </div> 18 </div>
19 - <script> 19 + </div>
20 - $("#OK").click(function(){ // OK 버튼 클릭하면 20 +</body>
21 +
22 +<script>
23 + $("#OK").click(function () {
21 $.ajax({ 24 $.ajax({
22 - url: '/search', // postTest 주소로 25 + url: '/search',
23 - async: true, // 동기화 - 서버에서 반응이 올때까지 기다림 26 + async: true,
24 - type: 'POST', // POST 방식으로 27 + type: 'POST',
25 data: { 28 data: {
26 - test: $("#name").val() // 텍스트필드에 입력한 값을 test라는 이름으로 보냄 29 + test: $("#name").val()
27 }, 30 },
28 dataType: 'json', 31 dataType: 'json',
29 - success: function(data){ 32 + success: function (data) {
30 - if(data=="200"){ 33 + if (data == "200") {
31 - const div_target=document.querySelector('#a'); 34 + const div_target = document.querySelector('#a');
32 - var obj=document.createElement('img'); 35 + var obj = document.createElement('img');
33 - obj.id="loading"; 36 + obj.id = "loading";
34 - obj.src='metadata/image/loading.gif'; 37 + obj.src = 'metadata/image/loading.gif';
35 div_target.append(obj); 38 div_target.append(obj);
36 - window.location.href="/search/result"; 39 + window.location.href = "/search/result";
37 } 40 }
38 - else{ 41 + else {
39 swal("ERROR", "존재하지 않는 닉네임입니다."); 42 swal("ERROR", "존재하지 않는 닉네임입니다.");
40 } 43 }
41 } 44 }
42 }); 45 });
43 }); 46 });
44 - </script> 47 +</script>
45 - </body> 48 +
46 </html> 49 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 body{ 1 body{
2 background:rgb(240, 239, 239) 2 background:rgb(240, 239, 239)
3 } 3 }
4 -#div 4 +#main_frame
5 +{
6 + width: 1600px;
7 + height: 1000px;
8 + margin:auto;
9 +}
10 +#most
5 { 11 {
6 position: relative; 12 position: relative;
7 - width: 1200px; 13 + width: 400px;
8 - height: 200px; 14 + height: 800px;
9 - left:50%; 15 + left:6%;
10 - margin:0px 0px 0px -600px;
11 float:left; 16 float:left;
12 } 17 }
13 #emblem 18 #emblem
...@@ -27,51 +32,34 @@ body{ ...@@ -27,51 +32,34 @@ body{
27 top:4%; 32 top:4%;
28 left:3%; 33 left:3%;
29 } 34 }
30 -#s_home 35 +#nick
31 -{
32 - position:relative;
33 - width:100%;
34 -}
35 -#title
36 { 36 {
37 font-family: 'Nanum Gothic'; 37 font-family: 'Nanum Gothic';
38 - font-size:large; 38 + font-size:35px;
39 font-weight:bold; 39 font-weight:bold;
40 } 40 }
41 -#resu 41 +
42 -{ 42 +#record
43 - position: relative;
44 - width: 1700px;
45 - height: 1100px;
46 - margin: 0 auto;
47 - top:250px;
48 -}
49 -#most
50 { 43 {
51 position: relative; 44 position: relative;
52 - width: 400px; 45 + width: 55%;
53 - height: 800px; 46 + height: 900px;
54 - left:6%; 47 + left:10%;
55 float:left; 48 float:left;
56 } 49 }
57 -#imgId 50 +
51 +#s_home
58 { 52 {
59 - vertical-align: middle; 53 + position:relative;
54 + width:100%;
60 } 55 }
61 -#nick 56 +#title
62 { 57 {
63 font-family: 'Nanum Gothic'; 58 font-family: 'Nanum Gothic';
64 - font-size:35px; 59 + font-size:large;
65 font-weight:bold; 60 font-weight:bold;
66 } 61 }
67 -#div1 62 +
68 -{
69 - position: relative;
70 - width: 50%;
71 - height: 900px;
72 - left:10%;
73 - float:left;
74 -}
75 63
76 #IMG 64 #IMG
77 { 65 {
...@@ -93,18 +81,7 @@ body{ ...@@ -93,18 +81,7 @@ body{
93 width:80px; 81 width:80px;
94 height:60px; 82 height:60px;
95 } 83 }
96 -#IMG4 84 +
97 -{
98 - width:80px;
99 - height:60px;
100 -}
101 -#img3
102 -{
103 - position: relative;
104 - width: 100%;
105 - height:100%;
106 - float:left;
107 -}
108 85
109 #table 86 #table
110 { 87 {
......
This diff is collapsed. Click to expand it.