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

이거 미디어 쿼리는 어느 파일에 있는 걸까요? 채택완료

하호헤하 1년 전 조회 12,285

데모사이트 outlogin 미디어 쿼리인데 빨간 화살표 친 부분 "@media (min-width: 1025px)"이 어느 파일에 있는 건지 모르겠어서요.

 

skin/outlogin/basic/style.css에도 없고

 

비쥬얼 스튜디오 코드로 모든 파일에 1025px를 검색해도 안 나오네요.

 

저 빨간색 화살표 친 부분은 어느 파일에 있는 걸까요?

 

https://demo.sir.kr/gnuboard5/

 

http://sir.kr/data/editor/2406/3034923468_1719086807.346.jpg" width="100%" />

 

 

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

답변 5개

채택된 답변
+20 포인트
s
sinbi Expert
1년 전

바로 우측의 style ~~ 써진 곳에 마우스커서 올리면 경로 뜹니다.

f12키 개발자모드 사용법을 제대로 익혀보세요.

https://homzzang.com/b/css-251

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

답변에 대한 댓글 7개

하호헤하
1년 전
네 개발자모드에서 경로가 skin/outlogin/basic/style.css로 뜹니다. 그래서 해당 파일로 직접 들어가봤지만 미디어 쿼리가 안 보여서 여쭤봤어요.
s
sinbi
1년 전
위 방법으로 찾아보니, 아래 주소 2라인에 있다고 나오네요.
https://demo.sir.kr/gnuboard5/theme/responsive/skin/outlogin/basic/style.css?ver=2303229
하호헤하
1년 전
네 그런데 실제 css 파일 실행해보면 2라인이 비어있습니다. ㅠㅠ

[code]@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]
s
sinbi
1년 전
파일 다운받아봐도 해당 파일에 해당 코드가 그대로 있네요.'
질문에 링크된 테마는 responsive 테마입니다. basic 테마가 아니고....
하호헤하
1년 전
아! 감사합니다 ^^ 기본 다운받은 파일에는 responsive 테마가 없고 basic 테마만 있어서요. 혹시 responsive 테마는 어디서 다운 받으신 건지 말씀해주실 수 있을까요? 귀찮게 해서 죄송해요 ㅠㅠ
s
sinbi
1년 전
responsive 테마명으로 배포된 테마는 안 보이네요.
SIR에서 제작한 테마로 보이니, https://sir.kr/co_qa 게시판에 문의해 보셔야 할 듯 합니다.
하호헤하
1년 전
네 감사합니다 ^^

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

굼떠
1년 전

데모로 제공된 주소와 실제 설치했을 때 파일이 100%일치하지는 않을텐데.. 저 스타일 시트를 굳이 데모 사이트 기준으로 찾으시는 이유가 뭘까요?

 

제가 설치 기본파일을 봤을 때 theme/basic/skin/outlogin/basic/style.css 경로에 미디어 쿼리가 아닌 .ol form {padding:20px;}이 데모사이트의 @media  (min-width:1025px) {.ol form {padding:20px;}} 과 동일하게 적용되고있거든요.

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

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

R
1년 전

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

답변에 대한 댓글 4개

하호헤하
1년 전
네 개발자 모드에서는 보이는데 skin/outlogin/basic/style.css 파일로 직접 들어가보면 해당 미디어 쿼리가 안 보여서 여쭤봤어요
R
RYANRYAN
1년 전
밑줄 드린 부분이 원하시는 해당 부분 입니다.
하호헤하
1년 전
네 밑줄 친 부분 확인했습니다. 그런데 style.css 파일로 들어가면 해당 미디어쿼리가 없어서요.
하호헤하
1년 전
아래 보시다시피 실제 css 파일 실행해보면 2라인에 미디어 쿼리가 없습니다. 왜 그런 걸까요?ㅠㅠ

[code]@charset "utf-8";

/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]

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

복스리
1년 전

해당 테마 아래쪽  skin/outlogin/basic/style.css  확인해보시기 바랍니다.

대채적으로 이쪽에 있습니다.

 

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

답변에 대한 댓글 1개

하호헤하
1년 전
네 skin/outlogin/basic/style.css로 가봤지만 해당 미디어 쿼리가 안 보여서 여쭤봤어요

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

저거 개발자 모드에서 미디어 쿼리 써있잖아요 그 옆에 보면 style.css 라고 있죠? 그거 눌러보면 경로 주소 나와요

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

답변에 대한 댓글 1개

하호헤하
1년 전
네 경로주소에 skin/outlogin/basic/style.css라고 되어 있고 해당 파일 들어가도 안 보여서 여쭤봤어요.

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

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

로그인