테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 pc 버전과 모바일 탑메뉴 색상 어디서 바꾸나요?> 채택완료

주니1 5년 전 조회 3,791

그누보드  pc 버전과 모바일 탑메뉴 색상 어디서 바꾸나요?> 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
5년 전

pc버전

css/ default.css

/* 메인메뉴 */ #gnb{position:relative} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap{margin:0 auto;position:relative} #gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3)} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;} #gnb .gnb_1dli:hover{background:#1a30a7; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;} .gnb_2dli{border-top:1px solid #253dbe} .gnb_2dli:first-child{border:0} .gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);} .gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none} a.gnb_2da:hover{background:#0e2080; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff} .gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0} #gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);} #gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px } #gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071} #gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} #gnb_all .gnb_al_li li i{color:#9ca6cc} #gnb_all .gnb_al_li li a{color:#555}

 

모바일버전

css/nobile.css

 

#gnb a {display:block;color:#efefef} .gnb_1dli{position:relative;line-height:40px;} .gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px} .gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%} .gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d} .gnb_2dul {display:none;} .gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px} #gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%   #222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em} #gnb_empty a {display:inline;text-decoration:underline}

 

여길 수정해주시면됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

/css 보시면 pc는 default.css, 모바일은 mobile.css에 있어요

테마 쓰시면 테마 폴더 안에 있는 css 폴더 들어가면 같은 파일 있습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인