LI WENHAO / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
fe8499d5 1 parent 41cac3c4

Update search homepage design

Inline Side-by-side
Showing 2 changed files with 15 additions and 13 deletions
...@@ -7,27 +7,29 @@ body ...@@ -7,27 +7,29 @@ body
7 position:absolute; 7 position:absolute;
8 width: 700px; 8 width: 700px;
9 height:100px; 9 height:100px;
10 - top:300px; 10 + top:33%;
11 - left:600px; 11 + left:50%;
12 background:white; 12 background:white;
13 border-radius: 50px; 13 border-radius: 50px;
14 + margin:-50px 0px 0px -350px;
14 border:3px solid black; 15 border:3px solid black;
15 } 16 }
16 #left 17 #left
17 { 18 {
18 position:absolute; 19 position:absolute;
19 - width:600px; 20 + width:500px;
20 - height:600px; 21 + height:500px;
21 - top:350px; 22 + top:40%;
22 - left:50px; 23 + left:5%;
24 +
23 } 25 }
24 #right 26 #right
25 { 27 {
26 position:absolute; 28 position:absolute;
27 - width:650px; 29 + width:550px;
28 - height:600px; 30 + height:500px;
29 - top:300px; 31 + top:40%;
30 - left:1200px; 32 + left:65%;
31 } 33 }
32 .box { 34 .box {
33 animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; 35 animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
...@@ -75,8 +77,8 @@ body ...@@ -75,8 +77,8 @@ body
75 background-image: url('metadata/image/button.png'); 77 background-image: url('metadata/image/button.png');
76 width:70px; 78 width:70px;
77 height:70px; 79 height:70px;
80 + border:0px;
78 float:left; 81 float:left;
79 left:35%; 82 left:35%;
80 - border:0px;
81 margin:15px 0px 0px 0px; 83 margin:15px 0px 0px 0px;
82 } 84 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -6,14 +6,14 @@ ...@@ -6,14 +6,14 @@
6 <!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>--> 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" /> 7 <link rel="stylesheet" type="text/css" href="search_home.css" />
8 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> 8 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
9 - <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 9 + <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
10 </head> 10 </head>
11 <body> 11 <body>
12 <img class="box" id="left" src="metadata/image/wodi.png"> 12 <img class="box" id="left" src="metadata/image/wodi.png">
13 <img class="box2" id="right" src="metadata/image/sdao.png"> 13 <img class="box2" id="right" src="metadata/image/sdao.png">
14 <div class="search"> 14 <div class="search">
15 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" /> 15 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" />
16 - <input type="button" value="" id="OK"/> 16 + <button id="OK"></button>
17 </div> 17 </div>
18 <script> 18 <script>
19 $("#OK").click(function(){ // OK 버튼 클릭하면 19 $("#OK").click(function(){ // OK 버튼 클릭하면
......