devsho

chat popup

...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 .list_board{ 4 .list_board{
5 display: block; 5 display: block;
6 float: left; 6 float: left;
7 - width: 20%; 7 + width: 270px;
8 } 8 }
9 .board_btn{ 9 .board_btn{
10 display: block; 10 display: block;
......
1 /* 메인 */ 1 /* 메인 */
2 +.body{
3 + background-color: #B2C7D9;
4 +}
2 #main { 5 #main {
3 - margin: auto;
4 - margin-top: 10px;
5 - margin-bottom: 10px;
6 - border-radius: 20px;
7 background-color: #B2C7D9; 6 background-color: #B2C7D9;
8 text-align: center; 7 text-align: center;
9 width: 500px; 8 width: 500px;
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 26 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
......
...@@ -17,22 +17,7 @@ ...@@ -17,22 +17,7 @@
17 } 17 }
18 </script> 18 </script>
19 </head> 19 </head>
20 - <body> 20 + <body bgcolor="#B2C7D9">
21 - <nav class="navbar navbar-light bg-light static-top">
22 - <div class="container">
23 - <a class="navbar-brand" href="/main">묵호의 놀이터</a>
24 - <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
25 - <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
26 - <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
27 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li>
28 - <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
29 - </ul>
30 - <div class="user">
31 - <a href = "/profile"> <%=nickname%></a><a>님 안녕하세요</a>
32 - <a class="btn btn-primary" href="/logout">로그아웃</a>
33 - </div>
34 - </div>
35 - </nav>
36 <div id="main"> 21 <div id="main">
37 <div id="chat"> 22 <div id="chat">
38 <!-- 채팅 메시지 영역 --> 23 <!-- 채팅 메시지 영역 -->
...@@ -41,36 +26,5 @@ ...@@ -41,36 +26,5 @@
41 <input onkeyup="enterkey()" class = "form-control" type="text" id="test" placeholder="메시지를 입력해주세요.." required/> 26 <input onkeyup="enterkey()" class = "form-control" type="text" id="test" placeholder="메시지를 입력해주세요.." required/>
42 </div> 27 </div>
43 </div> 28 </div>
44 - <footer class="footer bg-light">
45 - <div class="container">
46 - <div class="row">
47 - <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
48 - <ul class="list-inline mb-2">
49 - <li class="list-inline-item"><a href="/about">About</a></li>
50 - <li class="list-inline-item"></li>
51 - <li class="list-inline-item"><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank">사이트 git</a></li>
52 - <li class="list-inline-item"></li>
53 - <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
54 - <li class="list-inline-item"></li>
55 - <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
56 - </ul>
57 - <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
58 - </div>
59 - <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
60 - <ul class="list-inline mb-0">
61 - <li class="list-inline-item me-4">
62 - <a href="#!"><i class="bi-facebook fs-3"></i></a>
63 - </li>
64 - <li class="list-inline-item me-4">
65 - <a href="#!"><i class="bi-twitter fs-3"></i></a>
66 - </li>
67 - <li class="list-inline-item">
68 - <a href="#!"><i class="bi-instagram fs-3"></i></a>
69 - </li>
70 - </ul>
71 - </div>
72 - </div>
73 - </div>
74 - </footer>
75 </body> 29 </body>
76 </html> 30 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 24 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
25 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 25 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
26 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 26 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
27 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 27 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
28 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 28 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
29 </ul> 29 </ul>
30 <div class="user"> 30 <div class="user">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 26 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 26 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 23 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 25 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
26 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 26 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
27 </ul> 27 </ul>
28 <div class="user"> 28 <div class="user">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 26 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 22 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 23 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 24 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 25 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
26 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 26 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
27 </ul> 27 </ul>
28 <div class="user"> 28 <div class="user">
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 20 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
21 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 21 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
22 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 22 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
23 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 23 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
24 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 24 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
25 </ul> 25 </ul>
26 <div class="user"> 26 <div class="user">
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 23 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 24 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 25 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 26 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 27 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
28 </ul> 28 </ul>
29 <div class="user"> 29 <div class="user">
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> 19 <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
20 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li> 20 <li><a href="/about" class="nav-link px-2 link-dark">About</a></li>
21 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li> 21 <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
22 - <li><a href="/chat" class="nav-link px-2 link-dark">채팅</a></li> 22 + <li><a href = "javascript:;" onclick = "window.open('/chat','파일 업로드','width=500, height=801, toolbar=no,location=yes,status=no,menubar=no,scrollbars=yes,resizable=no');" class="nav-link px-2 link-dark">채팅</a></li>
23 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li> 23 <li><a href="http://khuhub.khu.ac.kr/2017104034/Singer-Composer" target="_blank" class="nav-link px-2 link-dark">사이트 git</a></li>
24 </ul> 24 </ul>
25 <div class="user"> 25 <div class="user">
......