Commit @a6ad99e054159397a2af985f6469e28a8c1772b8

ITN_디자인팀 2023-07-03

메인화면 이동 버튼 추가

@a6ad99e054159397a2af985f6469e28a8c1772b8

445fc82

a6ad99e

src/main/webapp/publish/publish_adv/css/style.css

--- src/main/webapp/publish/publish_adv/css/style.css

+++ src/main/webapp/publish/publish_adv/css/style.css


 .multi-text-wrap #send .number ul li:nth-child(7){margin-top: -7px;}
 .multi-text-wrap #send .number ul li:nth-child(8){font-size: 16px; font-weight: 300; margin: -8px 0 0 23px;}
 
+/*메인화면 이동 버튼*/
+.multi-text-wrap .bt-button{margin: 70px 0; text-align: center;}
+.multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 24px; color: #fff; padding: 15px 100px;}
+.multi-text-wrap .bt-button a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.6);}
 
 
 /*미디어쿼리 시작*/

     .multi-text-wrap #send .number ul li:nth-child(6){line-height: 1.5;}
     .multi-text-wrap #send .number ul li:nth-child(7){margin-top: -2px;}
     .multi-text-wrap #send .number ul li:nth-child(8){line-height: 1.5; margin-left: 24px;}
+    
+     /*메인화면 이동 버튼*/
+    .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 80px;}
 
 }
 

     .multi-text-wrap #send .send-tx-05{line-height: 1.3;}
     .multi-text-wrap #send .send-tx-04 p{padding-top: 6%;}
     .multi-text-wrap #send .send-tx-05 p{padding-top: 12%;}
+    
+    /*메인화면 이동 버튼*/
+    .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 50px;}
 }
 
 /*미디워쿼리_320px*/

445fc82

a6ad99e

src/main/webapp/publish/publish_adv/send_group_text.html

--- src/main/webapp/publish/publish_adv/send_group_text.html

+++ src/main/webapp/publish/publish_adv/send_group_text.html

...	...	@@ -25,7 +25,7 @@
25	25	<link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
26	26	<link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
27	27	<link rel="manifest" href="/publish/images/favicon/manifest.json">
28		-
	28	+
29	29	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
30	30	<link rel="stylesheet" href="/publish/publish_adv/css/style.css">
31	31	<link rel="stylesheet" href="/publish/css/font.css">
...	...	@@ -46,10 +46,10 @@
46	46	<div class="list">
47	47	<p>목  차</p>
48	48	<ul>
49		- <li><a href="#galaxy">1. 갤럭시 단체문자 발송하기</a></li>
50		- <li><a href="#iphone">2. 아이폰 단체문자 발송하기</a></li>
	49	+ <li><a href="#galaxy">1. 단체문자 발송하기(갤럭시)</a></li>
	50	+ <li><a href="#iphone">2. 단체문자 발송하기(아이폰)</a></li>
51	51	<li><a href="#limit">3. 휴대폰 문자 발송의 한계</a></li>
52		- <li><a href="#send">4. 문자사이트 단체문자 발송하기</a></li>
	52	+ <li><a href="#send">4. 단체문자 발송하기(문자사이트)</a></li>
53	53	</ul>
54	54	</div>
55	55
...	...	@@ -69,7 +69,7 @@
69	69	<div class="content">
70	70	<div id="galaxy">
71	71	<div class="title">
72		- <p>1. 갤럭시 단체문자 발송하기</p>
	72	+ <p>1. 단체문자 발송하기(갤럭시)</p>
73	73	<p> <span>*</span> 갤럭시 S21 기준</p>
74	74	</div>
75	75
...	...	@@ -146,7 +146,7 @@
146	146	<div class="content content-02">
147	147	<div id="iphone">
148	148	<div class="title">
149		- <p>2. 아이폰 단체문자 발송하기</p>
	149	+ <p>2. 단체문자 발송하기(아이폰)</p>
150	150	<p> <span>*</span> 아이폰 12 프로 기준</p>
151	151	</div>
152	152
...	...	@@ -279,7 +279,7 @@
279	279	<div class="content">
280	280	<div id="send">
281	281	<div class="title">
282		- <p>4. 문자사이트 단체문자 발송하기</p>
	282	+ <p>4. 단체문자 발송하기(문자사이트)</p>
283	283	</div>
284	284
285	285	<div class="line"></div>
...	...	@@ -382,7 +382,12 @@
382	382	</div>
383	383	</div>
384	384	</div>
	385	+
	386	+ <div class="bt-button">
	387	+ <a href="https://www.munjaon.co.kr" target="_blank">메인화면 이동</a>
	388	+ </div>
385	389	</div>
386	390	</div>
387	391	</body>
388	392	</html>
	393	+

Add a comment

Open 0
Closed 0

List

...	...	@@ -204,6 +204,10 @@
204	204	.multi-text-wrap #send .number ul li:nth-child(7){margin-top: -7px;}
205	205	.multi-text-wrap #send .number ul li:nth-child(8){font-size: 16px; font-weight: 300; margin: -8px 0 0 23px;}
206	206
	207	+/메인화면 이동 버튼/
	208	+.multi-text-wrap .bt-button{margin: 70px 0; text-align: center;}
	209	+.multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 24px; color: #fff; padding: 15px 100px;}
	210	+.multi-text-wrap .bt-button a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.6);}
207	211
208	212
209	213	/미디어쿼리 시작/
...	...	@@ -918,6 +922,9 @@
918	922	.multi-text-wrap #send .number ul li:nth-child(6){line-height: 1.5;}
919	923	.multi-text-wrap #send .number ul li:nth-child(7){margin-top: -2px;}
920	924	.multi-text-wrap #send .number ul li:nth-child(8){line-height: 1.5; margin-left: 24px;}
	925	+
	926	+ /메인화면 이동 버튼/
	927	+ .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 80px;}
921	928
922	929	}
923	930
...	...	@@ -1104,6 +1111,9 @@
1104	1111	.multi-text-wrap #send .send-tx-05{line-height: 1.3;}
1105	1112	.multi-text-wrap #send .send-tx-04 p{padding-top: 6%;}
1106	1113	.multi-text-wrap #send .send-tx-05 p{padding-top: 12%;}
	1114	+
	1115	+ /메인화면 이동 버튼/
	1116	+ .multi-text-wrap .bt-button a{background-color: #002c9a; border-radius: 10px; font-size: 18px; color: #fff; padding: 15px 50px;}
1107	1117	}
1108	1118
1109	1119	/미디워쿼리_320px/

Delete comment