채택완료

나만의 스타일시트 만들어 연결하는 방법문의

2014-10-16 (목) 10:05:25 5,347

현재 그누보드5에서 제공하여주는 CSS폴더 안에 default.css 외 추가로

나만의 my_style.css 를 만들어 연결시키고 싶은데 어느파일에 어떻게 연결시켜햐 하는지요?

고수님들의 답변 부탁합니다.

|

답변 4개 / 댓글 4개

채택된 답변
+20 포인트
2014-10-16 (목) 10:15:05

'default.css'를 수정하거나 추가해주면 됩니다.

다른 이름으로 따로 만들면... 관련파일마다 링크를 수정해줘야하기 때문에 일이 많습니다.

답변에 대한 댓글 1개

고민이었는데 해결되어서... 고맙습니다.
답변 감사합니다.
2014-10-16 (목) 12:53:36

그런가요? 이건 제가 쓰고 있는 스타일시트 입니다.

@charset "utf-8";
li, ol {float:left;list-style-type: none;}
@import url("/css/TableSet.css");

@import url("/css/menu.css");

/* 초기화 */
html {
overflow-y:scroll
scrollbar-face-color:#fff;
scrollbar-shadow-color:#acacac;
scrollbar-highlight-color:#acacac;
scrollbar-darkshadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#333;
scrollbar-arrow-color:#f13f0a;
}
body {margin:0;padding:0;font-size:1em;font-family:NanumGothic,AppleGothic,dotum;color:#555c5e;line-height:125%;} 

안되신다면 id값이나 class값이 default.css 와 중복된 부분이 있는지 체크하시고

(css는 후에 적용되는 클래스나 아이디가 적용됩니다.)

my_style.css 가 업로드되어 있는 경로가 맞는지 확인해보시기 바랍니다.

제 경우에는 css폴더 안에 함께 넣고 사용하고 있습니다.

/css/fonts.css

/css/TableSet.css

입니다.

확인해보시고 안되시면 다시 댓글 주세요 ^^ 

답변에 대한 댓글 1개

아~ 잘됩니다.
똑같은 파일을 복사해서 이름을 고쳐 올리고서는 안된다고 했었네요~^^
2014-10-16 (목) 12:01:13

my_style.css를 만든 후

default.css의 적당한 곳에 (보편적으로 상단에~~)

@import url("/css/my_style.css");

를 넣어 주시면 됩니다. 

답변에 대한 댓글 2개

간편한 방법이 있었네요.
변경 전후를 비교해보는 용도로 써도 되겠네요.

그런데... 적용이 안되네요.
@charset "utf-8";
li, ol {float:left;list-style-type: none;}
@import url("/css/TableSet.css");

@import url("/css/menu.css");

/* 초기화 */
html {
overflow-y:scroll
scrollbar-face-color:#fff;
scrollbar-shadow-color:#acacac;
scrollbar-highlight-color:#acacac;
scrollbar-darkshadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#333;
scrollbar-arrow-color:#f13f0a;
}
body {margin:0;padding:0;font-size:1em;font-family:NanumGothic,AppleGothic,dotum;color:#555c5e;line-height:125%;}



안되신다면 id값이나 class값이 default.css 와 중복된 부분이 있는지 체크하시고

(css는 후에 적용되는 클래스나 아이디가 적용됩니다.)

my_style.css 가 업로드되어 있는 경로가 맞는지 확인해보시기 바랍니다.

제 경우에는 css폴더 안에 함께 넣고 사용하고 있습니다.

/css/fonts.css

/css/TableSet.css

입니다.

확인해보시고 안되시면 다시 댓글 주세요 ^^

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