묻고답하기
제로보드와 연동하여 노프레임 홈피를 만들때 질문입니다.
2003.02.04 16:05
중복 자료를 찾을 수 없어서 이렇게 글을 씁니다.
초보자 분들은 이런 경우 좀 있으실 꺼 같은데요....
노프레임 홈피를 만들때 제로보드 연동을 하게 되는 경우가 많죠...
그때 저는 이런 문제점이 발생하더군요...
원래 홈피(위, 아래로 붙는 파일이겠죠?)의 스타일시트와 제로보드의 스타일 시트가 달라서...
홈피가 조금 깨진다던지 아니면 제로보드가 깨진다던지...
이걸 방지하기 위해 저는 제로보드에서 쓸 스킨의 스타일시트를 아예 전체 스타일 시트로 씁니다.
하지만 또 문제가 발생하더군요....
스킨을 다른 걸루 바꾸면 난리난다는 거죠...ㅡㅡ
이걸 해결할 수 있는 방안... 없는지요?
만약 중복된 질문이라면 바로 지우겠습니다.
그리고 사용팁에 있는데 제가 찾지 못 했다고 꾸짖으시면 바로 지우겠습니다.
초보자 분들은 이런 경우 좀 있으실 꺼 같은데요....
노프레임 홈피를 만들때 제로보드 연동을 하게 되는 경우가 많죠...
그때 저는 이런 문제점이 발생하더군요...
원래 홈피(위, 아래로 붙는 파일이겠죠?)의 스타일시트와 제로보드의 스타일 시트가 달라서...
홈피가 조금 깨진다던지 아니면 제로보드가 깨진다던지...
이걸 방지하기 위해 저는 제로보드에서 쓸 스킨의 스타일시트를 아예 전체 스타일 시트로 씁니다.
하지만 또 문제가 발생하더군요....
스킨을 다른 걸루 바꾸면 난리난다는 거죠...ㅡㅡ
이걸 해결할 수 있는 방안... 없는지요?
만약 중복된 질문이라면 바로 지우겠습니다.
그리고 사용팁에 있는데 제가 찾지 못 했다고 꾸짖으시면 바로 지우겠습니다.
댓글 3
-
이플립
2003.02.04 17:10
어쩔 수 없이 스킨별로 style.css 파일을 만드는 방법 밖에는... -
이플립
2003.02.04 17:13
-
아이리버
2003.02.04 19:06
저의경우엔 스킨에 들어있는 style.css파일을 약간 수정해 줍니다..
스킨에 있는 style.css파일을 열면
a,p,b,BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:굴림;font-size:9pt;color:#555555;line-height:131%}
a:link { color:rgb(69,69,69); text-decoration:none; }
a:visited { color:rgb(69,69,69); text-decoration:none; }
a:active { color:rgb(69,69,69); text-decoration:none; }
a:hover { color:#8E713E; text-decoration:none; }
BODY
{scrollbar-face-color: #F5F2C7; scrollbar-shadow-color: #D7CDA4;
scrollbar-highlight-color: #FFFFD3; scrollbar-3dlight-color: #D7CDA4;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #4B1F00}
.view_title1 {font-family:굴림;font-size:9pt;color:#000000;}
.view_title2 {font-family:굴림;font-size:9pt;color:#8E703D}
.zv3_writetitle {border:solid 1;border-color:8E703D;background-color:#FFFFFF;background-image: url(write_titlebg.png);}
.zv3_writeform {border:solid 1;border-color:8E703D;background-color:#FFFFFF;background-image: url(write_bg.png);}
.zv3_input {border:solid 1;border-color:8E703D;background-color:FCFBF0;height:19px}
.input {font-family:굴림;font-size:9pt;border:solid 1;border-color:8E703D;background-color:FCFBF0;height:17px}
.zv3_w_textarea {border:solid 1;border-color:8E703D;background-color:FCFBF0;width:100%;}
.zv3_normal {font-family:굴림;font-size:9pt}
.zv3_small {font-family:굴림;font-size:9pt}
.zv3_comment {font-family:굴림;font-family:tahoma;font-size:8pt;}
.zv3_notice {font-family:굴림;font-size:9pt;border:solid 0;background-color:#EFE8DC;}
.zv3_header {background-color:#F5F2C7}
.zv3_header_inside {bgcolor=#FFFFE0}
.zv3_inbox {background-image: url(top_back.gif); background-repeat-x; border:solid 1;border-color:8E703D;background-color:FFFFFF;width:100%;height:18px;padding:0;spacing:0;}
.zv3_listBox {font-family:굴림;font-size:9pt;border:solid 0;background-color:white;}
.zv3_liner {background-color:E5DDB2;}
.zv3_footer {background-color:8E703D;}
.zv3_viewform {border:solid 1;border-color:8E703D;background-color:E5DDB2}
.zv3_viewbox {border:0;background-color:white;}
.zv3_search {border:solid 1;border-color:8E703D;height:17px;width:80px;color:8E703D;}
.zv3_textarea {border:solid 1;border-color:8E703D;background-color:#FAF8E3;width:100%;}
.zv3_submit {border:solid 1;border-color:8E703D;background-color:#F5F2C7;width:100%;height:100%}
.zv3_viewComment {background-color:#FAF8E3;}
.zv3_table { }
머 이런식이 있는데.....
.view_title1 {font-family:굴림;font-size:9pt;color:#000000;}
.view_title2 {font-family:굴림;font-size:9pt;color:#8E703D}
.zv3_writetitle {border:solid 1;border-color:8E703D;background-color:#FFFFFF;background-image: url(write_titlebg.png);}
.zv3_writeform {border:solid 1;border-color:8E703D;background-color:#FFFFFF;background-image: url(write_bg.png);}
.zv3_input {border:solid 1;border-color:8E703D;background-color:FCFBF0;height:19px}
.input {font-family:굴림;font-size:9pt;border:solid 1;border-color:8E703D;background-color:FCFBF0;height:17px}
.zv3_w_textarea {border:solid 1;border-color:8E703D;background-color:FCFBF0;width:100%;}
.zv3_normal {font-family:굴림;font-size:9pt}
.zv3_small {font-family:굴림;font-size:9pt}
.zv3_comment {font-family:굴림;font-family:tahoma;font-size:8pt;}
.zv3_notice {font-family:굴림;font-size:9pt;border:solid 0;background-color:#EFE8DC;}
.zv3_header {background-color:#F5F2C7}
.zv3_header_inside {bgcolor=#FFFFE0}
.zv3_inbox {background-image: url(top_back.gif); background-repeat-x; border:solid 1;border-color:8E703D;background-color:FFFFFF;width:100%;height:18px;padding:0;spacing:0;}
.zv3_listBox {font-family:굴림;font-size:9pt;border:solid 0;background-color:white;}
.zv3_liner {background-color:E5DDB2;}
.zv3_footer {background-color:8E703D;}
.zv3_viewform {border:solid 1;border-color:8E703D;background-color:E5DDB2}
.zv3_viewbox {border:0;background-color:white;}
.zv3_search {border:solid 1;border-color:8E703D;height:17px;width:80px;color:8E703D;}
.zv3_textarea {border:solid 1;border-color:8E703D;background-color:#FAF8E3;width:100%;}
.zv3_submit {border:solid 1;border-color:8E703D;background-color:#F5F2C7;width:100%;height:100%}
.zv3_viewComment {background-color:#FAF8E3;}
.zv3_table { }
이런식으로... 전체 스타일 정의하는 부분이라 해야되나? 머.... 아무튼 이런식으로 필요없는 부분 모조리 날려버립니다.(편집도 아주 간단하죠)