</ifra me></noscript> <!-- End Google Tag Manager (noscript) --> <!-- only mobile --> <link href="https://bbox2u.com/tmpl/bbox/css/select2.css" rel="stylesheet" type="text/css"> <script src="https://bbox2u.com/tmpl/bbox/js/select2.js"></script> <script> $(document).ready(function() { $("#e1").on('change', function(e){ if (!this.value) return false; location.href='/shop/list.php?ca_id=' + this.value; }) $('#e1').select2({minimumResultsForSearch: -1}); }); </script> <script> $(document).ready(function() { let type = 'etc'; //--- 스토리지 초기화 if (type == 'etc') { localStorage.removeItem('scrollTop'); localStorage.removeItem('sst'); localStorage.removeItem('sod'); localStorage.removeItem('sfl'); localStorage.removeItem('stx'); localStorage.removeItem('imageTag'); localStorage.removeItem('textTag'); } $('.btn_menu').click(function() { //--- 스크롤 top 이동 및 고정 해제 /* $('html,body').animate({scrollTop:0},200); $('html,body').toggleClass('noscroll'); */ $('#gnb').slideToggle('fast', function(){ //--- 스타일박스에서 로고 이미지 변경 if (type == 'stylebox') { let logo = ($('#gnb').is(':visible') == true) ? '/img/logo_bbox.png' : '/img/stylebox_logo.jpg'; $('.inner .logo img').attr('src', logo); } }); return false; }); // searchbox_for_mobile $('.btn_open_search').click(function() { $('#search').slideToggle('fast', function(){ //2020-03-04 | HC 모바일 gnb슬라이드 펼쳐쳤을때 검색아이콘 클릭시 gnb메뉴 닫아주고 검색 슬라이딩 if($('#gnb').css('display') == 'block') { $('#gnb').css('display','none') $('#search').css('display','block') } //--- 스타일박스에서 로고 이미지 변경 if (type == 'stylebox') { let logo = ($('#search').is(':visible') == true) ? '/img/logo_bbox.png' : '/img/stylebox_logo.jpg'; $('.inner .logo img').attr('src', logo); } }); return false; }); }); </script> <!-- [D] 이메일 없는 경우 클래스 추가 .noemail --> <!-- [D] 띠배너 있는 경우 171019 --> <div id="wrap" > <header id="header"> <!-- //띠배너 있는 경우 --> <!-- 헤더 상단 배너 180625 --> <!-- //헤더 상단 배너 --> <div class="inner"> <h1 class="logo"> <a href="/"><img src="/img/logo_bbox.png" alt="B.Box" width="149"></a> </h1> <div class="social_area"> <a href="https://www.facebook.com/bbox2u" target="_blank"><span class="fab fa-facebook fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> <a href="https://www.instagram.com/stylebox.event" target="_blank"><span class="fab fa-instagram fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><span class="fab fa-youtube fa-3x" data-fa-mask="fas fa-circle" data-fa-transform="shrink-5"></span></a> </div> <div class="top_menu"> <a href="/bbs/login.php?url=%2Fbbs%2Fboard.php%3Fbo_table%3Dblog">Log in</a> <a href="/bbs/register_form.php">Sign in</a> <a href="/shop/cart.php">My Cart</a> </div> <!-- 검색 영역 --> <div id="search"> <div class="box_search"> <form id="frmShopSearch" action="https://bbox2u.com/shop/search.php" class="search_bx v_align" onsubmit="return search_submit(this);"> <fieldset> <legend class="blind">검색하기</legend> <input type="text" name="q" value="" id="sch_str" required> <button type="submit" class="btn_search">Tìm kiếm</button> </fieldset> </form> <script> function search_submit(f) { if (f.q.value.length < 2) { alert("검색어는 두글자 이상 입력하십시오."); f.q.select(); f.q.focus(); return false; } return true; } </script> </div> <div class="ly_search"> <!-- 태그 --> <!-- 핫100 --> <div class="lst_hot" onclick="javascript: location.href = '/shop/itemranklist.php';"> <h3>HOT 5</h3> <ol> </ol> </div> </div> </div> <!-- //검색 영역 --> <a href="#" class="w_blind btn_menu">메뉴 버튼</a> <a href="#" class="mobile_only btn_open_search"><img src="../../../img/ico_search.png" width="50%"></a> </div> <nav id="gnb"> <div class="utilmenu mobile_only"> <a href="/bbs/login.php?url=%2Fbbs%2Fboard.php%3Fbo_table%3Dblog">Log in</a> <a href="/bbs/register_form.php">Sign in</a> <a href="/shop/cart.php">My Cart</a> </div> <ul class="nav_main"> <li><a href="https://bbox2u.com/shop/list.php?ca_id=60">HOT Deal</a></li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=a0" class="has_sub">THANH LÝ</a> <ul class="sub_nav"> <li class="btn_back">< SALE OFF</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=a0">All</a></li> </ul> </li> <li><a href="https://bbox2u.com/shop/itemuselist.php">REVIEW</a></li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=90" class="has_sub">Make Up</a> <ul class="sub_nav"> <li class="btn_back">< Make Up</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9001" class="has_sub">LIP<em>(3)</em></a> <ul class="in_sub"><li class="btn_back">< LIP</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9001">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900110">Son Thỏi(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900120">Son Kem(2)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900140">Son Bóng(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900150">Chăm Sóc Môi(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9002" class="has_sub">FACE<em>(2)</em></a> <ul class="in_sub"><li class="btn_back">< FACE</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9002">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900210">Base/Primer/Kem Lót(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900220">Foundation/Cushion(2)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900250">BB-CC Cream(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900230">Concealer(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900260">Phấn Phủ(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900240">Má Hồng(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900270">Tạo Khối/Highlight(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900280">Xịt Khóa Make Up(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=9003" class="has_sub">EYE<em>(1)</em></a> <ul class="in_sub"><li class="btn_back">< EYE</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=9003">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900310">Eye Shadow(1)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900320">Eye Liner(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900330">Mascara(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=900340">Eye Brow(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=90b0" class="has_sub">Phụ Kiện<em>(0)</em></a> <ul class="in_sub"><li class="btn_back">< Phụ Kiện</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b0">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b010">Cọ(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b020">Bấm Mi(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b030">Kích Mí(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b040">Mi Giả(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b050">Khuôn Chân Mày(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b060">Giấy Thấm Dầu(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b070">Bông Phấn(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b080">Gương(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b090">Dao-Kéo(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=90b0a0">Bông Tẩy Trang(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=90c0" class="">Others<em>(1)</em></a> </li> </ul> </li> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80" class="has_sub">Dưỡng Da</a> <ul class="sub_nav"> <li class="btn_back">< Dưỡng Da</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80">All</a></li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8010" class="has_sub">Làm Sạch<em>(0)</em></a> <ul class="in_sub"><li class="btn_back">< Làm Sạch</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=8010">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801010">Tẩy Trang(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801020">Sữa Rửa Mặt(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=801030">Tẩy Tế Bào Chết(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80c0" class="">Toner<em>(0)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8030" class="">Tinh Chất / Serum<em>(0)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80d0" class="">Sữa Dưỡng/Lotion<em>(1)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8040" class="">Kem Dưỡng<em>(0)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8020" class="">Xịt Khoáng / Body Mist<em>(2)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8060" class="">Kem Chống Nắng<em>(0)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8080" class="">Nail/Hand/Foot<em>(0)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8090" class="">Body / Hair<em>(2)</em></a> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=80b0" class="has_sub">Mặt Nạ<em>(0)</em></a> <ul class="in_sub"><li class="btn_back">< Mặt Nạ</li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b0">All</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b010">Mặt Nạ Giấy(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b020">Mặt Nạ Rửa(0)</a></li> <li><a href="https://bbox2u.com/shop/list.php?ca_id=80b030">Mặt Nạ Ngủ(0)</a></li> </ul> </li> <!-- 서브메뉴 있는 경우 200824 --> <li> <a href="https://bbox2u.com/shop/list.php?ca_id=8070" class="">Sản Phẩm Khác<em>(0)</em></a> </li> </ul> </li> <!-- <li><a href="--><!--/board.php?bo_table=style">Stylebox</a></li>--> <li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog">Magazine Box</a></li> <!-- Request 삭제 --> <!-- <li><a href="https://bbox2u.com/bbs/board.php?bo_table=request">Request</a></li>--> <!-- GNB: 브랜드 영역 생성 161101 --> <li class="menu_brand"> <a href="#">Brand</a> <div id="ly_brand" class="pc_only"> <ul> <li><a href="https://bbox2u.com/shop/list.php?ca_id=c012">BLACK ROUGE<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c001">BODYHOLIC<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c090">CLIO<em>(1)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0c0">ETUDE HOUSE<em>(0)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0u0">romand<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0zo">too cool for school<em>(2)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0z1">Others<em>(5)</em></a></li><li><a href="https://bbox2u.com/shop/list.php?ca_id=c0a2">PINKROCKET<em>(46)</em></a></li> </ul> </div> <div class="brand_mobile mobile_only"> <select id="e1" name="aaa"> <option value="">Select a Brand</option> <option value='c0' >All (60)</option><option value='c012' >BLACK ROUGE (2)</option><option value='c001' >BODYHOLIC (2)</option><option value='c090' >CLIO (1)</option><option value='c0c0' >ETUDE HOUSE (0)</option><option value='c0u0' >romand (2)</option><option value='c0zo' >too cool for school (2)</option><option value='c0z1' >Others (5)</option><option value='c0a2' >PINKROCKET (46)</option> </select> </div> <!-- only mobile --> </li> <!-- //브랜드 영역 생성 --> <!-- [D] 모바일 메뉴 : 소셜 영역 추가 190718 --> <li id="menu_social" class="mobile_only"> <a href="https://www.facebook.com/bbox2u" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.instagram.com/stylebox.event" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><i class="fab fa-youtube"></i></a> </li> <!-- //모바일 메뉴 : 소셜 영역 --> </ul> </nav> </header> <!-- //New Header by Syoki --> <!-- 헤더 하단 텍스트 배너 180625 --> <!-- 헤더 하단 텍스트 배너 --> <script> //--- 메뉴 플로팅 (헤더가 로딩되는 즉시 실행하기 위해 위치 이동) function headerFloating(){ var headerHeight = $('#header').height(); $('#wrap').css( { 'padding-top' : headerHeight } ); } $(window).on('resize scroll', function(e){ headerFloating(); }); headerFloating(); //--- 스크롤 처리 함수 var scrollController = new (function(){ function scroll () { this.offset = ''; } scroll.prototype.set = function (data) { $('body').css(data); }; scroll.prototype.lock = function () { this.offset = $(window).scrollTop(); this.set({ 'position': '', 'top' : `-${window.scrollY}px`, 'left' : '0', 'right' : '0', }); }; scroll.prototype.unlock = function () { this.set({ 'position': '', 'top' : '', 'left' : '', 'right' : '', }); if (this.offset != '') { $(window).scrollTop(this.offset); this.offset = ''; } }; return scroll; }()); </script> <header class="blog_tlt"> <h3 class="ac"> <a href="/bbs/board.php?bo_table=blog&page="><img src="/img_opbus/logo_blog.jpg" alt="Magazine Box"></a> </h3> </header><div id="UMS_TOOLTIP" style="position: absolute; cursor: pointer; z-index: 2147483647; background: transparent; top: -100000px; left: -100000px;"></div><style> @media (max-width:767px) { .lst_bricks li:nth-child(odd) {margin-right: 1%;} } </style> <div id="lst_megazine_box" class="container_bx cf"> <h4 id="container_title" class="tlt_type1 blind">매거진박스 List</h4> <section class="blog_list_bx"> <!-- 게시판 목록 시작 { --> <div id="bo_list" style="width:100%"> <nav id="magazine_category"> <!-- [모바일] 게시판 카테고리 시작 : { --> <ul id="bo_cate_ul"> <li class="init">Category</li> <li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog" id="bo_cate_on">ALL</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=News+%26+Event">News & Event</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Beauty+%26+Cosmetic">Beauty & Cosmetic</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Fashion+%26+STYLE">Fashion & STYLE</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Blogs">Blogs</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=FAQ">FAQ</a></li> </ul> <!-- } [모바일] 게시판 카테고리 끝 --> <!-- [모바일] 블로거 선택박스 시작 : { --> <ul id="bo_cate_blogger_ul" style="margin-top: 10px;"> <li class="init">Blogger</li> <li><a href="?bo_table=blog">ALL</a></li> <li> <a href="/shop/blogger.php?mb_id=admin"> <span><img src="/data/member_image/blogger/admin.gif" class="blogger_profile_image"></span> <span class="category_name">BBOX</span> <span>90 styles | 224 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=huynhtrang"> <span><img src="/data/member_image/blogger/huynhtrang.gif" class="blogger_profile_image"></span> <span class="category_name">huynhtrang</span> <span>48 styles | 306 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS935627143434935"> <span><img src="/data/member_image/blogger/SNS935627143434935.gif" class="blogger_profile_image"></span> <span class="category_name">Lâm Yến</span> <span>33 styles | 288 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=kimngann"> <span><img src="/data/member_image/blogger/kimngann.gif" class="blogger_profile_image"></span> <span class="category_name">ngenngen</span> <span>41 styles | 218 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=14011998"> <span><img src="/data/member_image/blogger/14011998.gif" class="blogger_profile_image"></span> <span class="category_name">BéLì</span> <span>28 styles | 182 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS10209823825351024"> <span><img src="/data/member_image/blogger/SNS10209823825351024.gif" class="blogger_profile_image"></span> <span class="category_name">Tam Tran Ng</span> <span>25 styles | 161 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1136873329815350"> <span><img src="/data/member_image/blogger/SNS1136873329815350.gif" class="blogger_profile_image"></span> <span class="category_name">Mjmi Trinh</span> <span>22 styles | 152 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1869789769798643"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyễn Ngọc Vân Anh</span> <span>5 styles | 153 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS789272641441318"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Trần Thị Ngọc Trâm</span> <span>3 styles | 147 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1994284067485689"> <span><img src="/data/member_image/blogger/SNS1994284067485689.gif" class="blogger_profile_image"></span> <span class="category_name">Đông Anh</span> <span>12 styles | 98 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS2356500667941012"> <span><img src="/data/member_image/blogger/SNS2356500667941012.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyễn Đức Tâm</span> <span>14 styles | 73 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=emma_nng"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">emmanng</span> <span>3 styles | 89 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS110509376877802"> <span><img src="/data/member_image/blogger/SNS110509376877802.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyễn Phúc Vĩnh Thuỵ</span> <span>7 styles | 57 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS2263129357232518"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Anh Thư</span> <span>7 styles | 49 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=Bichhop_8387"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Bichhop blogger</span> <span>3 styles | 51 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=Annangoc"> <span><img src="/data/member_image/blogger/Annangoc.gif" class="blogger_profile_image"></span> <span class="category_name">Annangoc</span> <span>7 styles | 30 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=Hoangminhngoc810"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Hiiamsalt</span> <span>4 styles | 31 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS659970247777925"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyen ThNgan</span> <span>2 styles | 30 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=Wendy1998an"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">WendyÂn</span> <span>6 styles | 20 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=Hoanghontim"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Hoanghontim</span> <span>4 styles | 22 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS331433944382639"> <span><img src="/data/member_image/blogger/SNS331433944382639.gif" class="blogger_profile_image"></span> <span class="category_name">Trần Cẩm Tiên</span> <span>5 styles | 11 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS537916176721276"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyễn Phúc Vĩnh Thuỵ</span> <span>3 styles | 13 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1359529057533004"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Nguyễn Kim Ngân</span> <span>2 styles | 15 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS514237262437640"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Mai Mai</span> <span>2 styles | 13 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS290226604896729"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Ngọc Tú</span> <span>2 styles | 12 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1173087512854504"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Lý Anh Thư</span> <span>1 styles | 10 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=buihtran0804"> <span><img src="/data/member_image/blogger/buihtran0804.gif" class="blogger_profile_image"></span> <span class="category_name">Jolinne</span> <span>2 styles | 8 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1037404726459302"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Minh Thảo</span> <span>2 styles | 7 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1303144479848373"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Ngan Pham</span> <span>1 styles | 8 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS2531013187184969"> <span><img src="/data/member_image/blogger/SNS2531013187184969.gif" class="blogger_profile_image"></span> <span class="category_name">nguyenthikimhoang</span> <span>1 styles | 8 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=danopukee"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">danopukee</span> <span>1 styles | 8 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS1064253090413577"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Thao Thanh Nguyen</span> <span>1 styles | 8 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS780751145676165"> <span><img src="/data/member_image/blogger/SNS780751145676165.gif" class="blogger_profile_image"></span> <span class="category_name">Dương Thảo Trân</span> <span>1 styles | 7 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS912597538891123"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Kim Ngân</span> <span>1 styles | 7 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS394838047989224"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Sohy Trần</span> <span>1 styles | 6 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS415609225888691"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Hồ Ngọc Trâm Anh</span> <span>1 styles | 5 likes</span> </a> </li> <li> <a href="/shop/blogger.php?mb_id=SNS2349631021934403"> <span><img src="/img/profile_pic.gif" class="blogger_profile_image"></span> <span class="category_name">Bùi Ngọc Như</span> <span>1 styles | 2 likes</span> </a> </li> </ul> <!-- } [모바일] 블로거 선택박스 끝 --> </nav> <!-- 게시판 검색 시작 { --> <fieldset id="bo_sch"> <legend>게시물 검색</legend> <form name="fsearch" method="get"> <input type="hidden" name="bo_table" value="blog"> <input type="hidden" name="sca" value=""> <input type="hidden" name="sop" value="and"> <label for="sfl" class="sound_only">검색대상</label> <select name="sfl" id="sfl"> <option value="wr_subject">Tiêu đề</option> <option value="wr_content">Nội dung chính</option> </select> <div class="box_search"> <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label> <input type="text" name="stx" value="" required id="stx" class="frm_input required" size="15" maxlength="20"> <button type="submit" class="btn_submit"><i class="fas fa-search"></i></button> </div> </form> </fieldset> <!-- } 게시판 검색 끝 --> <!-- 상품 정렬 선택 시작 { --> <!-- [D] 상품정렬 --> <section class="sort_area" style="display:block;"> <button type="button" id="list_wr_datetime" value="wr_datetime"><span class="blind">등록순</span>Mới nhất</button> <button type="button" id="list_wr_good" value="wr_good"><span class="blind">추천수</span>LIKE</button> <button type="button" id="list_wr_hit" value="wr_hit"><span class="blind">조회수</span>VIEW</button> </section> <!-- } 상품 정렬 선택 끝 --> <!-- 게시판 페이지 정보 및 버튼 시작 { --> <div class="bo_fx blind"> <div id="bo_list_total"> <span>Total 392건</span> 1 페이지 </div> </div> <!-- } 게시판 페이지 정보 및 버튼 끝 --> <form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post"> <input type="hidden" name="sfl" value=""> <input type="hidden" name="stx" value=""> <input type="hidden" name="spt" value=""> <input type="hidden" name="sca" value=""> <input type="hidden" name="sst" value="wr_datetime"> <input type="hidden" name="sod" value="desc"> <input type="hidden" name="sw" value=""> <div id="lst_magazine"> <!-- <h4>전체</h4> --> <ul class="lst_bricks"></ul> </div> </form> </div> <!-- 페이지 --> <div class="loading_process" style="display: none;"></div> <div class="btn_area_more"> <button type="button" id="blog_more">Xem thêm</button> </div> <script> $(document).ready(function() { var setHash = null; $(window).on('hashchange', function(){ var backCount = location.hash.substring(1) * -1; if(location.hash.substring(1) < setHash){ window.history.back(backCount); //location.href = document.referrer; }else{ setHash = location.hash.substring(1); } }); }); </script> <!-- } 게시판 목록 끝 --> </section> <section class="blog_side_bx"> <!-- 게시판 카테고리 시작 { --> <nav class="blog_category_bx mg_b_20"> <h4 class="mg_b_10">Category</h4> <ul id="bo_cate_ul"> <li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog" id="bo_cate_on">ALL</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=News+%26+Event">News & Event</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Beauty+%26+Cosmetic">Beauty & Cosmetic</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Fashion+%26+STYLE">Fashion & STYLE</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=Blogs">Blogs</a></li><li><a href="https://bbox2u.com/bbs/board.php?bo_table=blog&sca=FAQ">FAQ</a></li> </ul> </nav> <!-- } 게시판 카테고리 끝 --> <!-- 블로거 리스트 시작{ --> <nav class="blog_category_bx mg_b_20"> <h4 class="mg_b_10">Blogger</h4> <ul id=""> <li><a href="?bo_table=blog" id="bo_cate_on">ALL</a></li> <li><a href="/shop/blogger.php?mb_id=admin" >BBOX</a></li> <li><a href="/shop/blogger.php?mb_id=huynhtrang" >huynhtrang</a></li> <li><a href="/shop/blogger.php?mb_id=SNS935627143434935" >Lâm Yến</a></li> <li><a href="/shop/blogger.php?mb_id=kimngann" >ngenngen</a></li> <li><a href="/shop/blogger.php?mb_id=14011998" >BéLì</a></li> <li><a href="/shop/blogger.php?mb_id=SNS10209823825351024" >Tam Tran Ng</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1136873329815350" >Mjmi Trinh</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1869789769798643" >Nguyễn Ngọc Vân Anh</a></li> <li><a href="/shop/blogger.php?mb_id=SNS789272641441318" >Trần Thị Ngọc Trâm</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1994284067485689" >Đông Anh</a></li> <li><a href="/shop/blogger.php?mb_id=SNS2356500667941012" >Nguyễn Đức Tâm</a></li> <li><a href="/shop/blogger.php?mb_id=emma_nng" >emmanng</a></li> <li><a href="/shop/blogger.php?mb_id=SNS110509376877802" >Nguyễn Phúc Vĩnh Thuỵ</a></li> <li><a href="/shop/blogger.php?mb_id=SNS2263129357232518" >Anh Thư</a></li> <li><a href="/shop/blogger.php?mb_id=Bichhop_8387" >Bichhop blogger</a></li> <li><a href="/shop/blogger.php?mb_id=Annangoc" >Annangoc</a></li> <li><a href="/shop/blogger.php?mb_id=Hoangminhngoc810" >Hiiamsalt</a></li> <li><a href="/shop/blogger.php?mb_id=SNS659970247777925" >Nguyen ThNgan</a></li> <li><a href="/shop/blogger.php?mb_id=Wendy1998an" >WendyÂn</a></li> <li><a href="/shop/blogger.php?mb_id=Hoanghontim" >Hoanghontim</a></li> <li><a href="/shop/blogger.php?mb_id=SNS331433944382639" >Trần Cẩm Tiên</a></li> <li><a href="/shop/blogger.php?mb_id=SNS537916176721276" >Nguyễn Phúc Vĩnh Thuỵ</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1359529057533004" >Nguyễn Kim Ngân</a></li> <li><a href="/shop/blogger.php?mb_id=SNS514237262437640" >Mai Mai</a></li> <li><a href="/shop/blogger.php?mb_id=SNS290226604896729" >Ngọc Tú</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1173087512854504" >Lý Anh Thư</a></li> <li><a href="/shop/blogger.php?mb_id=buihtran0804" >Jolinne</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1037404726459302" >Minh Thảo</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1303144479848373" >Ngan Pham</a></li> <li><a href="/shop/blogger.php?mb_id=SNS2531013187184969" >nguyenthikimhoang</a></li> <li><a href="/shop/blogger.php?mb_id=danopukee" >danopukee</a></li> <li><a href="/shop/blogger.php?mb_id=SNS1064253090413577" >Thao Thanh Nguyen</a></li> <li><a href="/shop/blogger.php?mb_id=SNS780751145676165" >Dương Thảo Trân</a></li> <li><a href="/shop/blogger.php?mb_id=SNS912597538891123" >Kim Ngân</a></li> <li><a href="/shop/blogger.php?mb_id=SNS394838047989224" >Sohy Trần</a></li> <li><a href="/shop/blogger.php?mb_id=SNS415609225888691" >Hồ Ngọc Trâm Anh</a></li> <li><a href="/shop/blogger.php?mb_id=SNS2349631021934403" >Bùi Ngọc Như</a></li> </ul> </nav> <!-- } 블로거 리스트 끝 --> <section class="post_latest_side"> <h4 class="mg_b_10">New article</h4> <ul> </ul> </section> </section> </div> <script> $(window).on('unload', function() { //--- 로컬 스토리지에 포지션 저장 localStorage.setItem("scrollTop", $(window).scrollTop()); }); $(function(){ //--- 정렬 처리 var sort = 'wr_datetime'; var order = 'desc'; var arrow = 'down'; $('.sort_area button').each(function(i){ $(this).removeClass(); }); if(order == 'asc'){ arrow = 'up'; } $('#list_' + sort).addClass(arrow); $('.sort_area button').click(function(){ var sort = $(this).val(); var order = 'desc'; var url = '?bo_table=blog&wr_id=&page=1'; if( $(this).hasClass('down') ){ order = 'asc'; } location.href = url + '&sst=' + sort + '&sod=' + order; }); //--- 게시물 처리 var $grid = $('.lst_bricks').masonry({ itemSelector : 'li' , columnWidth : 'li' , percentPosition : true }); var objData = { data : '' , page : 1 , bo_table : 'blog' , cntItem : 0 , cntTotal : 392 , anchor : 0 , board_limit : 20 , tmp_limit : 0 }; function moreItems(){ //--- 뒤로가기를 통해 돌아왔을 경우 재설정(앵커값을 이용해 리스트 다시 불러오기) if(location.hash){ var anchor = location.hash.substring(1); if( anchor != (objData.page - 1) ){ objData.tmp_limit = objData.board_limit; objData.board_limit = anchor * objData.board_limit; } } scrollController.lock(); $('.loading_process').toggle(); objData.data = $('#fboardlist').serialize(); $.ajax({ type : "GET", url : "/bbs/ajax.masonrylist.php?page=" + objData.page + "&bo_table=" + objData.bo_table + "&board_limit=" + objData.board_limit + "&" + objData.data, dataType : "text", error : function(e){ alert('error'); return false; }, success : function(res){ let $content = $(res).hide(); $grid.append($content); //--- 이미지 로드 플러그인으로 처리 $grid.imagesLoaded().always(function(instance){ $grid.masonry("appended", $content) .masonry('reloadItems') .masonry('layout'); $('.loading_process').hide(); }).progress( function() { $('.loading_process').show(); }).done(function(){ //--- 뒤로가기를 통해 돌아왔을 경우 if(objData.tmp_limit > 0) { //--- 변수 원래대로 재설정 objData.board_limit = objData.tmp_limit; objData.page = anchor; objData.tmp_limit = 0; //--- 스크롤 이동 $(window).scrollTop(localStorage.getItem("scrollTop")); localStorage.removeItem('scrollTop'); //--- 위치 고정 (크롬 업데이트로 인한 추가 조치) } else { scrollController.unlock(); } location.href = '#' + objData.page; objData.page++; }); objData.cntItem = $('.lst_bricks li').length; if(objData.cntItem >= objData.cntTotal) { $('#blog_more').remove(); } if (objData.cntTotal == 0) { $('.lst_bricks').append('<div style="width: 100%; margin: 50px 0; text-align: center;">No Results</div>'); } } }); } $('body').on('click', '#blog_more', function(){ moreItems(); }); moreItems(); }); $(function() { var sca = ""; if(sca) $("ul#bo_cate_ul").children('.init').text(sca); $("#bo_cate_ul, #bo_cate_blogger_ul").on("click", ".init", function() { $(this).closest("ul").children('li:not(.init)').toggle(); }); }); </script> <!-- footer --> <div id="ft" class="foot_bx"> <!-- 맨위로 버튼 추가 171230 --> <div id="box_top" class="container_bx"> <a class="top" title="back to top"><i class="fa fa-chevron-up"></i></a> </div> <script> var toTop = $("#box_top"); $(window).scroll(function(){ if($(window).scrollTop() >= 360 ){ toTop.fadeIn('fast'); } else { toTop.hide(); } }); $('#box_top .top').on('click', function(e) { e.preventDefault(); $('html,body').animate({scrollTop:0},'fast'); return false; }); </script> <div class="foot_menu cf"> <section> <h3>About us</h3> <ul> <li><a href="/bbs/content.php?co_id=company">What is B-Box? </a></li> <li><a href="/shop/contactUs.php">Contact us</a></li> </ul> </section><!-- //About us --> <section> <h3>Help</h3> <ul> <li><a href="/shop/faq.php">FAQ</a></li> <li><a href="/bbs/content.php?co_id=provision">Terms & Conditions</a></li> </ul> </section><!-- //Help --> <section> <h3>Category</h3> <ul> <li><a href="/shop/list.php?ca_id=60">Hot Deal</a></li> <li><a href="/shop/itemuselist.php">REVIEW</a></li> <li><a href="/bbs/board.php?bo_table=blog">Magazine Box</a></li> </ul> </section> <section class="menu5"> <h3>Community</h3> <ul> <li> <a href="https://www.facebook.com/bbox2u" target="_blank"><i class="fa fa-facebook-official"></i> Facebook</a> </li> <li> <a href="https://www.instagram.com/stylebox.event" target="_blank"><i class="fa fa-instagram"></i> Instagram</a> </li> <li> <a href="https://www.youtube.com/channel/UC2M_AxW2-iU7QO7OAmREgxA" target="_blank"><i class="fa fa-youtube-play"></i> Youtube</a> </li> </ul> </section> </div> <!-- foot_menu, 2016-04-07 수정 --> <div class="foot_logo cf"> <div class="v_align align_cen"> B.BOX ©2016 </div> <!-- <p class="fl_r">Laguage <span class="col_white">Korea.</span></p> --> </div> </div> <!-- //footer --> </div> <script src="/js_opbus/main.js"></script> <!-- Resource jQuery --> <script src="/js_opbus/trunk8.js"></script> <script> $(document).ready(function(){ $('.nav_main li >a.has_sub').click(function(e) { e.preventDefault(); $(this).siblings('.sub_nav').addClass('open') $('.nav_main').addClass('left'); return false; }); $('.sub_nav .has_sub').click(function(e) { e.preventDefault(); $(this).next('.in_sub').show(); $(this).parents('.sub_nav').addClass('left'); return false; }); $('.in_sub .btn_back').click(function() { $(this).parents('.sub_nav').removeClass('left'); $(this).parents('.in_sub').hide('slow'); }); $('.sub_nav>.btn_back').click(function() { $(this).parents('.sub_nav').removeClass('open'); $(this).parents('.nav_main').removeClass('left'); }); // 카테고리 메뉴 2 - 마우스 이벤트 $( ".category" ).mouseenter(function(){ $(".category").children('div').addClass('is-visible2'); }); $( ".category" ).mouseleave(function(){ $(".category").children('div').removeClass('is-visible2'); }); $( "#tabs" ).tabs(); // parseInt 없으면 작동 안됨; $( ".progress_bar_bx:not(:has(.ui-progressbar-value))" ).each(function() { var progressvalue = $( this ).attr('alt'); $(this).progressbar({"value" : parseInt(progressvalue)}); }); }); </script> <script src="https://bbox2u.com/js/sns.js"></script> <script async defer id="rt_script" src="https://track.rentracksw.com/js/rt.sdk.js" type="text/javascript"></script> <!-- } 하단 끝 --> <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 --> <!--[if lte IE 7]> <script> $(function() { var $sv_use = $(".sv_use"); var count = $sv_use.length; $sv_use.each(function() { $(this).css("z-index", count); $(this).css("position", "relative"); count = count - 1; }); }); </script> <![endif]--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-83143927-1', 'auto'); ga('send', 'pageview'); </script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '340146982988730'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=340146982988730&ev=PageView&noscript=1" /></noscript> </body> </html> <!-- 사용스킨 : theme/blog -->