신규 홈페이지 매뉴얼
누리미디어에서 제공하는 신규 학회 홈페이지 빌더 관리자용 매뉴얼입니다.
구버전의 빌더를 사용하시는 학회 관리자분들 중 홈페이지 기능에 궁금하신 점이 있으시거나
신규 빌더로의 리뉴얼 상담이 필요하신 고객께서는 고객센터로 문의 부탁드립니다.
매뉴얼은 주기적으로 업데이트되고 있습니다.
3
대용량 파일 첨부하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 대용량 파일 삽입 시 트래픽 초과가 될 수 있으므로 학술대회 자료집이나 동영상은 가급적 외부에 업로드 후 링크 연결해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크에서 파일 업로드 후 경로 추출
아래 버튼을 클릭하여 파일 업로드와 경로 추출 방법을 확인해보세요! 두부디스크 사용방법 다운로드 링크 삽입하기 ※ 10MB 초과하는 파일은 주로 이 방법을 이용합니다. 1. 지구본 아이콘 클릭 - 텍스트는 게시글에 보일 내용, 링크는 추출한 파일 경로 붙여넣기 후 확인 2. 아래 이미지처럼 반영되면 성공 완료 다운로드 파일 교체하기 1. 소스코드 또는 서브컨텐츠 앱 - 수정할 페이지 클릭 2. 해당하는 코드를 찾아 파일경로만 수정(a 태그의 href 값) 완료 이미지 & 동영상 삽입하기 ※ 동영상은 '이미지' 옆 '동영상'을 이용하면 되며, 방법은 동일합니다. 1. 이미지 아이콘 클릭 - 내 이미지 탭으로 이동 2. 두부디스크e 클릭 3. 파일 더블클릭 또는 상단 작업대기열에 추가 클릭 4. 작업대기열에서 드래그 후 추가 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.09
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 대용량 파일 삽입 시 트래픽 초과가 될 수 있으므로 학술대회 자료집이나 동영상은 가급적 외부에 업로드 후 링크 연결해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크에서 파일 업로드 후 경로 추출
아래 버튼을 클릭하여 파일 업로드와 경로 추출 방법을 확인해보세요! 두부디스크 사용방법 다운로드 링크 삽입하기 ※ 10MB 초과하는 파일은 주로 이 방법을 이용합니다. 1. 지구본 아이콘 클릭 - 텍스트는 게시글에 보일 내용, 링크는 추출한 파일 경로 붙여넣기 후 확인 2. 아래 이미지처럼 반영되면 성공 완료 다운로드 파일 교체하기 1. 소스코드 또는 서브컨텐츠 앱 - 수정할 페이지 클릭 2. 해당하는 코드를 찾아 파일경로만 수정(a 태그의 href 값) 완료 이미지 & 동영상 삽입하기 ※ 동영상은 '이미지' 옆 '동영상'을 이용하면 되며, 방법은 동일합니다. 1. 이미지 아이콘 클릭 - 내 이미지 탭으로 이동 2. 두부디스크e 클릭 3. 파일 더블클릭 또는 상단 작업대기열에 추가 클릭 4. 작업대기열에서 드래그 후 추가 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.09
2
게시글 공지 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 공지 설정하고자 하는 메뉴 접속 3. 좌측 상단의 관리자 모드 버튼 클릭 4. 설정할 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 공지로 등록 또는 전체공지로 등록 클릭 5. 알럿창의 확인 클릭 6. 공지글이 된 것을 확인하면 완료 관리자 페이지에서 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 설정하고자 하는 게시글 클릭 6. 우측 상단 또는 하단의 수정 버튼 클릭 7. 공지설정 항목에서 자유롭게 선택 후 하단의 저장 클릭 완료 공지 해제하기 ※ 홈페이지에서는 공지 해제가 불가능하며, 관리자 페이지에서만 가능합니다. 1. 바로 위의 매뉴얼 1~4번까지 동일 2. 공지 목록에서 설정하고자 하는 게시글 클릭(5번처럼 원본 게시글 클릭해도 무방) 3. 설정안함에 체크 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 공지 설정하고자 하는 메뉴 접속 3. 좌측 상단의 관리자 모드 버튼 클릭 4. 설정할 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 공지로 등록 또는 전체공지로 등록 클릭 5. 알럿창의 확인 클릭 6. 공지글이 된 것을 확인하면 완료 관리자 페이지에서 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 설정하고자 하는 게시글 클릭 6. 우측 상단 또는 하단의 수정 버튼 클릭 7. 공지설정 항목에서 자유롭게 선택 후 하단의 저장 클릭 완료 공지 해제하기 ※ 홈페이지에서는 공지 해제가 불가능하며, 관리자 페이지에서만 가능합니다. 1. 바로 위의 매뉴얼 1~4번까지 동일 2. 공지 목록에서 설정하고자 하는 게시글 클릭(5번처럼 원본 게시글 클릭해도 무방) 3. 설정안함에 체크 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
1
게시글 업로드하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 게시글 작성하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 올리고자 하는 메뉴 클릭 3. 우측 하단의 글쓰기 클릭 4. 직접 입력 또는 복사, 붙여넣기 하여 자유롭게 작성
이미지 삽입 방법은 아래 버튼을 클릭하여 확인해보세요!
이미지 삽입하기 5. 작성 후 하단의 확인 클릭 완료 관리자 페이지에서 게시글 작성하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 우측 상단 또는 하단의 글쓰기 버튼 클릭 6. 게시글 작성하기 6. 작성 후 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 게시글 작성하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 올리고자 하는 메뉴 클릭 3. 우측 하단의 글쓰기 클릭 4. 직접 입력 또는 복사, 붙여넣기 하여 자유롭게 작성
이미지 삽입 방법은 아래 버튼을 클릭하여 확인해보세요!
이미지 삽입하기 5. 작성 후 하단의 확인 클릭 완료 관리자 페이지에서 게시글 작성하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 우측 상단 또는 하단의 글쓰기 버튼 클릭 6. 게시글 작성하기 6. 작성 후 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
내용이 없습니다.