It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://waltvks.com/

  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="icon" type="image/png" sizes="16x16" href="https://waltvks.com/theme/blog/img/favicon.png">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta http-equiv="imagetoolbar" content="no">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <title> | waltvks.com</title>
  11. <link rel="stylesheet" href="https://waltvks.com/theme/blog/css/bootstrap.min.css">
  12. <link rel="stylesheet" href="https://waltvks.com/js/font-awesome/css/font-awesome.min.css?ver=2303229">
  13. <link rel="stylesheet" href="https://waltvks.com/theme/blog/js/sweetalert/sweetalert2.min.css?ver=2303229">
  14. <link rel="stylesheet" href="https://waltvks.com/theme/blog/js/aos/aos.css?ver=2303229">
  15. <link rel="stylesheet" href="https://waltvks.com/theme/blog/js/slick/slick.css?ver=2303229">
  16. <link rel="stylesheet" href="https://waltvks.com/theme/blog/css/blog_style.css?ver=2303229">
  17. <link rel="stylesheet" href="https://waltvks.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.css?ver=2303229">
  18. <link rel="stylesheet" href="https://waltvks.com/theme/blog/skin/latest/pic_parallax_swiper/style.css?ver=2303229">
  19. <link rel="stylesheet" href="https://waltvks.com/theme/blog/skin/popular/realtime_rank/style.css?ver=2303229">
  20. <link rel="stylesheet" href="https://waltvks.com/theme/blog/css/bootstrap-icons.min.css">
  21. <script src="https://waltvks.com/theme/blog/js/bootstrap.bundle.min.js"></script>
  22. <script src="https://waltvks.com/theme/blog/js/jquery-3.7.1.min.js"></script>
  23. <script src="https://waltvks.com/theme/blog/js/jquery-migrate-3.4.0.min.js"></script>
  24. <script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/7.0.2/mediaelement.min.js"></script>
  25. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap">
  26.  
  27. <!--[if lte IE 8]>
  28. <script src="https://waltvks.com/js/html5.js"></script>
  29. <![endif]-->
  30. <script>
  31. // 자바스크립트에서 사용하는 전역변수 선언
  32. var g5_url       = "https://waltvks.com";
  33. var g5_bbs_url   = "https://waltvks.com/bbs";
  34. var g5_is_member = "";
  35. var g5_is_admin  = "";
  36. var g5_is_mobile = "";
  37. var g5_bo_table  = "";
  38. var g5_sca       = "";
  39. var g5_editor    = "";
  40. var g5_cookie_domain = "";
  41. </script>
  42.  
  43. <script src="https://waltvks.com/js/common.js?ver=2304171"></script>
  44. <script src="https://waltvks.com/js/wrest.js?ver=2304171"></script>
  45. <script src="https://waltvks.com/js/placeholders.min.js?ver=2304171"></script>
  46. <script src="https://waltvks.com/js/jquery.menu.js?ver=2304171"></script>
  47. <script src="https://waltvks.com/theme/blog/js/aos/aos.js?ver=2304171"></script>
  48. <script src="https://waltvks.com/theme/blog/js/slick/slick.js?ver=2304171"></script>
  49. <script src="https://waltvks.com/theme/blog/js/sweetalert/sweetalert2.min.js?ver=2304171"></script>
  50. <script src="https://waltvks.com/theme/blog/js/color-modes.js?ver=2304171"></script>
  51. </head>
  52. <body>
  53. <!-- 콘텐츠 시작 -->
  54.    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  55.      <symbol id="check2" viewBox="0 0 16 16">
  56.        <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
  57.      </symbol>
  58.      <symbol id="circle-half" viewBox="0 0 16 16">
  59.        <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
  60.      </symbol>
  61.      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
  62.        <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
  63.        <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
  64.      </symbol>
  65.      <symbol id="sun-fill" viewBox="0 0 16 16">
  66.        <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
  67.      </symbol>
  68.    </svg>
  69.  
  70.    <div class="dropdown position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle">
  71.      <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
  72.        <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
  73.        <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
  74.      </button>
  75.      <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
  76.        <li>
  77.          <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
  78.            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#sun-fill"></use></svg>
  79.            Light
  80.            <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
  81.          </button>
  82.        </li>
  83.        <li>
  84.          <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
  85.            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
  86.            Dark
  87.            <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
  88.          </button>
  89.        </li>
  90.        <li>
  91.          <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
  92.            <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#circle-half"></use></svg>
  93.            Auto
  94.            <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
  95.          </button>
  96.        </li>
  97.      </ul>
  98.    </div>
  99.  
  100. <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  101.  <symbol id="aperture" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24">
  102. <circle cx="12" cy="12" r="10"/>
  103. <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/>
  104.  </symbol>
  105.  <symbol id="cart" viewBox="0 0 16 16">
  106. <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
  107.  </symbol>
  108.  <symbol id="chevron-right" viewBox="0 0 16 16">
  109. <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
  110.  </symbol>
  111. </svg>
  112. <!-- 팝업레이어 시작 { -->
  113. <div id="hd_pop">
  114.    <h2>팝업레이어 알림</h2>
  115.  
  116. <span class="sound_only">팝업레이어 알림이 없습니다.</span></div>
  117. <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  118. <script>
  119. $(function() {
  120.    $(".hd_pops_reject").click(function() {
  121.        var id = $(this).attr('class').split(' ');
  122.        var ck_name = id[1];
  123.        var exp_time = parseInt(id[2]);
  124.        $("#"+id[1]).css("display", "none");
  125.        set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
  126.    });
  127.    $('.hd_pops_close').click(function() {
  128.        var idb = $(this).attr('class').split(' ');
  129.        $('#'+idb[1]).css('display','none');
  130.    });
  131.    $("#hd").css("z-index", 1000);
  132.  
  133. $(".hd_pops" ).draggable();
  134. });
  135. </script>
  136.  
  137. <!-- } 팝업레이어 끝 -->
  138. <div class="container">
  139. <div class="row">
  140.      <div class="col-12 py-3"></div>
  141. </div>
  142.  <header class="lh-1 py-3 d-none d-xl-block">
  143.    <div class="row justify-content-between align-items-center">
  144.      <div class="col-sm-12 col-md-4 mb-3 logo_img d-none d-xl-block">
  145.        <a class="link-secondary" href="https://waltvks.com">
  146. <div style="font-size:32px;">waltvks.com</div>
  147. </a>
  148.      </div>
  149.      <div class="col-sm-12 col-md-4 text-center mb-3">
  150. <div class="container-fluid border bg-white border-2 border-secondary-subtle rounded-4 px-2">
  151. <form name="fsearchbox" method="get" action="https://waltvks.com/bbs/search.php" onsubmit="return fsearchbox_submit(this);">
  152. <input type="hidden" name="sfl" value="wr_subject||wr_content">
  153. <input type="hidden" name="sop" value="and">
  154. <label class="sound_only">검색어 필수</label>
  155. <div class="input-group input-group-lg w-100">
  156. <input type="text" class="form-control border-0  focus-ring focus-ring-light" name="stx" maxlength="20" placeholder="검색어">
  157. <button type="submit" value="검색" class="btn  border-0"><i class="fa fa-search"></i></button>
  158. </div>
  159. </form>
  160. </div>
  161.             <script>
  162.                function fsearchbox_submit(f)
  163.                {
  164.                    var stx = f.stx.value.trim();
  165.                    if (stx.length < 2) {
  166.                        alert("검색어는 두글자 이상 입력하십시오.");
  167.                        f.stx.select();
  168.                        f.stx.focus();
  169.                        return false;
  170.                    }
  171.  
  172.                    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
  173.                    var cnt = 0;
  174.                    for (var i = 0; i < stx.length; i++) {
  175.                        if (stx.charAt(i) == ' ')
  176.                            cnt++;
  177.                    }
  178.  
  179.                    if (cnt > 1) {
  180.                        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
  181.                        f.stx.select();
  182.                        f.stx.focus();
  183.                        return false;
  184.                    }
  185.                    f.stx.value = stx;
  186.  
  187.                    return true;
  188.                }
  189.            </script>      </div>
  190.      <div class="col-sm-12 col-md-4 mb-3 d-none d-xl-block">
  191. <div class="d-flex justify-content-center"><ul id="hd_qnb" class="ms-auto">
  192. <!-- <li><a href="https://waltvks.com/bbs/faq.php" title="알림" class="pushmsg" title="알림"><i class="fa fa-bell-o" aria-hidden="true"></i><span>알림</span><strong class="pushmsg-num">1</strong></a></li> -->
  193. <li><a href="https://waltvks.com/bbs/faq.php" title="FAQ"><i class="fa fa-question" aria-hidden="true"></i><span>FAQ</span></a></li>
  194. <li><a href="https://waltvks.com/bbs/qalist.php" title="1:1문의"><i class="fa fa-comments" aria-hidden="true"></i><span>1:1문의</span></a></li>
  195. <li><a href="https://waltvks.com/bbs/current_connect.php" class="visit" title="접속자"><i class="fa fa-users" aria-hidden="true"></i><span>접속자</span><strong class="visit-num">
  196. 2</strong></a></li>
  197. <li><a href="https://waltvks.com/bbs/new.php" title="새글"><i class="fa fa-history" aria-hidden="true"></i><span>새글</span></a></li>
  198. <div class="btn-group dropstart">
  199. <button type="button" class="btn btn-primary ms-2" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="fa fa-cog fa-spin" aria-hidden="true"></i></button>
  200. <ul class="dropdown-menu" style="min-width:150px">
  201. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/login.php">로그인</a></li>
  202. <li class="py-1"><a class="dropdown-item small" href="https://waltvks.com/bbs/register.php">회원가입</a></li>
  203. </ul>
  204. </div>
  205. </ul></div>
  206.      </div>
  207.    </div>
  208.  </header>
  209.  
  210.  
  211. </div>
  212.  
  213. <main class="container-fluid container-xl">
  214.  
  215. <div class="row">
  216. <div class="d-block d-xl-none mt-5"></div>
  217. <div class="col-lg-12 col-xl-9">
  218.  <div class="mb-4 rounded text-body-emphasis bg-body-secondary overflow-hidden">
  219. <div class="pic_parallax_swiper_lt">
  220. <div class="swiper-container main-slider loading">
  221. <div class="swiper-wrapper">
  222. <div class="swiper-slide">
  223. <figure class="slide-bgimg" style="background-image:url('https://waltvks.com/theme/blog/img/carousel/c_bg01.jpg')">
  224. <img src="https://waltvks.com/theme/blog/img/carousel/c_bg01.jpg" class="entity-img" />
  225. </figure>
  226. </div>
  227. </div>
  228. <!-- 버튼 -->
  229. <div class="swiper-button-prev swiper-button-white"></div>
  230. <div class="swiper-button-next swiper-button-white"></div>
  231. </div>
  232.  
  233. <!-- Thumbnail navigation -->
  234. <div class="swiper-container nav-slider loading bg-light position-absolute top-0 end-0 d-none d-md-block">
  235. <div class="swiper-wrapper" role="navigation">
  236. </div>
  237. </div>
  238. </div>
  239. <script src='https://waltvks.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.js'></script>
  240. <script  src="https://waltvks.com/theme/blog/skin/latest/pic_parallax_swiper/script.js"></script>
  241.  </div>
  242. </div>
  243. <div class="col-lg-12 col-xl-3 d-none d-xl-block">
  244. <div class="px-4 py-3 mb-3 bg-body-tertiary border rounded">
  245. <div class="container">
  246.     <h2 class="fs-5 fw-bold text-center mb-2"><span class="sound_only">회원</span>로그인</h2>
  247.    <form name="foutlogin" action="https://waltvks.com/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
  248. <div class="mb-2">
  249.  <input type="text" id="ol_id" name="mb_id" value=""  class="form-control" placeholder="아이디">
  250. </div>
  251. <div class="mb-1">
  252.  <input class="form-control" type="password" name="mb_password" id="ol_pw" value="" placeholder="비밀번호">
  253. </div>
  254. <div>
  255.  <input type="submit" id="ol_submit" value="로그인" class="btn btn-primary w-100 my-3">
  256. </div>
  257. </form>
  258. <div>
  259. <div class="container p-0">
  260. <div class="row">
  261. <div class="col-12 small">
  262. <div class="form-check form-check-inline">
  263.  <input class="form-check-input" type="checkbox"  name="auto_login" value="1" id="auto_login">
  264.  <label class="form-check-label" for="auto_login">자동로그인</label>
  265. </div>
  266. <a href="https://waltvks.com/bbs/register.php" class="link me-2">회원가입</a>
  267. <a href="https://waltvks.com/bbs/password_lost.php" class="link">비번찾기</a>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273.  
  274. <script>
  275. jQuery(function($) {
  276.  
  277.    var $omi = $('#ol_id'),
  278.        $omp = $('#ol_pw'),
  279.        $omi_label = $('#ol_idlabel'),
  280.        $omp_label = $('#ol_pwlabel');
  281.  
  282.    $omi_label.addClass('ol_idlabel');
  283.    $omp_label.addClass('ol_pwlabel');
  284.  
  285.    $("#auto_login").click(function(){
  286.        if ($(this).is(":checked")) {
  287.            if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
  288.                return false;
  289.        }
  290.    });
  291. });
  292.  
  293. function fhead_submit(f)
  294. {
  295.    if( $( document.body ).triggerHandler( 'outlogin1', [f, 'foutlogin'] ) !== false ){
  296.        return true;
  297.    }
  298.    return false;
  299. }
  300. </script>
  301. <!-- } 로그인 전 아웃로그인 끝 -->
  302. </div>
  303. </div>
  304. </div>
  305.  
  306. <div class="row">
  307. <div class="col-lg-12 col-xl-9">
  308.  
  309. <div class="container-fluid p-0 mb-4" data-aos="fade-up">
  310. <style type="text/css">
  311. @media only screen and (max-width: 1180px) {
  312. .pic_img{width:100%;height:150px}
  313. }
  314. </style>
  315. <div class="container-fluid">
  316. <h4 class="mb-4 fs-6 fw-bold border-bottom pb-2"><a href="./gallery">전체 포스팅</a></h4>
  317.            
  318.  
  319.  
  320.  
  321.  <div class="row">
  322.     </div>
  323. </div></div>
  324.  
  325.  
  326. </div><!-- 왼쪽 끝-->
  327.   <div class="col-lg-12 col-xl-3"><!-- 오른쪽 시작-->
  328. <div class="position-sticky" style="top: 2rem;">
  329.  
  330. <div class="card mb-3 d-none d-xl-block">
  331. <div class="card-header fw-bold">최신글</div>
  332. <div class="card-body p-0">
  333. <div class="container-fluid">
  334.  
  335.   </div> </div>
  336. </div>
  337. <div class="px-2 py-3 mb-3 bg-body-tertiary border rounded">
  338. <p class="fw-bold text-dark-emphasis border-bottom pb-2">실시간 인기 검색어</p>
  339. <style>
  340. article, div, span, em, ol, li, a{
  341. margin:0;
  342. padding:0;
  343. border:0;
  344. vertical-align:baseline;
  345. background:transparent;
  346. font-style:normal
  347. }
  348. </style>
  349. <article>
  350. <div class="content_box rank_box popular_rank" id="popular_rank1">
  351. <div class="box_tit">
  352. <h3 class="tit">&nbsp;</h3>
  353. <span class="box_menu">
  354. <a href="javascript:void(0);" class="popular_rank1 rank1RankTab on">10일</a>
  355. <a href="javascript:void(0);" class="popular_rank2 rank2RankTab ">20일</a>
  356. <a href="javascript:void(0);" class="popular_rank3 rank3RankTab ">30일</a>
  357. </span>
  358. </div>
  359. <ol class="rank_list rank1 pr_1">
  360. </ol>
  361. <ol class="rank_list rank2 pr_2" style="display:none">
  362. </ol>
  363. <ol class="rank_list rank3 pr_3" style="display:none">
  364. </ol>
  365. <div class="box_bottom rank_more" popular_type="g" page="1" style="width:100%;">11위 - 20위</div>
  366. </div>
  367. </article>
  368.  
  369. <script>
  370.  
  371. function number_format(data) {
  372.  
  373.    var tmp = '';
  374.    var number = '';
  375.    var cutlen = 3;
  376.    var comma = ',';
  377.    var i;
  378.  
  379.    len = data.length;
  380.    mod = (len % cutlen);
  381.    k = cutlen - mod;
  382.    for (i=0; i<data.length; i++)
  383.    {
  384.        number = number + data.charAt(i);
  385.  
  386.        if (i < data.length - 1)
  387.        {
  388.            k++;
  389.            if ((k % cutlen) == 0)
  390.            {
  391.                number = number + comma;
  392.                k = 0;
  393.            }
  394.        }
  395.    }
  396.  
  397.    return number;
  398. }
  399.  
  400. $(function(){
  401.  
  402. $('.rank1RankTab').click(function(){
  403. $(this).siblings().removeClass('on');
  404. $(this).addClass('on');
  405. $('.popular_rank .rank_list').hide();
  406. $('.popular_rank .pr_1').show();
  407. $('.rank_more').attr('popular_type', 'g');
  408. $('.rank_more').attr('page','1');
  409. $('.rank_more').text('11위 - 20위');
  410.  
  411. });
  412.  
  413. $('.rank2RankTab').click(function(){
  414. if($('.rank_list.rank2').index() < 0) {
  415. return false;
  416. }
  417.  
  418. $(this).siblings().removeClass('on');
  419. $(this).addClass('on');
  420. $('.popular_rank .rank_list').hide();
  421. $('.popular_rank .pr_2').show();
  422. $('.rank_more').attr('popular_type', 'm');
  423. $('.rank_more').attr('page','1');
  424. $('.rank_more').text('11위 - 20위');
  425. });
  426.  
  427. $('.rank3RankTab').click(function(){
  428. $(this).siblings().removeClass('on');
  429. $(this).addClass('on');
  430. $('.popular_rank .rank_list').hide();
  431. $('.popular_rank .pr_3').show();
  432. $('.rank_more').attr('popular_type', 'mi');
  433. $('.rank_more').attr('page','1');
  434. $('.rank_more').text('11위 - 20위');
  435. });
  436.  
  437. $('.rank_more').click(function(){
  438. var type = $(this).attr('popular_type');
  439. var page = number_format($(this).attr('page'));
  440.  
  441. if(page > 4) page = 1;
  442. else page++;
  443.  
  444. $('.popular_rank .rank_list').hide();
  445. $('.popular_rank .'+type+'_'+page).show();
  446.  
  447. if(page == 1) $('.rank_more').text('11위 - 20위');
  448. else if(page == 2) $('.rank_more').text('21위 - 30위');
  449. else if(page == 3) $('.rank_more').text('31위 - 40위');
  450. else if(page == 4) $('.rank_more').text('41위 - 50위');
  451. else $('.rank_more').text('1위 - 10위')
  452.  
  453. $('.rank_more').attr('page',page)
  454.  
  455. });
  456.  
  457. });
  458. </script>
  459. </div>
  460.  
  461. </div>
  462. </div><!-- 오른쪽 끝-->
  463. </div>
  464. <script>
  465. function windowPopup(url) {
  466. var popOption = "top=10, left=10, width=500, height=600, status=no, menubar=no, toolbar=no, resizable=no";
  467. window.open(url, '새창', popOption);
  468. }
  469. </script>
  470. </main>
  471. <div class="container py-5"></div>
  472. <div class="container-fluid border-top">
  473.  <footer class="row my-5">
  474. <div class="col-sm-12 col-xl-3 mb-3">
  475. </div>
  476. <div class="col-sm-12 col-lg-5 col-xl-4 mb-3">
  477.  <p class="mb-2">&copy; waltvks.com. All rights reserved.</p>
  478.  <ul class="list-unstyled d-flex"></ul>
  479. </div>
  480.  
  481. <div class="col-5 col-lg-2 col-xl-2 mb-3">
  482.  
  483. </div>
  484.  
  485. <div class="col-5 col-lg-3 col-xl-2 mb-3">
  486. <p class="fs-6 fw-bold mb-3">접속자집계</p>
  487. <ul class="nav flex-column">
  488. <li class="nav-item d-flex justify-content-between align-items-center mb-1">
  489. <span class="fs-6 text-body-secondary">오늘</span>
  490. <span class="badge bg-primary rounded-pill">23</span>
  491. </li>
  492. <li class="nav-item d-flex justify-content-between align-items-center mb-1">
  493. <span class="fs-6 text-body-secondary">어제</span>
  494. <span class="badge bg-primary rounded-pill">155</span>
  495. </li>
  496. <li class="nav-item d-flex justify-content-between align-items-center mb-1">
  497. <span class="fs-6 text-body-secondary">최대</span>
  498. <span class="badge bg-primary rounded-pill">251</span>
  499. </li>
  500. <li class="nav-item d-flex justify-content-between align-items-center mb-1">
  501. <span class="fs-6 text-body-secondary">전체</span>
  502. <span class="badge bg-primary rounded-pill">5,349</span>
  503. </li>
  504. </ul>
  505. </div>
  506.  
  507. <div class="col-2 col-xl-1 mb-3 text-end">
  508. <a href="#"><i class="bi bi-arrow-up-square-fill fs-1 text-danger"></i></a>
  509. </div>
  510.  
  511. <div class="d-flex flex-column flex-sm-row justify-content-between py-2 my-4 border-top">
  512.  
  513. </div>
  514.  </footer>
  515. </div>
  516. <div class="fixed-bottom text-center py-2 bg-light d-block d-xl-none">
  517.  <div class="row">
  518.    <div class="col"><a href="https://waltvks.com" class="link border-0 rounded"><i class="bi bi-house-door fs-5"></i></a></div>
  519.    <div class="col">
  520. <div class="btn-group dropend">
  521.  <a class="link border-0 rounded" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="bi bi-grid-fill fs-5"></i></a>
  522.  <ul class="dropdown-menu" style="min-width:150px">
  523. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/faq.php">FAQ</a></li>
  524. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/qalist.php">1:1문의</a></li>
  525. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/current_connect.php">접속자</a></li>
  526. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/new.php">새글</a></li>
  527.  </ul>
  528. </div>
  529. </div>
  530.    <div class="col">
  531. <div class="btn-group dropstart">
  532.  <a class="link border-0 rounded" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="bi bi-gear fs-5"></i></a>
  533.  <ul class="dropdown-menu" style="min-width:150px">
  534. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/login.php">로그인</a></li>
  535. <li><a class="dropdown-item small" href="https://waltvks.com/bbs/register.php">회원가입</a></li>
  536.  </ul>
  537. </div>
  538. </div>
  539.    <div class="col"><a href="https://waltvks.com/bbs/content.php?co_id=map" class="link border-0 rounded"><i class="bi bi-geo-alt fs-5"></i></a></div>
  540.    <div class="col">&nbsp;</div>
  541.  </div>
  542. </div>
  543.  
  544. <script>
  545. AOS.init({ duration: 1000 });
  546. </script>
  547.  
  548. <script>
  549. $(function() {
  550.    // 폰트 리사이즈 쿠키있으면 실행
  551.    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
  552. });
  553. </script>
  554. <!-- } 하단 끝 -->
  555.  
  556.  
  557.  
  558.  
  559. </body>
  560. </html>
  561.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda