스타일시트 관련 질문드립니다 ㅠㅠ 정보
스타일시트 관련 질문드립니다 ㅠㅠ본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : torrent.cafe24.com
일단 사이트는 오누리 빌더 1.41버전으로 만들었는데 그래픽부분만 변경하였습니다.
제가 메인화면은 짙은회색 , 서브화면은 하얀바탕으로 되어있어서
메인쪽만 밝은색으로 폰트를 변경하고 싶은데.. 어찌 해야할지 너무 답답합니다..ㅠㅠ;
점선부분이 스타일시트이구요^^;
요기서 어떻게 하면 .. 메인부분의 최신글, 사이트맵 부분의 색상을 변경할 수 있는지..;;
고수님들의 도움 부탁드립니다..(__)o (질문이 명확한지 잘 모르겠네요..꼭 도움부탁드려요)
ps. 검색해봤을때 class로 .test { font-size:9pt; color:#ffffff; text-decoration:none; }
이런식으로 지정해서 해당 td안에다가 class="test" 뭐 이런식으로 해보라고 하는 분이
있었는데 그렇게 해도 스타일시트에서 td까지 지정이 되어있어서 그런지 안되더라구요.;;
=======================================================
/*@font-face { font-family:font_01; src:url(./webfont/font_01.ewf)};
@font-face { font-family:font_02; src:url(./webfont/font_02.ewf)};
@font-face { font-family:font_03; src:url(./webfont/font_03.ewf)};
@font-face { font-family:font_04; src:url(./webfont/font_04.ewf)};
@font-face { font-family:font_05; src:url(./webfont/font_05.ewf)};
*/
/*익스플로러*/
body, td, p, button, textarea, select, .c1 {
font-family:Tahoma,굴림; font-size:9pt; color:#454545; margin:0;
scrollbar-face-color:#FFFFFF; /* 바 색깔 */
scrollbar-highlight-color: #FFFFFF; /* 왼쪽 그림자 */
scrollbar-3dlight-color: #CCCCCC; /* 바 테두리 */
scrollbar-shadow-color: #CCCCCC; /* 바 그림자 */
scrollbar-darkshadow-color: #FFFFFF; /* 오케이 */
scrollbar-track-color: #EFEFEF; /* 길 색 */
scrollbar-arrow-color: #000000; /* 아래 위 화살표 */
}
/* 파이어 폭스*/
html>body, td, p, button, textarea, select, .c1 {
font-family:Tahoma,굴림; font-size:9pt; color:#454545;
}
img {border: none;}
a:td:link, a:td:visited, a:td:active{font-family:Tahoma,굴림; font-size:9pt; color:#f4f4f4;}
a:link, a:visited, a:active { text-decoration:none; color:#454545; }
a:hover { text-decoration:underline; color:#f0761c}
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }
.member { font-weight:bold; }
.guest { font-weight:normal; }
.lh { line-height: 150%; }
.jt { text-align:justify; }
.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }
.ct { color:#424E10; }
.comment { color:#707070; }
.quick_link_green { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_blue { filter:DropShadow(Color="#252525",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_onuri { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_onuri2 { filter:DropShadow(Color="#2a4c68",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link2 { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 2px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.input_search { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #ffa64d; border-bottom:1px solid #ffd49a; border-left:1px solid #ffa64d; border-right:1px solid #ffd49a; padding-top:2px;}
.input_green { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #559d48; border-bottom:1px solid #80cc31; border-left:1px solid #559d48; border-right:1px solid #80cc31; padding-top:2px;}
.input_blue { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #1b71c0; border-bottom:1px solid #4595df; border-left:1px solid #1b71c0; border-right:1px solid #4595df; padding-top:2px;}
.input_onuri { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #559d48; border-bottom:1px solid #80cc31; border-left:1px solid #559d48; border-right:1px solid #80cc31; padding-top:2px;}
.input_onuri2 { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #2f516c; border-bottom:1px solid #4f7391; border-left:1px solid #2f516c; border-right:1px solid #4f7391; padding-top:2px;}
.outlogin { font-family:굴림; font-size:8pt; color:#454545; border-top:1px solid #ababab; border-bottom:1px solid #dfdfdf; border-left:1px solid #ababab; border-right:1px solid #dfdfdf; letter-spacing:0px; padding-top:3px; padding-left:5; padding-right:0; padding-bottom:0}
.ed { font-family:굴림; font-size:9pt; color:#454545; border-top:1px solid #ababab; border-bottom:1px solid #dfdfdf; border-left:1px solid #ababab; border-right:1px solid #dfdfdf; padding-top:2px;}
.ed2 { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border:1px solid #cccccc; line-height: 150%;}
.ed3 {border-top:1px solid #7f9db9; border-bottom:1px solid #7f9db9; border-left:0px solid; border-right:0px solid; padding-top:2px;}
.tx { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border:1px solid #cccccc; }
.maze { font-family:Tahoma,굴림; font-size:9pt; color:#000000; border:1px solid #880000;}
.small { font-size:8pt; font-family:굴림; }
.small2 { font-size:8pt; font-family:굴림;}
.text1 { font-size:14px; font-weight:bold; color:#454545; text-decoration:none; }
.text2 { font-size:9pt; color:#ffffff; text-decoration:none; }
===========================================================
오류 주소 : torrent.cafe24.com
일단 사이트는 오누리 빌더 1.41버전으로 만들었는데 그래픽부분만 변경하였습니다.
제가 메인화면은 짙은회색 , 서브화면은 하얀바탕으로 되어있어서
메인쪽만 밝은색으로 폰트를 변경하고 싶은데.. 어찌 해야할지 너무 답답합니다..ㅠㅠ;
점선부분이 스타일시트이구요^^;
요기서 어떻게 하면 .. 메인부분의 최신글, 사이트맵 부분의 색상을 변경할 수 있는지..;;
고수님들의 도움 부탁드립니다..(__)o (질문이 명확한지 잘 모르겠네요..꼭 도움부탁드려요)
ps. 검색해봤을때 class로 .test { font-size:9pt; color:#ffffff; text-decoration:none; }
이런식으로 지정해서 해당 td안에다가 class="test" 뭐 이런식으로 해보라고 하는 분이
있었는데 그렇게 해도 스타일시트에서 td까지 지정이 되어있어서 그런지 안되더라구요.;;
=======================================================
/*@font-face { font-family:font_01; src:url(./webfont/font_01.ewf)};
@font-face { font-family:font_02; src:url(./webfont/font_02.ewf)};
@font-face { font-family:font_03; src:url(./webfont/font_03.ewf)};
@font-face { font-family:font_04; src:url(./webfont/font_04.ewf)};
@font-face { font-family:font_05; src:url(./webfont/font_05.ewf)};
*/
/*익스플로러*/
body, td, p, button, textarea, select, .c1 {
font-family:Tahoma,굴림; font-size:9pt; color:#454545; margin:0;
scrollbar-face-color:#FFFFFF; /* 바 색깔 */
scrollbar-highlight-color: #FFFFFF; /* 왼쪽 그림자 */
scrollbar-3dlight-color: #CCCCCC; /* 바 테두리 */
scrollbar-shadow-color: #CCCCCC; /* 바 그림자 */
scrollbar-darkshadow-color: #FFFFFF; /* 오케이 */
scrollbar-track-color: #EFEFEF; /* 길 색 */
scrollbar-arrow-color: #000000; /* 아래 위 화살표 */
}
/* 파이어 폭스*/
html>body, td, p, button, textarea, select, .c1 {
font-family:Tahoma,굴림; font-size:9pt; color:#454545;
}
img {border: none;}
a:td:link, a:td:visited, a:td:active{font-family:Tahoma,굴림; font-size:9pt; color:#f4f4f4;}
a:link, a:visited, a:active { text-decoration:none; color:#454545; }
a:hover { text-decoration:underline; color:#f0761c}
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }
.member { font-weight:bold; }
.guest { font-weight:normal; }
.lh { line-height: 150%; }
.jt { text-align:justify; }
.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }
.ct { color:#424E10; }
.comment { color:#707070; }
.quick_link_green { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_blue { filter:DropShadow(Color="#252525",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_onuri { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link_onuri2 { filter:DropShadow(Color="#2a4c68",OffX="1",OffY="1",Positive="1"); float:left; padding:0 7px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.quick_link2 { filter:DropShadow(Color="#69a928",OffX="1",OffY="1",Positive="1"); float:left; padding:0 2px 0 7px; font-size:9pt; letter-spacing:0px; font-weight:bold; font-family:굴림; }
.input_search { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #ffa64d; border-bottom:1px solid #ffd49a; border-left:1px solid #ffa64d; border-right:1px solid #ffd49a; padding-top:2px;}
.input_green { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #559d48; border-bottom:1px solid #80cc31; border-left:1px solid #559d48; border-right:1px solid #80cc31; padding-top:2px;}
.input_blue { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #1b71c0; border-bottom:1px solid #4595df; border-left:1px solid #1b71c0; border-right:1px solid #4595df; padding-top:2px;}
.input_onuri { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #559d48; border-bottom:1px solid #80cc31; border-left:1px solid #559d48; border-right:1px solid #80cc31; padding-top:2px;}
.input_onuri2 { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border-top:1px solid #2f516c; border-bottom:1px solid #4f7391; border-left:1px solid #2f516c; border-right:1px solid #4f7391; padding-top:2px;}
.outlogin { font-family:굴림; font-size:8pt; color:#454545; border-top:1px solid #ababab; border-bottom:1px solid #dfdfdf; border-left:1px solid #ababab; border-right:1px solid #dfdfdf; letter-spacing:0px; padding-top:3px; padding-left:5; padding-right:0; padding-bottom:0}
.ed { font-family:굴림; font-size:9pt; color:#454545; border-top:1px solid #ababab; border-bottom:1px solid #dfdfdf; border-left:1px solid #ababab; border-right:1px solid #dfdfdf; padding-top:2px;}
.ed2 { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border:1px solid #cccccc; line-height: 150%;}
.ed3 {border-top:1px solid #7f9db9; border-bottom:1px solid #7f9db9; border-left:0px solid; border-right:0px solid; padding-top:2px;}
.tx { font-family:Tahoma,굴림; font-size:9pt; color:#454545; border:1px solid #cccccc; }
.maze { font-family:Tahoma,굴림; font-size:9pt; color:#000000; border:1px solid #880000;}
.small { font-size:8pt; font-family:굴림; }
.small2 { font-size:8pt; font-family:굴림;}
.text1 { font-size:14px; font-weight:bold; color:#454545; text-decoration:none; }
.text2 { font-size:9pt; color:#ffffff; text-decoration:none; }
===========================================================
댓글 전체

최신글이면 최신글스킨에 스타일 지정해줘야 되지 않을까요?
그리고 스타일에서 링크속성이 지정되어(a:link~~) 있으니깐 최신글스킨에 다시
링크스타일을 써줘야 될거구요~ㅎ
latest.skin.php 에 스타일 지정
.test { font-size:12px; color:#ffffff;}
.test a:link{~~~}
요런식이 되어야 될겁니다~ㅎ
그리고 스타일에서 링크속성이 지정되어(a:link~~) 있으니깐 최신글스킨에 다시
링크스타일을 써줘야 될거구요~ㅎ
latest.skin.php 에 스타일 지정
.test { font-size:12px; color:#ffffff;}
.test a:link{~~~}
요런식이 되어야 될겁니다~ㅎ
스타일시트에서 test로 링크랑 일반 텍스트 같이 클래스 지정후에
최신글쪽 php에서 td나 table쪽이나 그쪽에 class지정 해주면 된다는 말씀인가요??^^;;
latest.skin.php 에 스타일 지정을 해준다는 것이 어떤건지 잘 이해가 안가네요
죄송합니다 ㅠㅠ;;
최신글쪽 php에서 td나 table쪽이나 그쪽에 class지정 해주면 된다는 말씀인가요??^^;;
latest.skin.php 에 스타일 지정을 해준다는 것이 어떤건지 잘 이해가 안가네요
죄송합니다 ㅠㅠ;;
헉! 해결했습니다..ㅠㅠ 일주일만에...ㅠㅠ;;;
<style type="text/css"></style>
스타일시트가 적용되는 부분에 입력시켜주고
class지정을 해당 테이블에 했더니 바로 되네요!!
아..ㅠㅠ 이렇게 쉬웠던것을 일주일동안이나..해메다니..
직작 질문할것을!! 정말 감사합니다!!
<style type="text/css"></style>
스타일시트가 적용되는 부분에 입력시켜주고
class지정을 해당 테이블에 했더니 바로 되네요!!
아..ㅠㅠ 이렇게 쉬웠던것을 일주일동안이나..해메다니..
직작 질문할것을!! 정말 감사합니다!!

ㅎㅎ제가 설명을 잘 못해서 이해하기 힘드셨겠네요~;;
암튼 축하드려요~~ 멋진 홈페이지 제작하세요~^^
암튼 축하드려요~~ 멋진 홈페이지 제작하세요~^^