2019-1-OpenSourceSW / YTMT

Go to a project
Toggle navigation Toggle navigation pinning
윤혜원
8d1ecb1e 1 parent 6e83121e

웹툰 담기 front 수정완료

Expand all
Inline Side-by-side
Showing 4 changed files with 115 additions and 36 deletions
This diff is collapsed. Click to expand it.
...@@ -20,13 +20,19 @@ ...@@ -20,13 +20,19 @@
20 function daum_click() 20 function daum_click()
21 { 21 {
22 if(Daum_webtoons.display == "none") 22 if(Daum_webtoons.display == "none")
23 - Daum_webtoons.display == "block" 23 + Daum_webtoons.display == "block";
24 if(Daum_webtoons.display = "block") 24 if(Daum_webtoons.display = "block")
25 - Daum_webtoons.display == "none" 25 + Daum_webtoons.display == "none";
26 + }
27 + function naver_click()
28 + {
29 + if(Naver_webtoons.display == "none")
30 + Naver_webtoons.display == "block";
31 + if(Naver_webtoons.display = "block")
32 + Naver_webtoons.display == "none";
26 } 33 }
27 </script> 34 </script>
28 </head> 35 </head>
29 -
30 <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> 36 <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
31 <!-- Navigation 37 <!-- Navigation
32 ==========================================--> 38 ==========================================-->
...@@ -102,7 +108,6 @@ ...@@ -102,7 +108,6 @@
102 다음 웹툰 108 다음 웹툰
103 </font> 109 </font>
104 110
105 -
106 <a onclick="Daum_webtoons.style.display=(Daum_webtoons.style.display=='none')?'block':'none';" href="javascript:void(0)"> 111 <a onclick="Daum_webtoons.style.display=(Daum_webtoons.style.display=='none')?'block':'none';" href="javascript:void(0)">
107 <img src ='/images/daumicon.png' width="83" height="90" onclick="daum_click" /> 112 <img src ='/images/daumicon.png' width="83" height="90" onclick="daum_click" />
108 </a> 113 </a>
......
...@@ -3,31 +3,19 @@ ...@@ -3,31 +3,19 @@
3 <head> 3 <head>
4 <title>내툰</title> 4 <title>내툰</title>
5 <link rel='stylesheet' href='/stylesheets/style2.css' /> 5 <link rel='stylesheet' href='/stylesheets/style2.css' />
6 - <meta charset="utf-8"> 6 + <<!-- Bootstrap -->
7 - <meta name="viewport" content="width=device-width, initial-scale=1"> 7 + <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.css">
8 - <title>Touché</title> 8 + <link rel="stylesheet" type="text/css" href="/stylesheets/font-awesome.css">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <!-- Favicons
13 - ================================================== -->
14 - <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
15 - <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
16 - <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
17 - <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
18 -
19 - <!-- Bootstrap -->
20 - <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
21 - <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
22 9
23 <!-- Stylesheet 10 <!-- Stylesheet
24 ================================================== --> 11 ================================================== -->
25 - <link rel="stylesheet" type="text/css" href="css/style.css"> 12 + <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
26 - <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css"> 13 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/nivo-lightbox.css">
27 - <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css"> 14 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/default.css">
28 <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet"> 15 <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
29 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> 16 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
30 <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet"> 17 <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
18 + <link href="https://fonts.googleapis.com/css?family=Gugi&amp;subset=korean" rel="stylesheet">
31 19
32 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 20 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
33 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 21 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
...@@ -58,11 +46,27 @@ ...@@ -58,11 +46,27 @@
58 </style> 46 </style>
59 47
60 </head> 48 </head>
61 -<h1>내툰</h1> 49 +<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
62 -<p>추가한 리스트</p> 50 +<!-- Navigation
63 -<a href="/auth/logout/kakao">로그아웃</a> 51 + ==========================================-->
64 -<br> 52 +<nav id="menu" class="navbar navbar-default navbar-fixed-top">
65 -<a href="/setting/"><img src = "/images/basket.png" height="50" witdh="50">웹툰 담기</a> 53 + <div class="container">
54 + <!-- Brand and toggle get grouped for better mobile display -->
55 + <div class="navbar-header">
56 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
57 + <a class="navbar-brand page-scroll" href="#page-top" style="font-family:Gugi">내툰</a> </div>
58 + <!-- Collect the nav links, forms, and other content for toggling -->
59 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
60 + <ul class="nav navbar-nav navbar-right">
61 + <li><a href="#mylist" class="page-scroll">MyList</a></li>
62 + <li><a href="/setting/"><!--<img src = "/images/basket.png" height="50" witdh="50">-->웹툰 담기</a>
63 + <li><a href="/auth/logout/kakao" class="page-scroll">Logout</a></li>
64 + </ul>
65 + </div>
66 + <!-- /.navbar-collapse -->
67 + </div>
68 +</nav>
69 +
66 <table> 70 <table>
67 <tr> 71 <tr>
68 <th>썸네일</th> 72 <th>썸네일</th>
......
...@@ -2,16 +2,85 @@ ...@@ -2,16 +2,85 @@
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 - <title>설정</title> 5 + <title>웹툰 담기</title>
6 + <link rel='stylesheet' href='/stylesheets/style2.css' />
7 + <<!-- Bootstrap -->
8 + <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.css">
9 + <link rel="stylesheet" type="text/css" href="/stylesheets/font-awesome.css">
10 +
11 + <!-- Stylesheet
12 + ================================================== -->
13 + <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
14 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/nivo-lightbox.css">
15 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/default.css">
16 + <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
17 + <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
18 + <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
19 + <link href="https://fonts.googleapis.com/css?family=Gugi&amp;subset=korean" rel="stylesheet">
20 +
21 + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
22 + <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
23 + <!--[if lt IE 9]>
24 + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
25 + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
26 + <![endif]-->
6 <style> 27 <style>
7 .registered{ 28 .registered{
8 background-color: #AAAAAA; 29 background-color: #AAAAAA;
9 } 30 }
31 + .toon_name,.toon_thumbnail{
32 + width:10%;
33 + }
34 +
35 + td{
36 + vertical-align: middle;
37 + border-bottom: 1px solid #bcbcbc;
38 + border-left: 1px solid #bcbcbc;
39 + border-right: 1px solid #bcbcbc;
40 + margin:0;
41 + Text-align:center;
42 + }
43 + table{
44 + border-collapse:collapse;
45 + border: 2px solid #474747;
46 + }
47 + th{
48 + border-bottom:2px solid #474747;
49 + }
10 </style> 50 </style>
11 </head> 51 </head>
12 -<h1>내툰</h1> 52 +<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
13 -<p>추가하거나 제거할 웹툰을 선택해주세요.</p> 53 +<!-- Navigation
14 -<a href="/mytoons">뒤로</a> 54 + ==========================================-->
55 +<nav id="menu" class="navbar navbar-default navbar-fixed-top">
56 + <div class="container">
57 + <!-- Brand and toggle get grouped for better mobile display -->
58 + <div class="navbar-header">
59 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
60 + <a class="navbar-brand page-scroll" href="#page-top" style="font-family:Gugi">웹툰담기</a> </div>
61 + <!-- Collect the nav links, forms, and other content for toggling -->
62 + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
63 + <ul class="nav navbar-nav navbar-right">
64 + <li><a href="/mytoons" class="page-scroll">MyList</a></li>
65 + <li><a href="/auth/logout/kakao" class="page-scroll">Logout</a></li>
66 + </ul>
67 + </div>
68 + <!-- /.navbar-collapse -->
69 + </div>
70 +</nav>
71 +
72 +<div id="portfolio">
73 + <div class="section-title text-center center">
74 + <div class="overlay">
75 + <h2>웹툰담기</h2>
76 + <hr>
77 + <p>추가하거나 제거할 웹툰을 선택해주세요</p>
78 + </div>
79 + </div>
80 + <div class="container">
81 + <div class="row">
82 + <div class="categories">
83 +
15 <br> 84 <br>
16 85
17 <a onclick="daumtoons.style.display=(daumtoons.style.display=='none')?'block':'none';" href="javascript:void(0)"> 86 <a onclick="daumtoons.style.display=(daumtoons.style.display=='none')?'block':'none';" href="javascript:void(0)">
...@@ -63,9 +132,7 @@ ...@@ -63,9 +132,7 @@
63 </table> 132 </table>
64 </form> 133 </form>
65 </div> 134 </div>
66 -</br> 135 +
67 -<br>
68 -<br>
69 136
70 <a onclick="navertoons.style.display=(navertoons.style.display=='none')?'block':'none';" href="javascript:void(0)"> 137 <a onclick="navertoons.style.display=(navertoons.style.display=='none')?'block':'none';" href="javascript:void(0)">
71 <img src ='/images/navericon.png' width="83" height="90"/> 138 <img src ='/images/navericon.png' width="83" height="90"/>
...@@ -116,7 +183,10 @@ ...@@ -116,7 +183,10 @@
116 </table> 183 </table>
117 </form> 184 </form>
118 </div> 185 </div>
119 -<body> 186 + </div>
187 + </div>
188 + </div>
120 189
190 +</div>
121 </body> 191 </body>
122 </html> 192 </html>
......