유저 자료실 5 페이지 | 그누보드 리빌더

유저 자료실

유저 자료실 포인트 정책
전체 103건 / 5 페이지

인기

2024.11.08　 기타　

Toast UI Editor (유튜브 플레이어 지원)

Toast UI Editor에 대한 설명은 링크를 확인 해주세요. 확인된 문제점 (해결 전)1. 게시판 관리 페이지 진입시 해당 에디터로 자동 스크롤 되는 현상. (bank365님 제보) 새로 추가된 기능1. 유튜브 주소를 본문에 추가하면 자동으로 유튜브 플레이어로 변환되어 표시됩니다.2. TUI Editor 스타일 시트를 불러오지 못하는 문제를 개선하였습니다.사용방법- 압축을 풀어 그누보드5 루트에서 업로드 하십시오. - extned/tui.extend.php - plugin/editor/tui.editor- 게시판의 에디터를 tui.editor로 설정하십시오.TMI. 오늘은 제 생일입니다 ㅎㅎ...

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.11.07　 위젯　

배너 rb.slide 3초 마다 이미지 변경

배너 rb.slide 3초 마다 이미지 변경가만이 있길래3초마다 이미지 변경으로 해놓았습니다.백업은 필수..!!

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.11.07　 위젯　

리빌더용 실시간 채팅 (위젯+페이지)

그누보드에untitled님이 올려주신그누보드 채팅을 리빌더용으로 재배포 허락을 받고 만들었습니다.원본 : https://sir.kr/g5_plugin/12780루트에 업로드 하시고 추가하셔서 사용하시면 됩니다.최초 한번 위젯말고 페이지 접속해야 됩니다. (주소/open_chat/index.php)프로필이 나오게 수정하였습니다.자신이 입력한 채팅을 삭제하면 삭제된 메세지로 표시되게 하였습니다.전체회원의 채팅을 삭제 및 비우기 기능은 레벨 9부터 되게 하였습니다.대화에 단어 필터링이 적용되게 하였습니다. (환경설정에 단어 필터링)1년이 지난 채팅은 자동으로 삭제 되게 하였습니다.위젯에 제목을 클릭하면 채팅 페이지로 이동합니다.-- 추가 --위젯 가로사이즈(%) 를 작게 사용해서 깨져 보일경우../rb/rb.widget/user.open_chat/style.css119번줄에 @media all and (max-width: 1024px) 부분에 1024px 값을 그냥 크게 수정하시면 됩니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.11.04　 위젯　

포인트 랭킹 프로필 이미지 나오게 수정했습니다.

프로필 이미지 나오게 수정했습니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.11.03　 기타　

cheditor5입니다.cheditor4 (그누보드 기본 포함) 에디트랑 동일 합니다.이미지가 업로드 안되시면cheditor5.zip 덮어 쒸워주시고요되면 교체 안하셔도 됩니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.11.01　 게시판스킨　

수정) 추천해요 버튼 -> 좋아요 (하트) 버튼으로 이미지 전환 효과

11/2 수정수정합니다ㅠㅠ 좋아요 기록저장 시키는 부분을 놓쳤네요놓친김에 제가 조금 더 업데이트? 해서좋아요 버튼누를때 문구도 위에 나오게 했네요gif 파일에 올렸는데 문구가 거추장스러우면 없애시면 됩니당아래 추가한 good.php 파일을\bbs 폴더에 넣어 덮으시면됩니다. (원본 백업은필수)아래 넣는 소스도 수정했습니다.-------------------------------------------------------------------당근처럼게시판에 있는 추천해요 버튼을하트로 만드는 소스입니다.원하시는 게시판에서theme\rb.basic\skin\board안에 있는 게시판중view.skin.php <?php if ( $good_href || $nogood_href) { ?> <div id="bo_v_act"> <?php if ($good_href) { ?> <span class="bo_v_act_gng"> <a href="<?php if(!$is_member) { ?>javascript:alert('로그인 후 이용하실 수 있습니다.');<?php } else { ?><?php echo $good_href.'&amp;'.$qstr ?><?php } ?>" id="good_button" class="bo_v_good">추천해요 <?php echo number_format($view['wr_good']) ?></a> <b id="bo_v_act_good" class="font-R"></b> </span> <?php } ?> <?php if ($nogood_href) { ?> <span class="bo_v_act_gng"> <a href="<?php if(!$is_member) { ?>javascript:alert('로그인 후 이용하실 수 있습니다.');<?php } else { ?><?php echo $nogood_href.'&amp;'.$qstr ?><?php } ?>" id="nogood_button" class="bo_v_nogood">별로에요 <?php echo number_format($view['wr_nogood']) ?></a> <b id="bo_v_act_nogood" class="font-R"></b> </span> <?php } ?> </div> <?php } else { if($board['bo_use_good'] || $board['bo_use_nogood']) { ?> <div id="bo_v_act"> <?php if($board['bo_use_good']) { ?> <span class="bo_v_act_gng"> <a href="<?php if(!$is_member) { ?>javascript:alert('로그인 후 이용하실 수 있습니다.');<?php } else { ?>javascript:void(0);<?php } ?>" class="bo_v_good">추천해요 <?php echo number_format($view['wr_good']) ?></a> <b id="bo_v_act_good" class="font-R"></b> </span> <?php } ?> <?php if($board['bo_use_nogood']) { ?> <span class="bo_v_act_gng"> <a href="<?php if(!$is_member) { ?>javascript:alert('로그인 후 이용하실 수 있습니다.');<?php } else { ?>javascript:void(0);<?php } ?>" class="bo_v_nogood">별로에요 <?php echo number_format($view['wr_nogood']) ?></a> <b id="bo_v_act_nogood" class="font-R"></b> </span> <?php } ?> </div> <?php } } ?> 해당 위소스를 이걸로 바꿔주시면되세요css도 그냥 한곳에 다 넣었습니다 <div id="bo_v_act"> <?php // 이미 좋아요를 눌렀는지 확인 $is_liked = sql_fetch("SELECT COUNT(*) AS cnt FROM {$g5['board_good_table']} WHERE bo_table = '{$bo_table}' AND wr_id = '{$wr_id}' AND mb_id = '{$member['mb_id']}' AND bg_flag = 'good'")['cnt'] > 0; ?> <span class="bo_v_act_gng"> <a href="javascript:void(0);" id="good_button" class="bo_v_good" style="position: relative;">  <div id="like_alert" class="like-alert">좋아요 감사합니다 ♡ </div> <span id="good_icon" class="heart-icon <?php echo $is_liked ? 'filled' : ''; ?>"> <?php echo $is_liked ? "&#9829;" : "&#9825;"; ?> </span> <span id="good_count"><?php echo number_format($view['wr_good']); ?></span> </a> <b id="bo_v_act_good" class="font-R"></b> </span></div><script>// Like Button$(document).ready(function() { $("#good_button").click(function() { // 로그인 여부 확인 if (!<?php echo json_encode($is_member); ?>) { alert("로그인 후 이용하실 수 있습니다."); return; } $.post("good.php", { bo_table: "<?php echo $bo_table; ?>", wr_id: "<?php echo $wr_id; ?>", good: "good", js: "on" }, function(data) { var result = JSON.parse(data); if (result.error) { alert(result.error); } else { var goodIcon = $("#good_icon"); var goodCount = $("#good_count"); if (goodIcon.hasClass("filled")) { goodIcon.removeClass("filled").html("&#9825;"); // 빈 하트 goodCount.text(parseInt(goodCount.text()) - 1); } else { goodIcon.addClass("filled").html("&#9829;"); // 채워진 하트 goodCount.text(parseInt(goodCount.text()) + 1); // 좋아요 알림 메시지 표시 $("#like_alert").fadeIn(300).delay(1500).fadeOut(300); } } }); });});</script><style>.heart-icon { color: gray; font-size: 20px; transition: color 0.3s ease;}.heart-icon.filled { color: pink;}/* 좋아요 알림 메시지 스타일 */.like-alert { position: absolute; bottom: 100%; /* 하트 버튼 위에 표시 */ left: 50%; transform: translate(-50%, -10px); /* 중앙 정렬과 약간 위쪽 여백 */ background-color: pink; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 10; display: none; white-space: nowrap; /* 텍스트가 한 줄로 유지되도록 설정 */}</style>

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.27　 위젯　

(241030 수정) 사이드 메뉴 위젯

24.10.30 추가- 새글에 출력되는 "n" 표시를 원하는 문자열로 표시할 수 있습니다. widget.php 파일 43번째줄 get_bbs_new_ico() 함수의 세번째 매게변수 값으로 지정합니다. 현재는 n으로 적혀있으며 New, N, 새글 등등 원하는 문구를 넣어주세요. 반드시, extend 파일을 교체해주세요. (압축파일 내 동봉)리빌더의 그것과 유사한 그것 맞습니다.빌더 다음 버전에 포함된다는 얘기를 들었지만 먼저 사이트에 입히면 어떤 느낌일지 보고자 만들었었습니다.필요하신분은 쓰셨다가 추후 공식 위젯이 나오면 그때 바꾸셔도 괜찮을 것 같습니다.새글 아이콘은https://rebuilder.co.kr/tip/103 이 팁을 적용하셨다면 자동으로 아이콘이 출력 됩니다.(사용하고 있지 않으셔도 오류나지 않습니다.)타이틀과 서브타이틀은 모듈 설정의 타이틀에서 "|" 문자열로 구분하여입력합니다. (사진 참고)업로드위치 : rb/rb.widget/hh.side-menu

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.23　 웹폰트　

Y최애체 폰트 입니다.

라이선스 요약표카테고리사용 범위허용 여부인쇄브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등O웹사이트웹페이지, 광고 배너, 메일, E-브로슈어 등O영상영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등O포장지판매용 상품의 패키지O임베딩웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작OBI/CI회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈XOFL폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지X

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.23　 위젯　

배너 세로에서 가로로 나오게 만들었습니다.

경로 :rb\rb.mod\banner\skin 폴더 만들어서 압축 풀어주세요.rb.basic 세로에서 가로로 변경했습니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.17　 위젯　

(241028 내용추가) 재난문자 알림 위젯

24.10.28 내용추가API 신청시 입력하는 유저 아이피는 API를 호출할 수 있는 IP를 입력합니다. 즉 모든 방문자들이 조회할 수 있도록 하기 위해 "*.*.*.*" 으로 입력해주세요.업로드 경로 : rb/rb.widget/hh.emergency위젯 안내최근 2일간 발송된 재난문자 목록을 표시합니다.위젯 사용법1. 재난안전데이터공유플랫폼에서 서비스 사용 신청을 통해 API키를 발급받습니다.(https://www.safetydata.go.kr/disaster-data/view?dataSn=228)2. widget.php 파일에서 14~15line을 수정합니다. (API키 입력, 지역 설정) 지역은 빈 공백으로 두시면 전국 지역을 대상으로 데이터를 가져옵니다. 그 외 서울, 인천, 광주와 같이 지역명을 입력하면 해당 지역으로 데이터를 가져옵니다.3. 캐시 갱신 주기는 2분으로 되어있습니다. (18line) API 서비스 신청시 최대 요청 가능 건수는 1,000건 입니다. 2분 주기로 설정할 경우 일 720회 요청입니다.4. 캐시파일은 rb/rb.widget/hh.emergency/cache 폴더에 생성 됩니다. 캐시가 정상적으로 생성되지 않을 경우, 파일 권한을 확인 해주세요. 디렉토리는 자동으로 생성 됩니다. (파일 권한에 따라서)

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.10.15　 기타　

ckeditor4 에디트 커스텀 입니다.

사진은 imgur 사용 중 입니다.plugin\editor\ckeditor\plugins\imgur여기서plugin.jsClientId = '클라이언트 아이디';Imgur - app에서Client ID 복사하셔서 붙여넣기 하세요.(↑ 클릭하시면 됩니다.)참고로 몽9 에디트는 따로 설치 하시면 됩니다.이전에 설치 한거라..몽9 에디트 제외제가 쓰는 ckeditor4 에디트 커스텀 입니다.위에버튼은 작동이 안되네요..몇몇 아이콘들이 작동이 안됩니다.외 그런건지 모르겠네요..codesnippet 사용 하시는분은레이아웃 추가 설정에서 이거 넣으셔야 제대로 나옵니다.<script src="https://rathena.net/plugin/editor/ckeditor/plugins/lineutils/plugin.js"></script><script src="https://rathena.net/plugin/editor/ckeditor/plugins/widget/plugin.js"></script><script src="https://rathena.net/plugin/editor/ckeditor/plugins/codesnippet/plugin.js"></script><script src="https://도매인주소/plugin/editor/ckeditor/plugins/prism/lib/prism/prism_patched.min.js"></script><link rel="stylesheet" href="https://도매인주소/plugin/editor/ckeditor/plugins/prism/lib/prism/prism_patched.min.css">예> ckeditor 변경하셧으면 같이 변경 하셔야됩니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.09.18　 기타　

(24.09.25 수정)TOAST UI Editor (TUI Editor)

본 에디터는 NHN에서 개발 및 배포하는 TOAST UI Editor을 리빌더에서 사용할 수 있도록 제작되었습니다.본 에디터는 리빌더 외에서 사용하실 경우 정상적으로 사용이 되지 않을 수 있으며, 타 빌더에서 사용시 extend/tui.extend.php 파일의 수정이 필요할 수 있습니다.TUI Editor API 설명https://nhn.github.io/tui.editor/latest/TUI Editor Githubhttps://github.com/nhn/tui.editor본 에디터를 제작하는데에 도움을 주신 bank365님께 감사의 말씀 드립니다. 24.09.25 수정 내용1. 게시판 관리 페이지에서 에디터가 표시되지 않은 문제를 수정하였습니다.변경 파일 : plugin/editor/tui.editor/editor.lib.php2. 게시글 보기 페이지에서 에디터와 관련된 css를 로드하지 못하는 문제를 수정하였습니다.변경 파일 : extend/tui.extend.php 사용방법- 압축을 풀어 그누보드5 루트에서 업로드 하십시오. - extned/tui.extend.php - plugin/editor/tui.editor- 게시판의 에디터를 tui.editor로 설정하십시오.TUI Editor는 에디터 구동에 필요한 js 및 css파일을 cdn으로 제공하지만,커스텀에 용이할 수 있도록 내장에서 로드할 수 있도록 그누보드 서버에 업로드하여 불러오도록 제작 되었습니다.API설명을 참고하여 에디터 수정이 필요하신 경우, editor.lib.php 파일을 수정하십시오.본 에디터를 정상적으로 사용하기 위해 extend 파일의 추가가 필요합니다.- extend/tui.extend.php 에디터에서 사용하는 CSS로 글이 정상적으로 표현되기 위한 CSS 및 스크립트 출력 함수가 있습니다.TUI Editor의 원본 css가 수정되었습니다.- 에디터 폼이 리빌더의 다른 Input과의 통일성을 위해 border-radius 값을 수정하였습니다.처음에 올렸던 이후로 변경된 사항을 말씀 드립니다.- 일부 환경에서 tui.extend.php 파일이 정상적으로 작동되지 않는 부분이 수정되었습니다. (bank365님 도움)- 에디터 툴바의 툴팁이 한글로 표기되도록 수정되었습니다. (bank365님 제안)에디터 미리보기(PC)에디터 미리보기(Mobile)

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.09.16　 레이아웃　

메인 2단 모듈 레이아웃

리빌더에서 공식적으로 레이아웃 5종을 공개 했습니다.아래 게시글을 이용해주세요.https://rebuilder.co.kr/download/61좌측과 우측을 나누어 좀 더 용이하게 모듈을 구성할 수 있습니다.혹시 이전에 올렸던 모듈을 자유롭게 배치할 수 있는 스크립트를 고친 상태라면 data-layout을 직접 수정 해주셔야 합니다.(참고https://rebuilder.co.kr/tip/71)* 모바일에선 왼쪽의 부분이 가장 마지막으로 출력 됩니다.업로드 위치/theme/rb.basic/rb.layout/basic.column왼쪽의 사이즈는 style.css 에서 320px를 수정하여 조절하실 수 있습니다.적용 후

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.09.15　 레이아웃　

동적 헤더(Dynamic Header)

(해당 스킨은 리빌더 basic 헤더 스킨으로 제작되었습니다.)css 파일 업로드 경로/theme/rb.basic/rb.layout_hd/basic/dynamic_header.css설정 방법1. 위 경로에 맞게 CSS 파일을 업로드 해주세요.2. 업로드 한 폴더의 경로에 있는 header.php 파일을 수정합니다.3. 파일 가장 하단에 아래 스크립트를 추가합니다.최대한 손이 덜 가는 방법으로 생각해서, CSS 파일을 스크립트에서 로드하도록 했습니다.(한 번의 코드 복사로만 작동될 수 있도록...)[code] <script> $('<link/>', { rel: 'stylesheet', type: 'text/css', href: '<?php echo G5_THEME_URL;?>' + '/rb.layout_hd/' + '<?php echo $rb_core['layout_hd'];?>/dynamic_header.css' }).appendTo('head'); $(window).on('scroll', function() { if ($(this).scrollTop() >= 80) { $('#header').addClass('scrolling'); } else { $('#header').removeClass('scrolling'); } }); </script>[/code]결과물 미리보기

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.09.11　 웹폰트　

페이퍼로지(PAPERLOGY) 웹폰트

개인적으로 G마켓산스 폰트를 좋아하는데, 웹폰트 적용시 매우 어색한 부분이 많더라구요.그런 도중 페이퍼로지 폰트를 찾게 되었습니다.G마켓산스의 한글과Montserrat의 영문을 결합한 폰트입니다.아래 설명은 리빌더님의 설명을 그대로 차용 하였습니다.압축해제 후 Paperlogy폴더를/theme/rb.basic/rb.fonts/경로에 업로드 하신 후환경설정 패널 > 웹폰트 설정에서Paperlogy를 선택하시면 적용 됩니다.* TTF 파일을 직접 eot, woff, woff2로 변환하였습니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.08.21　 기타　

sitemap 짧은주소 "숫자" 반영

기존 그누보드 팁 자료실에 있던 사이트맵 작성용 php 파일을 수정해서짧은 주소 설정 "숫자" 형식 설정 반영이 되게 수정한 파일입니다.리빌더 업데이트 계획에 포함되어 있는 것으로 알고 있으나,급하게 필요하신 분들이 있으실지 싶어서 공유 드립니다.감사합니다.하기 코드 내용 게시판 최상단에 php 추가해서 기입하시면 됩니다.추가적으로 변경 주기 및 중요도 설정 부분 이리저리 테스트해봤었는데...유의미한 결과는 아직까지 미확인 했습니다.혹시나 싶어 해당 부분 붉은글씨 표기 했으며,해당 옵션은 검색자 "sitemapchangefreq"으로 검색해보시면 많은 자료 확인 가능하실 겁니다^^sitemap 짧은 주소 "숫자" 반영 php 파일 코드<?php// source : https://sir.kr/g5_tip/21851// Modify : add post indexinclude_once(dirname(__FILE__). "/common.php");// 게시판 리스트 가져오기$sql = " SELECT * FROM {$g5['board_table']} WHERE bo_read_level = 1 order by bo_order ";$result = sql_query($sql);while ($row = sql_fetch_array($result)) { $boards[] = $row;}// 게시글 리스트 조회 및 사이트맵에 추가header('Content-type: text/xml');header('Cache-Control: no-cache, must-revalidate');header('Pragma: no-cache');echo '<?xml version="1.0" encoding="UTF-8"?>';// 파일 작성 시작?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><?php foreach ($boards as $board) { ?> <url> <loc><?php echo G5_URL."/{$board['bo_table']}"; ?></loc> <changefreq>never</changefreq> <priority>1.0</priority> </url> <?php // 각 게시판의 게시글 리스트 가져오기 $sql_posts = "SELECT wr_id, wr_datetime FROM {$g5['write_prefix']}{$board['bo_table']} WHERE wr_is_comment = '0' AND wr_option NOT LIKE '%secret%' ORDER BY wr_datetime DESC"; $result_posts = sql_query($sql_posts); while ($post = sql_fetch_array($result_posts)) { $lastmod = date(DATE_W3C, strtotime($post['wr_datetime'])); ?> <url> <loc><?php echo G5_URL."/{$board['bo_table']}/{$post['wr_id']}"; ?></loc> <lastmod><?php echo $lastmod; ?></lastmod> <changefreq>daily</changefreq> <priority>0.7</priority> </url> <?php } ?><?php } ?></urlset>

밤샌부엉이

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.07.28　 기타　

공사중 페이지

sir에서 예전에 다운받아 기능을 약간 추가한 자료입니다.sir 어떤 분이 제공해 주셨는지 기억은 나지 않는데, 공유에 문제가 있다면 말씀해 주세요.사용방법은 간단합니다. 첨부파일을 extend 폴더에 넣기만 하면 전체 페이지에 바로 적용이 됩니다.1) 접근 IP를 설정2) 필요한 페이지로 정해진 시간에 이동등의 기능이 추가되었습니다.깔끔하게(?) 글과 배경으로만 되어 있어서, 디자인은 원하는 대로 추가해서 사용하시면 됩니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.07.26　 기타　

이전화면 로그인 후 유지

기존 그누보드 기반은 게시판에서 로그인 하면 메인으로 가는 불편한 점이 있어서 공유합니다테마/rb.layout_hd/사용하고 있는 헤더 스킨경로[code]기존<button type="button" alt="로그인" class="btn_round" onclick="location.href='<?php echo G5_BBS_URL ?>/login.php';">로그인</button>아래로 변경<button type="button" alt="로그인" class="btn_round" onclick="location.href='<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $_SERVER['REQUEST_URI']; ?>';">로그인</button>[/code]이렇게 하시면 기존전화면 로그인 후 유지 될거에요!

타임프렌즈

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.07.24　 레이아웃　

모바일 하단탭 업그레이드 버전

기존 탭 눌러도 어떤 탭눌럿는지 모르는 부분이 있어 업그레이드 합니다.기존에 올리신분 계시면 메뉴 아래 스크립트만 추가 하면될거에요!<모바일 하단탭 추가 --> <div class="footer_nav"> <div class="footer_nav_grid"> <a href="#" class="footer_nav_grid_item active" tabindex="-1"> <i><svg width="100%" height="100%" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path data-v-7f685cfa="" fill-rule="evenodd" clip-rule="evenodd" d="M6.375 1.375C4.09683 1.375 2.25 3.22183 2.25 5.5V16.5C2.25 18.7782 4.09683 20.625 6.375 20.625H17.375C19.6532 20.625 21.5 18.7782 21.5 16.5V5.5C21.5 3.22183 19.6532 1.375 17.375 1.375H6.375ZM0.875 5.5C0.875 2.46243 3.33743 0 6.375 0H17.375C20.4126 0 22.875 2.46243 22.875 5.5V16.5C22.875 19.5376 20.4126 22 17.375 22H6.375C3.33743 22 0.875 19.5376 0.875 16.5V5.5Z" fill="currentColor"></path><path data-v-7f685cfa="" d="M16.5316 10.4301C16.7116 10.4301 16.8749 10.4134 17.0216 10.3801C17.1749 10.3468 17.3049 10.2901 17.4116 10.2101C17.5249 10.1301 17.6116 10.0268 17.6716 9.9001C17.7382 9.76676 17.7716 9.60343 17.7716 9.4101C17.7716 9.03676 17.6716 8.77676 17.4716 8.6301C17.2716 8.48343 16.9716 8.4101 16.5716 8.4101H15.6016V10.4301H16.5316ZM16.7216 13.5701C17.1416 13.5701 17.4616 13.4801 17.6816 13.3001C17.9016 13.1134 18.0116 12.8268 18.0116 12.4401C18.0116 12.0601 17.8949 11.7868 17.6616 11.6201C17.4349 11.4534 17.1049 11.3701 16.6716 11.3701H15.6016V13.5701H16.7216ZM14.1016 7.3501H16.8316C17.6649 7.3501 18.2782 7.5101 18.6716 7.8301C19.0649 8.14343 19.2616 8.59676 19.2616 9.1901C19.2616 9.58343 19.1682 9.91676 18.9816 10.1901C18.7949 10.4568 18.4849 10.6568 18.0516 10.7901V10.8301C18.5182 10.9101 18.8849 11.0868 19.1516 11.3601C19.4249 11.6268 19.5616 12.0268 19.5616 12.5601C19.5616 12.8601 19.5082 13.1368 19.4016 13.3901C19.3016 13.6434 19.1449 13.8634 18.9316 14.0501C18.7249 14.2301 18.4582 14.3734 18.1316 14.4801C17.8116 14.5868 17.4316 14.6401 16.9916 14.6401H14.1016V7.3501Z" fill="currentColor"></path><path data-v-7f685cfa="" d="M4.07422 7.3501H5.59422L6.75422 12.5201H6.79422L8.18422 7.3501H9.42422L10.7842 12.5201H10.8342L12.0142 7.3501H13.3542L11.5942 14.6401H10.0642L8.76422 9.5601H8.73422L7.36422 14.6401H5.84422L4.07422 7.3501Z" fill="currentColor"></path></svg></i> <span>홈</span> </a> <a href="#" class="footer_nav_grid_item" tabindex="-1"> <i><svg width="100%" height="100%" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-4350fb51=""><g clip-path="url(#clip0_17592_184)" data-v-4350fb51=""><path fill-rule="evenodd" clip-rule="evenodd" d="M0.791351 14.6667C0.791351 10.9963 3.76679 8.02083 7.43718 8.02083C11.1076 8.02083 14.083 10.9963 14.083 14.6667C14.083 18.3371 11.1076 21.3125 7.43718 21.3125C6.50851 21.3125 5.62283 21.1216 4.8185 20.7765L2.35707 21.2346C1.9115 21.3175 1.45369 21.1755 1.13322 20.8551L1.61935 20.3689L1.13322 20.8551C0.812744 20.5346 0.670776 20.0768 0.753701 19.6312L1.21955 17.1281C1.22397 17.1044 1.22899 17.0809 1.23461 17.0576C0.948152 16.3149 0.791351 15.5084 0.791351 14.6667ZM7.43718 9.39583C4.52618 9.39583 2.16635 11.7557 2.16635 14.6667C2.16635 15.4153 2.32201 16.1257 2.60206 16.7689L2.7384 17.082L2.57133 17.3797L2.57129 17.3798L2.57134 17.3797L2.10549 19.8828L4.60858 19.4169L4.6086 19.417L4.89399 19.2951L5.17417 19.4285C5.85902 19.7546 6.62579 19.9375 7.43718 19.9375C10.3482 19.9375 12.708 17.5777 12.708 14.6667C12.708 11.7557 10.3482 9.39583 7.43718 9.39583Z" fill="currentColor" data-v-4350fb51=""></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.332 2.0625C9.29658 2.0625 5.99899 5.22363 5.78102 9.20426C5.7734 9.34347 5.76953 9.48375 5.76953 9.625H4.39453C4.39453 9.45866 4.39908 9.29331 4.40808 9.12908C4.66575 4.42338 8.56238 0.6875 13.332 0.6875C18.2681 0.6875 22.2695 4.68895 22.2695 9.625C22.2695 10.9516 21.9801 12.2123 21.4603 13.3459L22.0652 16.5957C22.1481 17.0413 22.0061 17.4991 21.6857 17.8196C21.3652 18.1401 20.9074 18.282 20.4618 18.1991L17.3361 17.6174C16.1309 18.2223 14.7703 18.5625 13.332 18.5625C13.0369 18.5625 12.745 18.5482 12.4569 18.5202L12.59 17.1516C12.834 17.1753 13.0815 17.1875 13.332 17.1875C14.6254 17.1875 15.841 16.8634 16.9041 16.2925L17.1173 16.1781L20.7134 16.8473L20.0684 13.3815L20.0681 13.3801L20.0257 13.1554L20.1264 12.95C20.6181 11.9473 20.8945 10.8194 20.8945 9.625C20.8945 5.44835 17.5087 2.0625 13.332 2.0625Z" fill="currentColor" data-v-4350fb51=""></path></g><defs data-v-4350fb51=""><clipPath id="clip0_17592_184" data-v-4350fb51=""><rect width="22" height="22" fill="white" transform="translate(0.5)" data-v-4350fb51=""></rect></clipPath></defs></svg></i> <span>커뮤니티</span> </a> <a href="#" class="footer_nav_grid_item" tabindex="-1"> <i><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 23 22" fill="none" data-v-87b28132=""><g clip-path="url(#clip0_17592_6695)" data-v-87b28132=""><path fill-rule="evenodd" clip-rule="evenodd" d="M0.984375 5.04167C0.984375 2.63693 2.9338 0.6875 5.33854 0.6875H17.2552C19.6599 0.6875 21.6094 2.63693 21.6094 5.04167V12.8333C21.6094 15.2381 19.6599 17.1875 17.2552 17.1875H5.33854C2.9338 17.1875 0.984375 15.2381 0.984375 12.8333V5.04167ZM5.33854 2.0625C3.69319 2.0625 2.35938 3.39632 2.35938 5.04167V12.8333C2.35938 14.4787 3.69319 15.8125 5.33854 15.8125H17.2552C18.9006 15.8125 20.2344 14.4787 20.2344 12.8333V5.04167C20.2344 3.39632 18.9006 2.0625 17.2552 2.0625H5.33854Z" fill="currentColor" data-v-87b28132=""></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.10938 19.9375C5.10938 19.5578 5.41718 19.25 5.79688 19.25H16.7969C17.1766 19.25 17.4844 19.5578 17.4844 19.9375C17.4844 20.3172 17.1766 20.625 16.7969 20.625H5.79688C5.41718 20.625 5.10938 20.3172 5.10938 19.9375Z" fill="currentColor" data-v-87b28132=""></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6094 7.0473V10.8276L13.2826 8.93747L10.6094 7.0473ZM9.23438 6.74326C9.23438 6.11226 9.71757 5.5 10.4328 5.5C10.6778 5.5 10.9125 5.57762 11.1081 5.71594L14.2113 7.91015C14.7571 8.29611 14.8823 9.04435 14.5544 9.59299C14.4681 9.73752 14.3522 9.86516 14.2113 9.96479L11.1081 12.159C10.5244 12.5717 9.76059 12.3668 9.41424 11.7872C9.2951 11.5878 9.23438 11.3603 9.23438 11.1317V6.74326Z" fill="currentColor" data-v-87b28132=""></path></g><defs data-v-87b28132=""><clipPath id="clip0_17592_6695" data-v-87b28132=""><rect width="22" height="22" fill="white" transform="translate(0.296875)" data-v-87b28132=""></rect></clipPath></defs></svg></i> <span>내강의</span> </a> <a href="#" class="footer_nav_grid_item" tabindex="-1"> <i><svg data-v-cd19ca27="" width="100%" height="100%" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-v-cd19ca27="" id="Group 289988"><path data-v-cd19ca27="" fill-rule="evenodd" clip-rule="evenodd" d="M11.0977 2.0625C9.19918 2.0625 7.66016 3.60152 7.66016 5.5C7.66016 7.39848 9.19918 8.9375 11.0977 8.9375C12.9961 8.9375 14.5352 7.39848 14.5352 5.5C14.5352 3.60152 12.9961 2.0625 11.0977 2.0625ZM6.28516 5.5C6.28516 2.84213 8.43979 0.6875 11.0977 0.6875C13.7555 0.6875 15.9102 2.84213 15.9102 5.5C15.9102 8.15787 13.7555 10.3125 11.0977 10.3125C8.43979 10.3125 6.28516 8.15787 6.28516 5.5Z" fill="currentColor"></path><path data-v-cd19ca27="" fill-rule="evenodd" clip-rule="evenodd" d="M1.71973 19.3304C1.73421 19.3454 1.75051 19.3612 1.76831 19.3772C1.81873 19.4224 1.86858 19.4578 1.90594 19.4792H20.3383C20.411 19.4792 20.4609 19.4728 20.493 19.4661C20.3425 17.4772 19.3072 16.0213 17.6649 15.0362C15.9928 14.0331 13.6852 13.5208 11.0803 13.5208C8.52139 13.5208 6.24887 14.0604 4.58666 15.0786C2.99176 16.0556 1.95573 17.4699 1.71973 19.3304ZM3.86841 13.9061C5.80716 12.7185 8.34949 12.1458 11.0803 12.1458C13.8396 12.1458 16.4177 12.6846 18.3723 13.8571C20.352 15.0446 21.6832 16.8831 21.8657 19.3833C21.8756 19.5198 21.8875 19.8933 21.6524 20.2474C21.3844 20.6511 20.9209 20.8542 20.3383 20.8542H1.83071C1.58725 20.8542 1.37694 20.7575 1.25054 20.688C1.1058 20.6085 0.968212 20.5066 0.850303 20.4008C0.73359 20.2962 0.615198 20.169 0.521949 20.029C0.450008 19.921 0.301595 19.6734 0.332234 19.3647C0.573478 16.9343 1.91062 15.1054 3.86841 13.9061Z" fill="currentColor"></path></g></svg></i> <span>마이페이지</span> </a> </div> </div> <script> $(document).ready(function () { $('#tog_gnb_mobile2').click(function () { $('#cbp-hrmenu-btm').addClass('active'); $('#m_gnb_close_btn').addClass('active'); $('main').addClass('moves'); $('header').addClass('moves'); }); //활성화 탭 var currentPath = window.location.pathname; $('.footer_nav_grid_item').each(function() { var linkUrl = $(this).attr('href'); if (linkUrl) { var linkPath = linkUrl.split('?')[0]; if (currentPath === linkPath) { $(this).addClass('active'); } else { $(this).removeClass('active'); } } }); }); </script><모바일 하단탭 추가 -->

타임프렌즈

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

인기

2024.07.16　 최신글　

이미지 글만 출력하는 모아모아 갤러리 최신글

모듈설정에서 이미지 글만 추출하는데, sql 조건문을 사용하지 않아서 실제 출력되는 이미지는 추출 개수를 늘려서 적용을 해야 합니다.그리고, 열*행에 지정한 갯수로 출력이 되며 반응형의 정사각형으로 출력이 됩니다.첨부 파일 다운받고 압축 푼 후에theme/rb.basic/skin/latest 폴더에 업로드하고 모듈에서 최신글 선택을rb.latest.thumb_gg로 하면 됩니다.이미지 반응형이다 보니 화면 폭에 따라 높이가 달라집니다.리빌드에서 코어 부분이 조금 더 고도화가 되면 조금 더 이쁘게 출력이 될꺼 같아요.예를들면, 화면 사이즈 별로 세분화된 반응형 적용, 이미지 사이즈 지정 등등아래 이미지는 열*행을 5*2로 지정했습니다.

미니홈 1:1 대화하기

미니홈 1:1 대화하기

　

검색

게시물 검색