2008년 07월 02일
이글루 스킨 수정법 질문입니다.
ㅠㅠㅠㅠ
이글루는 이런 종류의 공식 A/S는 전무한 것에 대하여 평소 불만이 많은 1人 -_-
폰트 크기 까지는 늘리는 방법을 알았는데, line-height를 넣어도 안되고...끄응. 결국 몇 시간 끙끙거리다 마지막 수단을 씁니다.
숨겨 놓은 내용은 CSS파일...-_-;; 능력자분들은 좀 봐주세요(굽신굽신)
SOS만 치기 뭐해서 조공용 월페이퍼도 살짝 같이 첨부(...)
body {
margin:0;
padding:0;
text-align:center;
font:normal 12px/1.7em '굴림',sans-serif;
color:#4f6977;
background:#f4fbff url('http://md.egloos.com/skn/img/a/01/09/9/bg_body.jpg') repeat-x;
}
a:link,a:visited {color:#5da4db;text-decoration:underline;}
a:hover,a:active {color:#5da4db;text-decoration:none;}
hr.line {display:none;}/*system class*/
#body {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}
#header {
width:954px;
height:183px;
margin:0 auto;
padding:0;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_head.jpg') 0 0 no-repeat;
}
#container {
width:954px;
margin:0 auto;
text-align:center;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_container.jpg') 0 0 repeat-y;
overflow:auto;
zoom:1;
}
#content {
float:left;
display:inline;
width:680px;
margin:0;
padding:0;
text-align:center;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_content.jpg') 0 0 no-repeat;
}
#sidebar {
float:right;
display:inline;
width:274px;
margin:0;
padding:0;
text-align:left;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_side.jpg') 0 0 no-repeat;
}
#footer {
clear:both;
width:954px;
height:170px;
margin:0 auto;
padding-top:180px;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_footer.jpg') 0 0 no-repeat;
font:normal 10px tahoma,sans-serif;
}
/* header 스타일 시작 */
#header a:link,#header a:visited {color:#fff;text-decoration:none;}
#header a:hover,#header a:active {color:#fff;text-decoration:underline;}
#header h1 {
margin:0;
padding:90px 0 0 40px;
text-align:left;
font:bold 40px 'Trebuchet MS',sans-serif;
letter-spacing:-1px;
}
#header p.url {
margin:0;
padding:0 0 0 41px;
text-align:left;
font:bold 14px 'Trebuchet MS',sans-serif;
}
#header p.usermenu {
margin:0;
padding:0 35px 0 0;
text-align:right;
font:normal 12px 'Trebuchet MS',sans-serif;
color:#48c4f8;
}
/* header 스타일 끝 */
/* content 스타일 시작 */
#content div.post {
width:606px;
margin:0 0 0 50px;
_margin-left:26px;
padding:50px 0;
text-align:left;
}
#content div.post h2.postdate {display:none;}
#content div.post h3.posttitle {
float:left;
width:510px;
margin:0 0 10px 13px;
_margin-left:7px;
font:bold 18px '굴림',sans-serif;
letter-spacing:-1px;
overflow:hidden;
word-break:break-all;
}
#content div.post h3.posttitle a {color:#4f6977;text-decoration:none;}
#content div.post p.postadmin {
float:right;
width:60px;
margin:4px 13px 0 0;
text-align:right;
color:#4f6977;
font:normal 11px '굴림',sans-serif;
}
#content div.post p.postadmin a:link,#content div.post p.postadmin a:visited {color:#4f6977;text-decoration:none;}
#content div.post p.postadmin a:hover,#content div.post p.postadmin a:active {color:#4f6977;text-decoration:underline;}
#content div.post div.content {
clear:both;
width:580px;
padding:25px 13px 0 13px;
overflow:hidden;
word-break:break-all;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_post.jpg') 0 0 no-repeat;
}
#content div.post div.content img.image_top {margin-bottom:15px;}/*system class*/
#content div.post div.content img.image_mid {margin:15px 0;}/*system class*/
#content div.post div.content img.image_left {margin:0 15px 15px 0;}/*system class*/
#content div.post div.content img.image_right {margin:0 0 15px 15px;}/*system class*/
#content div.post div.content a.more {}
#content div.post div.content span.archivedate {}
.posttaglist {
background-position:0 1px;
padding-left:32px;
}
.posttaglist a:link,.posttaglist a:visited {color:#7b8e99;text-decoration:none !important;}
.posttaglist a:hover,.posttaglist a:active {color:#5da4db;text-decoration:underline !important;}
#content div.post p.posttail {
width:580px;
height:43px;
margin:0 auto;
padding:30px 16px 0 10px;
clear:both;
text-align:right;
font:normal 11px '굴림',sans-serif;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_posttail.jpg') center bottom no-repeat;
}
#content div.post p.posttail a:link,#content div.post p.posttail a:visited {text-decoration:none;}
#content div.post p.posttail a:hover,#content div.post p.posttail a:active {text-decoration:underline;}
#content div.post p.posttail a.checkpost,
#content div.post p.posttail a.permalink {font-size:12px;}
#content div.post p.posttail span.author {}
#content div.post p.posttail a.time {font-family:'Trebuchet MS',sans-serif;}
#content div.post p.posttail a.category {}
#content div.post p.posttail span.linkback {}
#content div.post p.posttail a.tail_trb {}
#content div.post p.posttail a.tail_trb span {}
#content div.post p.posttail a.tail_cmt {}
#content div.post p.posttail a.tail_cmt span {}
#content p.page {margin-top:80px;}
/* content 스타일 끝 */
/* comment 및 trackback 스타일 시작 */
#content div.post div.comment {
width:580px;
margin:7px auto 0 auto;
padding:23px 13px 0 13px;
font:normal 11px '굴림',sans-serif;
color:#4f6977;
}
#content div.post div.comment div.comment_body {
margin:9px 0 0 0;
overflow:hidden;
word-break:break-all;
}
#content div.post div.comment div.comment_tail {
margin:11px 0 0 1px;
font:normal 11px 'Trebuchet MS',sans-serif;
}
#content div.post div.comment div.comment_input {margin:14px 0 0 0;}
#content div.post div.comment div.comment_input form div {width:100% !important;}
#content div.post div.comment div.comment_input form div p textarea {
border:1px solid #d4d4d4;
background:#f6f6f6;
color:#4f6977;
font:normal 11px '굴림',sans-serif;
}
#content div.post div.comment div.comment_line {}
#content div.post div.comment div.track_top {color:#666666;}
#content div.post div.comment div.track_top a {color:#5da4db;}
#content div.post div.comment div.track_top a:hover {text-decoration:underline;}
/* comment 및 trackback 스타일 끝 */
/* 본문 내의 자주 사용하는 태그 속성 시작 */
#content div.post div.content ul {}
#content div.post div.content ul li {}
#content div.post div.content ol {}
#content div.post div.content ol li {}
#content div.post div.content blockquote {
padding:0 0 0 17px;
margin:15px 0 0 5px;
border-left:3px solid #5da4db;
}
#content div.post div.content q {}
#content div.post div.content acronym {}
#content div.post div.content strong {}
#content div.post div.content em {}
#content div.post div.content dl {}
#content div.post div.content dl dt {}
#content div.post div.content dl dd {}
#content div.post div.content cite {}
#content div.post div.content code {}
#content div.post div.content samp {}
#content div.post div.content kbd {}
/* 본문 내의 자주 사용하는 태그 속성 끝 */
/* sidebar 스타일 시작 */
#sidebar .side_top {
width:257px;
margin:10px 0 0 0;
padding:0;
text-align:center;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_side_rpt.jpg') 0 0 no-repeat;
}
#sidebar p.logoimage {
margin:0;padding:20px 0 0 0;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_side_top.jpg') 0 0 no-repeat;
}
#sidebar p.description {
margin:0;
padding:12px 0 0 0;
}
#sidebar p.nick {
margin:0;
padding:0;
}
#sidebar p.nick img {vertical-align:text-bottom;}/*system class*/
#sidebar p.nick br {display:none;}
#sidebar div.menu {
width:206px;
margin:10px 0 30px 30px;
padding:0;
text-align:left;
line-height:1.4em;
}
#sidebar div.menu a:link,#sidebar div.menu a:visited {text-decoration:none;}
#sidebar div.menu a:hover,#sidebar div.menu a:active {text-decoration:underline;}
#sidebar div.menu h3.posttitle {
width:186px;
margin:0 auto;
padding:20px 0 0 0;
font:bold 14px '굴림',sans-serif;
letter-spacing:-1px;
}
#sidebar div.menu .content {
width:186px;
padding:15px 10px;
margin:5px 0 0 0;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_side_content.jpg') 0 0 no-repeat;
list-style:none;
overflow:hidden;
word-break:break-all;
}/*system class*/
#sidebar div.menu .content ul {margin:0;padding:0;background:none;}
#sidebar div.menu ul.content li {margin:4px 0 0 0;}
#sidebar div.menu ul.content li span.small {display:block;}/*system class*/
#sidebar div.menu ul.content li span.small {margin:0 0 9px 0;color:#9caab2;}
#sidebar div.menu ul.content li span.last {}
#sidebar div.menu .content form#finder {margin:0;}/*system class*/
#sidebar div.menu .content input#kwd {width:100px;font-size:12px;vertical-align:top;}/*system class*/
#sidebar div.menu .content input#submit {margin-left:5px;vertical-align:top;}/*system class*/
#sidebar div.banner {text-align:center;}
#sidebar div.xml {text-align:center;font:normal 11px 'Trebuchet MS',sans-serif;}
/* sidebar 스타일 끝 */
/* calendar 스타일 시작 */
div.cal {
margin:0 auto;
padding:0 0 17px 0;
text-align:center;
font:normal 7pt 'verdana',sans-serif;
background:url('http://md.egloos.com/skn/img/a/01/09/9/bg_side_btm.jpg') center bottom no-repeat;
}
div.cal_head {width:177px;margin:0 auto;padding:20px 0 5px 0;text-align:center;}
div.cal_head a:link,div.cal_head a:visited {color:#5d821c;font-size:9pt;text-decoration:none;}
div.cal_head a:hover,div.cal_head a:active {color:#5d821c;font-size:9pt;text-decoration:underline;}
div.cal_head a span.cal {color:#5d821c;font-size:7pt;}
div.cal_body {margin:12px 0 0 0;text-align:center;}
div.cal_body table {width:160px;margin:0 auto;}
div.cal_bottom {}
.cal {text-align:center;color:#a4a4a4;}
.cal a strong {color:#5d821c;}
.cal_day {text-align:center;color:#a4a4a4;}
.cal_sun {text-align:center;color:#ff3b0a;}
.cal_sat {text-align:center;color:#8ac02f;}
.cal_today {text-align:center;color:#deffab;background:#5d821c;}
.cal_tr {height:15px;}
/* calendar 스타일 끝 */
# by | 2008/07/02 18:45 | 잡상 | 트랙백 | 덧글(6)
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
저는 이 스킨에 다음과 같은 내용으로 설정했습니다만...
/* comment 및 trackback 스타일 시작 */
#content div.post div.comment {
width:580px;
margin:7px auto 0 auto;
padding:23px 13px 0 13px;
font:normal 12px '굴림',sans-serif;
line-height:180%;
color:#4f6977;
}
여기에 line-height 를 180%로 하고 폰트도 12px로 하니까 텍스트가 9pt로 보이더군요.
참고하시기 바랍니다.
비슷하게 한 번 시도해 본 적이 있었는데 그땐 왜 안됐을까요 끄응. 마진 위에 넣어서 그런가, 단순히 깜빡 새로고침을 잊을 걸까 '~'
덕분에 낑낑대던 문제가 시원하게 풀렸습니다. 다시 한번 감사드려요 'ㅅ')b