PC화면에서 모바일 화면처럼 우측 메뉴을 안 보이게 하는법
본문
PC화면에서도 우측 로그인 밑에 부분을 모두 안 보이게하고 게시판 부분만 보이게 하고 싶습니다.
어느 부분을 수정하면 되는지요?
검색해도 찾기 힘들어 문의 드립니다.
답변 3
위 이미지는 참고시지요??
부분의 소스를 보시면 아래 자세한소스처럼 해당퍼블쪽을날려버리시면 될듯합니다.
우선 소스상에서 수정하시기 보단 크롬에서 F12 개발자도구를 통해 해보시고 적용된 방식을 실제 소스에 접목시키시는게 더 좋을것 같습니다.
<div id="con_ri">
<!-- 로그인 -->
<div id="tnb">
<h3>회원로그인</h3>
<div class="tnb-login-on">
<ul class="tnb_member_info item">
<li id="mb-idx-img" class="mb-img"><span class="sir_mb_img" title="회원정보에 사진을 올려주세요."></span></li>
<li class="mb-nick">
<span class="nick"><strong><span class="sv_wrap">
<a href="//sir.kr/bbs/profile.php?mb_id=fb_sa4b67wi" class="sv_member" title="toqurk 자기소개" target="_blank" rel="nofollow" onclick="return false;"><span class="member">toqurk</span></a>
<span class="sv">
<a href="//sir.kr/bbs/memo_form.php?me_recv_mb_id=fb_sa4b67wi" onclick="win_memo(this.href); return false;"><i class="fa fa-paper-plane" aria-hidden="true"></i> 쪽지보내기</a>
<a href="//sir.kr/bbs/formmail.php?mb_id=fb_sa4b67wi&name=toqurk&email=dnNuRld6dkRaV3JmQmpmdUNDMlRReW1PUUFIaEJLLzBxc3lTZnhPU2lOWT0-" onclick="win_email(this.href); return false;"><i class="fa fa-envelope-o" aria-hidden="true"></i> 메일보내기</a>
<a href="//sir.kr/bbs/profile.php?mb_id=fb_sa4b67wi" onclick="win_profile(this.href); return false;"><i class="fa fa-user" aria-hidden="true"></i> 자기소개</a>
<a href="//sir.kr/bbs/new.php?sfl=mb_id&stx=fb_sa4b67wi"><i class="fa fa-file-text" aria-hidden="true"></i> 전체게시물</a>
<a href="//sir.kr/main/member/?mb_id=fb_sa4b67wi"><i class="fa fa-file-text-o" aria-hidden="true"></i> 회원게시물</a>
<a href="//sir.kr/main/service/myservice.php"><i class="fa fa-list-ul" aria-hidden="true"></i> 신청내역</a>
<a href="//sir.kr/bbs/myfriend.php"><i class="fa fa-child" aria-hidden="true"></i> 친구보기</a>
<a href="//sir.kr/bbs/myblock.php"><i class="fa fa-child" aria-hidden="true"></i> 차단회원보기</a>
<a href="//sir.kr/qa/?sfl=mb_id,1&lstx=fb_sa4b67wi"><i class="fa fa-question-circle" aria-hidden="true"></i> 회원 질문검색</a>
<a href="//sir.kr/qa/answer.php?sfl=mb_id,2&stx=fb_sa4b67wi"><i class="fa fa-comment" aria-hidden="true"></i> 회원 답변검색</a>
<a href="//sir.kr/qa/?sfl=mb_id,3&lstx=fb_sa4b67wi"><i class="fa fa-commenting" aria-hidden="true"></i> 회원 댓글검색</a>
</span>
<noscript class="sv_nojs"><span class="sv">
<a href="//sir.kr/bbs/memo_form.php?me_recv_mb_id=fb_sa4b67wi" onclick="win_memo(this.href); return false;"><i class="fa fa-paper-plane" aria-hidden="true"></i> 쪽지보내기</a>
<a href="//sir.kr/bbs/formmail.php?mb_id=fb_sa4b67wi&name=toqurk&email=dnNuRld6dkRaV3JmQmpmdUNDMlRReW1PUUFIaEJLLzBxc3lTZnhPU2lOWT0-" onclick="win_email(this.href); return false;"><i class="fa fa-envelope-o" aria-hidden="true"></i> 메일보내기</a>
<a href="//sir.kr/bbs/profile.php?mb_id=fb_sa4b67wi" onclick="win_profile(this.href); return false;"><i class="fa fa-user" aria-hidden="true"></i> 자기소개</a>
<a href="//sir.kr/bbs/new.php?sfl=mb_id&stx=fb_sa4b67wi"><i class="fa fa-file-text" aria-hidden="true"></i> 전체게시물</a>
<a href="//sir.kr/main/member/?mb_id=fb_sa4b67wi"><i class="fa fa-file-text-o" aria-hidden="true"></i> 회원게시물</a>
<a href="//sir.kr/main/service/myservice.php"><i class="fa fa-list-ul" aria-hidden="true"></i> 신청내역</a>
<a href="//sir.kr/bbs/myfriend.php"><i class="fa fa-child" aria-hidden="true"></i> 친구보기</a>
<a href="//sir.kr/bbs/myblock.php"><i class="fa fa-child" aria-hidden="true"></i> 차단회원보기</a>
<a href="//sir.kr/qa/?sfl=mb_id,1&lstx=fb_sa4b67wi"><i class="fa fa-question-circle" aria-hidden="true"></i> 회원 질문검색</a>
<a href="//sir.kr/qa/answer.php?sfl=mb_id,2&stx=fb_sa4b67wi"><i class="fa fa-comment" aria-hidden="true"></i> 회원 답변검색</a>
<a href="//sir.kr/qa/?sfl=mb_id,3&lstx=fb_sa4b67wi"><i class="fa fa-commenting" aria-hidden="true"></i> 회원 댓글검색</a>
</span>
</noscript></span></strong> 님</span>
</li>
<li class="mb-point">
<a href="//sir.kr/bbs/point.php" target="_blank" id="ol_after_pt" class="win_point">포인트 <span>25,649</span> 점</a>
</li>
<li class="mb-lv">레벨 <span>5</span></li>
<li class="mb-info">| <a href="//sir.kr/bbs/member_confirm.php?url=register_form.php" id="out_mod">정보수정</a></li>
<li class="mb-logout"><a href="//sir.kr/bbs/logout.php" class="logout a">로그아웃</a></li>
</ul>
<ul id="tnb-login-mn">
<li id="ol_arm" class="icon-arm">
<a href="//sir.kr/bbs/pushmsg.php">
<span class="icon-login"></span>알림 <span class="tnb_nb nb_nb_new arm1" id="arm_cnt">2</span>
</a>
<dl style="display: none;"></dl>
</li>
<li class="icon-msg">
<a href="//sir.kr/bbs/memo.php" class="win_memo">
<span class="icon-login"></span>쪽지 <span class="tnb_nb read0">0</span>
</a>
</li>
<li class="icon-scrap">
<a href="//sir.kr/bbs/scrap.php" id="scrap--" onclick="win_scrap(this.href); return false;"><span class="icon-login"></span>스크랩</a>
</li>
<!-- <li class="icon-friend">
<a href="//sir.kr/bbs/myfriend.php"><span class="icon-login"></span>친구보기</a>
</li> -->
<li id="attendance" class="icon-check ">
<button class="attendance_opn"><span class="icon-login"></span>출석 <span class="day_num">3</span></button>
<div class="attendance_pop">
<div id="pb-status">
</div>
<footer>
<a href="//sir.kr/main/company/point.php">포인트정책 </a>
<button class="pop_btn_cls"><span class="sound_only">닫기</span></button>
</footer>
</div>
<script>
$(document).on("click", ".attendance_opn", function() {
$(".attendance_pop").toggle();
$("#attendance").addClass("click");
ajax_point_bonus('2019-05-15');
})
$(document).on("click", ".atd_info_btn", function() {
$(".atd_info").toggle();
})
$(document).on("click", ".info_close_btn", function() {
$(".atd_info").hide();
})
$(document).on("click", ".pop_btn_cls", function() {
$(".attendance_pop").hide();
})
$(document).on("change", "#pb-sel-week", function() {
var target_date = $("#pb-sel-week option:selected").val();
ajax_point_bonus(target_date);
});
function ajax_point_bonus(target_date) {
var action_url = g5_url+"/main/member/ajax.point_bonus.php";
$.ajax({
type:"POST",
url: action_url,
data:{"date" : target_date, "device":"PC"},
dataType : 'html', // xml, html, script, json
cache: false,
success:function(data, status){
$("#pb-status").html(data);
$(".icon-check").removeClass("icon-check-on"); // 알림표시 제거
}
});
}
</script>
</li>
<li class="icon-friend no-border">
<a href="//sir.kr/main/member/?mb_id=fb_sa4b67wi"><span class="icon-login"></span>MYPAGE</a>
</li>
</ul>
</div>
<script>
// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
function member_leave()
{
if (confirm('정말 회원에서 탈퇴 하시겠습니까?'))
location.href = '//sir.kr/bbs/member_confirm.php?url=member_leave.php';
}
</script>
<!-- 로그인 후 외부로그인 끝 --> </div>
<div id="sub_menu">
<div id="consubmit2">
<a href="//sir.kr/qa/write.php?sst=wr_num&s_tag=" class="consubmit2"><i class="fa fa-pencil" aria-hidden="true"></i> 지금 질문하기</a>
</div>
<h2>QA</h2>
<ul>
<li><a href="//sir.kr/qa/howto.php">질문하는 방법<span class="sbmn_al"></span></a></li>
<li><a href="//sir.kr/qa/?unanswered=" class="sbmn_sl">모든질문<span class="sbmn_al">74307</span></a></li>
<li><a href="//sir.kr/qa/?unanswered=1&sst=noanswer">답변 없는 질문<span class="sbmn_al">569</span></a></li>
<li><a href="//sir.kr/qa/answer.php">모든답변<span class="sbmn_al"></span></a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="lnb_cate_divide">그누보드5<span class="sbmn_new">55</span><span class="sbmn_al">35063</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85">영카트5<span class="sbmn_new">9</span><span class="sbmn_al">10604</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EC%BB%A4%EB%A8%B8%EC%8A%A4">그누커머스<span class="sbmn_new">2</span><span class="sbmn_al">969</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C4">그누보드4<span class="sbmn_new">5</span><span class="sbmn_al">9497</span></a></li>
<li><a href="//sir.kr/qa/?s_tag=%EC%98%81%EC%B9%B4%ED%8A%B84">영카트4<span class="sbmn_al">279</span></a></li>
<li><a href="//sir.kr/qa/tags.php" class="lnb_cate_divide">태그 전체보기<span class="sbmn_al"></span></a></li>
<li><a href="//sir.kr/qa/?sfl=mb_id,1&lstx=fb_sa4b67wi" class="lnb_cate_divide">내 질문<span class="sbmn_al">1</span></a></li>
<li><a href="//sir.kr/qa/answer.php?sfl=mb_id,2&stx=fb_sa4b67wi">내 답변<span class="sbmn_al"></span></a></li>
<li><a href="//sir.kr/qa/?sfl=mb_id,3&lstx=fb_sa4b67wi">내 댓글<span class="sbmn_al">13</span></a></li> </ul>
<!--/ 커뮤니티 전용 사이드 배너 -->
</div>
<div class="sub-tags">
<div class="section fav">
<div class="title">관심태그</div>
<div id="board_favorite_tags" class="board_fav_tags empty">
<div class="fav-empty">관심태그를 등록해보세요.<br>관심있는 주제만 모아서 보실 수 있습니다.</div>
</div>
</div>
<div class="section all">
<div class="title">
<a href="//sir.kr/qa/">인기태그</a>
</div>
<div class="list tog tog_taglist">
<div class="item ">
<button type="button" class="btn-add" data-tag="그누보드5" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">그누보드5를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="a">#그누보드5(35063)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="영카트5" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">영카트5를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="a">#영카트5(10604)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="그누보드4" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">그누보드4를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C4" class="a">#그누보드4(9497)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="php" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">php를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=php" class="a">#php(7879)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="javascript" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">javascript를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=javascript" class="a">#javascript(1873)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="게시판" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">게시판를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EA%B2%8C%EC%8B%9C%ED%8C%90" class="a">#게시판(1739)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="css" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">css를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=css" class="a">#css(1180)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="그누보드" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">그누보드를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C" class="a">#그누보드(1095)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="그누커머스" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">그누커머스를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EA%B7%B8%EB%88%84%EC%BB%A4%EB%A8%B8%EC%8A%A4" class="a">#그누커머스(969)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="모바일" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">모바일를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EB%AA%A8%EB%B0%94%EC%9D%BC" class="a">#모바일(908)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="mysql" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">mysql를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=mysql" class="a">#mysql(875)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="html" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">html를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=html" class="a">#html(716)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="jquery" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">jquery를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=jquery" class="a">#jquery(643)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="최신글" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">최신글를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EC%B5%9C%EC%8B%A0%EA%B8%80" class="a">#최신글(589)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="영카트" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">영카트를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EC%98%81%EC%B9%B4%ED%8A%B8" class="a">#영카트(582)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="DB" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">DB를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=DB" class="a">#DB(525)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="자바스크립트" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">자바스크립트를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" class="a">#자바스크립트(478)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="로그인" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">로그인를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EB%A1%9C%EA%B7%B8%EC%9D%B8" class="a">#로그인(463)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="이미지" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">이미지를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%EC%9D%B4%EB%AF%B8%EC%A7%80" class="a">#이미지(442)</a>
</div>
<div class="item ">
<button type="button" class="btn-add" data-tag="회원가입" data-action="add">
<i class="fa fa-star-o"></i>
<span class="txt">회원가입를 관심태그로 지정</span>
</button>
<a href="https://sir.kr/qa/305527?vpage=1&s_tag=%ED%9A%8C%EC%9B%90%EA%B0%80%EC%9E%85" class="a">#회원가입(398)</a>
</div>
</div>
</div>
<div class="more tog_trg tog_taglist">
<button type="button" class="more-btn tog_trg_btn" data-set="taglist">
<i class="fa fa-angle-up"></i>
<i class="fa fa-angle-down"></i>
<span class="txt tog_txt">전체태그</span>
<span class="txt tog_stat">열기</span>
</button>
</div>
<div class="section howto">
<div class="con">
<i class="fa fa-star-o"></i> 클릭 = 관심태그 추가
<span class="div">/</span>
<i class="fa fa-star"></i> 클릭 = 관심태그 해제
</div>
</div>
</div>
<div class="event-mall">
<h2><a href="//sir.kr/bbs/board.php?bo_table=pauction">진행중 포인트경매<!--<span style="float:right; padding:0px 10px;"><i class="fa fa-plus" aria-hidden="true"></i></span>--></a></h2>
<ol class="em-side">
<li class="none-event"><a href="//sir.kr/bbs/write.php?bo_table=pauction">포인트 경매!<br>직접 등록해보세요!</a></li>
</ol>
</div>
<!-- SIR 오른쪽 메뉴 아래 -->
<div id="side-adsense">
<ins class="adsbygoogle" style="display: inline-block; width: 300px; height: 250px;" data-ad-client="ca-pub-8130732299180997" data-ad-slot="7628334326" data-adsbygoogle-status="done"><ins id="aswift_1_expand" style="display:inline-table;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:300px;background-color:transparent;"><ins id="aswift_1_anchor" style="display:block;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:300px;background-color:transparent;"><iframe width="300" height="250" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;border:0px;width:300px;height:250px;"></iframe></ins></ins></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
이 부분을 주석 또는 삭제하시고
#con_lf {
display: inline-block;
width: 730px;
float: left;
margin-right: 20px;
position: relative;
clear: both;
}
해당 css 부분의 width 값을 지우신 css의 width 값 만큼추가해주면 됩니다.
화면이 어디를 말씀하시는것인지 캡쳐좀....부탁드려봅니다.
화면 올려드렸습니다.
우측에 모든 부분을 다 안보이게 하고 게시판 부분만 보이게 하고 싶습니다.
우측에 표기한 부분입니다. 저 부분을 모두 안 보이게하고 싶습니다.
css/default.css에서
#aside {float:right;width:305px; ~ } 을
#aside {display:none;float:right;width:305px; ~ } 으로
하세요.
필요시 #container { ~ ; width:875px; ~ } 를 1200px로 조정..
