2008년 07월 06일
[스킨관련 질문] 도와주세요 고수님들 ;ㅁ;
이런 식의 링크나.
이런 식의 모어레스 태그 같은 부분요...
저런 부분에 보통 링크처럼 마우스를 대지 않은 상태에서도 언더라인이나 색변화를 주고 싶은데 어떻게 해야 되는지 모르겠습니다(...). 아까까지 나름대로 이것저것 적용해 봤는데 도통 안 되는군요OTL
어떻게 방법을 아시는 분 조언 좀 부탁드립니다. 이 스킨 마음에 들어서 계속 쓰고 싶은데, 본문에 링크 같은 걸 빈번하게 쓰는 제가 쓰기엔 너무 불편하네요ㅠㅠ
일단 아이티밸리에 보냅니다.
아래는 CSS. ....역시 잘 안된다능..
body {
margin:0;
padding:0;
text-align:center;
font-family:'돋움',tahoman,arial,helvetica,sans-serif;
font-size:12px;
line-height:1.5em;
}
a:link {color:#959595;text-decoration:none;}
a:visited {color:#959595;text-decoration:none;}
a:hover {color:#e08934;text-decoration:underline;}
a:active {color:#959595;text-decoration:none;}
hr.line {display:none;}/*system class*/
#body {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
border-top:4px solid #eaeaea;
background:url('http://md.egloos.com/skn/img/a/01/09/0/bg_foot2-x.gif') left bottom repeat-x;
}
#container {
width:825px;
margin:0 auto;
text-align:left;
}
#header {
width:825px;
height:78px;
background:#fff;
position:relative;
margin:0 auto;
}
#content { float:right;
width:600px;
text-align:center;
}
#sidebar {
float:left;
width:200px;
text-align:center;
line-height:1.2em;
padding-bottom:20px;
}
#footer {
clear:both;
width:825px;
height:53px;
}
/* header 스타일 시작 */
#header {}
#header a:link {text-decoration:none;}
#header a:visited {text-decoration:none;}
#header a:hover {text-decoration:none;}
#header a:active {text-decoration:none;}
#header h1 {
margin:0;
padding:31px 0 0 25px;
font-size:24px;
text-align:left;
font-weight:bold;
font-family:arial,sans-serif;
color:#3c6191;
letter-spacing:-1pt;
}
#header h1 a {color:#3c6191;}
#header p.url {
margin:0;
padding:0 0 0 41px;
text-align:left;
line-height:1.7em;
font-family:arial,sans-serif;
}
#header p.url a {color:#e08934;}
#header p.usermenu {
position:absolute;
bottom:20px;
right:0;
margin:0;
text-align:right;
padding:0;
width:100%;
color:#959595;
}
/* header 스타일 끝 */
/* content 스타일 시작 */
#content div.post {
margin:20px 0 30px 0;
text-align:left;
width:600px;
}
#content div.post h2.postdate {display:none;}
#content div.post h3.posttitle {
display:block;
width:530px;
margin:0;
padding:0 70px 8px 0;
cursor:pointer;
font-size:17px;
font-family:'굴림',gulim,sans-serif;
letter-spacing:-1pt;
background:url('http://md.egloos.com/skn/img/a/01/09/0/bg_title_underbar.gif') left bottom no-repeat;
overflow:hidden;
word-break:break-all;
}
#content div.post h3.posttitle a {color:#3c6191;}
#content div.post p.postadmin {float:right;width:65px;margin:0;color:#ccc;}
#content div.post div.content {
margin:15px 0 0 0;
width:600px;
overflow:hidden;
font-family:arial;
line-height:2em;
color:#959595;
word-break:break-all;
}
#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 {}
#content div.post p.posttail {
clear:both;
text-align:right;
color:#e08934;
}
#content div.post p.posttail a.checkpost {}
#content div.post p.posttail a.permalink {}
#content div.post p.posttail span.author {font-weight:bold;}
#content div.post p.posttail a.time {color:#999;}
#content div.post p.posttail a.category {}
#content div.post p.posttail a.tail_trb {font-weight:bold;color:#e08934;}
#content div.post p.posttail a.tail_trb span {}
#content div.post p.posttail a.tail_cmt {font-weight:bold;color:#e08934;}
#content div.post p.posttail a.tail_cmt span {}
#content div.post p.posttail .linkback {font-weight:bold;}
#content p.page {padding-bottom:50px;}
/* content 스타일 끝 */
/* comment 및 trackback 스타일 시작 */
#content div.post div.comment {
padding:10px 0 10px 20px;
color:#959595;
border:1px solid #f0f0f0;
background:#fbfbfb;
}
#content div.post div.comment div.comment_body {margin:7px 0 0 0;}
#content div.post div.comment div.comment_tail {padding:7px 0 0 0;color:#999;}
#content div.post div.comment div.comment_tail strong {color:#e08934;}
#content div.post div.comment div.comment_input {margin:7px 0 0 0;}
#content div.post div.comment div.comment_input textarea {border:1px solid #eee;background:#fefefe;}
#content div.post div.comment div.comment_line {}
#content div.post div.comment div.track_top {padding:10px 0;color:#666;}
#content div.post div.comment div.track_top a {color:#e08934;}
/* comment 및 trackback 스타일 끝 */
/* 본문 내의 자주 사용하는 태그 속성 시작 */
#content div.post div.content ul {margin:0;}
#content div.post div.content ul li {}
#content div.post div.content ul li a {color:#e08934;}
#content div.post div.content ol {}
#content div.post div.content ol li {}
#content div.post div.content blockquote {margin:10px 0 5px 0;padding:0 15px;border-left:10px solid #EBEEF3;}
#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 p.logoimage {
margin:0;
padding-top:26px;
background:#ebeef3;
}
#sidebar p.description {
margin:0;
padding-top:7px;
color:#959595;
font-size:11px;
background:#ebeef3;
}
#sidebar p.nick {
margin:0;
line-height:3px;
padding:7px 0 20px 0;
font-size:11px;
color:#959595;
background:#ebeef3;
}
#sidebar p.nick img {vertical-align:text-bottom;}/*system class*/
#sidebar p.nick br {display:none;}
#sidebar div.menu {
width:200px;
margin:0;
text-align:left;
overflow:hidden;
word-break:break-all;
}
#sidebar div.menu h3.posttitle {
font-size:10pt;
margin:25px 0 10px;
_margin:15px 0 13px;
width:191px;
padding:9px 0 7px 9px;
_padding:10px 0 6px 9px;
color:#3c6191;
letter-spacing:-1pt;
background:#ebeef3;
}
#sidebar div.menu .content {
list-style:none;
padding-left:0;
margin-left:0;
_margin:3px 0 0 0;
overflow:hidden;
word-break:break-all;
}/*system class*/
#sidebar div.menu ul.content {margin:0;}
#sidebar div.menu ul.content li {
margin:5px 0 0 10px;
padding:0 0 0 10px;
background:url('http://md.egloos.com/skn/img/a/01/09/0/bg_list2.gif') 0 5px no-repeat;
}
#sidebar div.menu ul.content li a {color:#959595;}
#sidebar div.menu ul.content li a:hover {text-decoration:underline !important;}
#sidebar div.menu ul.content li span.small {display:block;}/*system class*/
#sidebar div.menu ul.content li span.small {color:#e08934;}
#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 {}
#sidebar div.xml {padding-bottom:30px;}
#sidebar div.xml a {color:#e08934;}
/* sidebar 스타일 끝 */
/* calendar 스타일 시작 */
div.cal {width:198px;margin:10px auto 0;padding:14px 0 7px 0;text-align :center;font-weight:normal;font-size:7pt;font-family:verdana;border:1px solid #ebeef3;}
div.cal_head {text-align :center;}
div.cal_head a {color:#889abe;font-size:9pt;font-family:'돋움',dotum,sans-serif;}
div.cal_head a span.cal {color:#889abe;font-size:7pt;}
div.cal_body {padding:12px 0 0 0;text-align :center;}
div.cal_body table {width:160px;margin:0 auto;}
div.cal_bottom {}
.cal {text-align :center;color:#999;}
.cal_day {text-align :center;}
.cal_sun {text-align :center;color:#385b88;}
.cal_sat {text-align :center;color:#e08934;}
.cal_today {text-align :center;color:#fff;background:#889abe;}
.cal_today a strong {color:#fff;}
.cal_today a:hover {text-decoration:none;}
.cal_tr {}
/* calendar 스타일 끝 */
# by | 2008/07/06 00:00 | 아 뭐 임마. | 트랙백 | 덧글(3)






☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
잘 찾아보시면, 어딘가에 분명 또 있습니다.
찾기 귀찮다면,
새로 추가한 CSS에 !important를 붙여서 강제 동작 시켜보세요.