묻고답하기
xe 모바일에서 로고 밑줄 없애고 싶은데 어떻게 해야하나요?
2014.07.11 03:54
xe 모바일에서 로고 밑줄 없애고 싶은데 어떻게 해야하나요?
이 로고 밑줄 좀 없애고 싶습니다. <-- 여기 아래에 밑줄이 있는데
어떻게 없애주나요?
default/ XE 공식 모바일 레이아웃입니다.
자세한 설명 부탁드립니다!
제가 찾아보니까
- color: -webkit-link;
- text-decoration: underline;
- cursor: auto;
댓글 13
-
geogeo123
2014.07.11 08:15
해당 스킨 html 이라면 어느 파일을 말하는거죠?
-
Double'U'
2014.07.11 09:43
- text-decoration: underline; 을 none로 바꾸세요.
-
geogeo123
2014.07.11 10:31
네... 근데 mx.css 에 text-decoration: underline; 를 찾아보아도 없고..
user agent stylesheet 파일은 어디있는지를 모르겠습니다;
-
HSJI
2014.07.11 10:47
user agent stylesheet 는 브라우져 자체 설정을 말하는것 같네요.
mx.css에 그냥
a {
text-decoration: none;
}
을 추가 하시면 되겠어요.
-
geogeo123
2014.07.11 11:49
@charset "utf-8"; /* Mobile XE (/m.layouts/default/) */ body{margin:0;background:#fff;color:#000;word-wrap:break-word} body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif} /* Common */ .fl{float:left} .fr{float:right} /* Header */ .hd{min-height:28px;line-height:28px;padding:6px;margin:0 0 1px 0;border-bottom:2px solid #8d7de1;background:-webkit-linear-gradient(top,#434343,#0d0d0d);background:-moz-linear-gradient(top,#434343,#0d0d0d);background:-o-linear-gradient(top,#434343,#0d0d0d);background:-ms-linear-gradient(top,#434343,#0d0d0d);background:linear-gradient(top,#434343,#0d0d0d);background-color:#444;*zoom:1} .hd:after{content:"";margin:0 -6px;position:relative;top:9px;display:block;clear:both;height:1px;background:#6352d2} .hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold} .hd .h1 a{color:#fff} .hd .h1 img{border:0} .hd .mu{display:inline-block;height:26px;line-height:26px;padding:0 10px;border:0;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;box-shadow:0 0 1px #000;-webkit-box-shadow:0 0 1px #000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:-webkit-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-moz-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-o-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-ms-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background-color:#1b1b1b} .hd .mu:after{content:"›";margin:0 0 0 2px} .hd .muon{cursor:pointer;display:inline-block;height:26px;line-height:26px;padding:0 10px;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;border:0;box-shadow:0 0 1px #000;-webkit-box-shadow:0 0 1px #000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:-webkit-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-moz-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-o-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:-ms-linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background:linear-gradient(top,#777,#323232 50%,#1b1b1b 50%,#373737 100%);background-color:#1b1b1b} .hd .muon:before{content:"‹";margin:0 2px 0 0} .hd .mu:after, .hd .muon:before{font-size:16px;line-height:16px;vertical-align:middle;position:relative;top:-2px;font-family:Verdana, Geneva, sans-serif} /* Footer */ .ft{padding:0;margin:0;list-style:none;background:#868686;overflow:hidden;zoom:1} .ft:after{content:"";display:block;clear:both} .ft li{margin:0;padding:0;border:1px solid #9c9a99;border-top:0;border-bottom:0;margin:0 -1px;background:#868686} .ft a{display:inline-block;padding:0 15px;color:#fff;text-shadow:0 0 2px #000;font-size:12px;font-weight:bold;line-height:32px;text-decoration:none} /* Copyright */ .cr{margin:0;text-align:center;background:#f2f0ec;color:#494949;font-size:11px;line-height:26px}이렇게 되있는데
a {
text-decoration: none;
}
이거를 어디에 넣어줘야하나요?
-
geogeo123
2014.07.11 11:54
.hd .h1 a 이쯤인거같은데 맞나요?
-
애니즌
2014.07.11 12:33
그냥 모든 곳에서 underline을 안쓸 거 같으면
a { text-decoration: none }
으로 때려주세요.
만일 그래도 나온다면 아래처럼..
a { text-decoration: none !important }
-
geogeo123
2014.07.11 12:39
사용을 해야하는데; ㅠㅠ
-
애니즌
2014.07.11 12:32
원래 text-decoration 기본 값이 underline입니다. (a 태그 안에 속할 경우)
-
geogeo123
2014.07.11 17:47
방법 모르시나요,,,,,,,, ㅠㅠ
-
geogeo123
2014.07.11 19:35
방법 아시는분~~~~~~~~~!
-
HSJI
2014.07.12 02:41
layout.htm을 보시면 <h1 class="h1">으로 site title이 감싸져 있습니다. 댓글다신 콘솔에서도 확인할 수 있구요.
따라서 h1 에 적용하면 됩니다.
.hd .h1 a{color:#fff; text-decoration: none;}으로 바꾸면 됩니다.
더 상위인 hd에 적용해도 되구요.
음 그리고.. ".hd .h1 a 이쯤인거같은데 맞나요?" --정답입니다.
답은 첫번째 댓글부터 나와있었습니다.해당레이아웃에서 title을 찾아 style을 직접 지정하거나
세번째 댓글의 css 수정법을 이용하거나..
옆에 css팁만 보셔도 css적용하는것은 금방 알 수 있습니다.
백업 후 되돌릴 수 있으니 대략적인 답을 아셨으면 일단 적용해보세요. 그리고 관련 게시글을 검색도 해보시구요.
일일히 물어보고 답변나오면 고치고 이러면 한세월입니다.
해당스킨 HTML직접 수정해보세요.