레이아웃 링크 밑줄 없애기 도움 부탁드립니다.ㅠ
CMS/프레임워크 | Rhymix 2.0 |
---|---|
개발 언어 | PHP 5.x |
레이아웃 링크 밑줄을 없애고 싶은데....
어떻게 없애야 하는지...
오랜시간동안 CSS 보고 있는데..
찾질 못하고 있네요..ㅠ
도움 감사합니다.
(*글씨 색도 같이 없애고 싶습니다.)
레이아웃 개발자님이 잠수셔서 문의 드립니다..
아래 소스 중에 수정하면 될 것 같은데....
초보인 저는 봐도 모르겠네요.ㅠㅠ
@charset "utf-8";
/* ---------------------------------------------------------------------------
c_mocule bg #fae7e7
c_module bg(어두운 배경) #f3e2e2
pt col #e67979
c_module2 bg #edf6f2
pt_col2 #0000ff
ib_color #0000ff
pt_col(어두운 배경) #ff9c9c
icon new bg #ffdcdc
voted_count border #f7d7d7
voted_count border(submitted) #e98787
notice border #d5ece1
notice light font #b0b6b3
member profile bg #d4e9df
member point text #9aa6a0
rank font #88d7b2
bg nickname #9ed4bb
--------------------------------------------------------------------------- */
/* ------- layout ------- */
.pt_box,
.containerB .pt_boxD {background-color: #fae7e7;}
.c_module, .c_module a {background-color: #fae7e7 !important;}
.pt_boxD {background-color: #f3e2e2;}
.pt_box, .pt_boxD, .pt_box a, .pt_boxD a {color: #e67979;}
.pt_col,
.c_module, .c_module a {color: #e67979 !important;}
.pt_bg {background-color: #e67979 !important;}
.c_module2, .c_module2 a {background-color: #edf6f2 !important;}
.inkpf.color {background-color: #edf6f2; background-image: url(../images/profile_emerald.png);}
.ink_message.ink_warn>div>h3,
.board_name .inner,
.ink_check input:checked + span {background-color: #edf6f2;}
.pt_col2,
.c_module2, .c_module2 a {color: #inherit !important;}
.ink_link,
.ink_link2,
.board_name .inner,
.board_name .inner a,
.ink_check input + span>i {color: #inherit;}
.ink_check.ink_radio input:checked + span,
.ink_banner_top {background-color: #64c095;}
.pt_bg2 {background-color: #64c095 !important;}
.ink_check input:checked + span {border: 3px solid #64c095;}
.ib_color {background-color: #9ed4bb;}
.ink_pointbar .current {background: repeating-linear-gradient(45deg, #e1f0e9, #e1f0e9 10px, #d4e9df 10px, #d4e9df 20px);}
.notify_type.notify_type_C {background-color: #9ed4bb;}
.notify_type.notify_type_V {background-color: #e67979;}
.notify_type.notify_type_E {background-color: #9b9ffd;}
/* ------- board ------- */
.list_icon.new,
.paging .bt_page a.active,
.atc_vote .bt_vote,
.cmt_buttons .cmt_vote .bt_vote {color: #e67979;}
.ink_gallery .list_unit .new_atc::after {border-top: 17px solid #e67979; border-left: 17px solid #e67979;}
.atc_vote .bt_vote.submitted,
.cmt_unit .cmt_vote .bt_vote.submitted {background-color: #e67979;}
.atc_vote .bt_vote {background-color: #fae7e7;}
.list_icon.new {background-color: #ffdcdc;}
.hided_info .cmt_num.updated {color: #ff9c9c; border-color: #ff9c9c;}
.atc_vote .bt_vote .voted_count {border-left: 1px solid #f7d7d7;}
.atc_vote .bt_vote.submitted .voted_count {border-left-color: #e98787;}
.ink_rating>span::after,
.list_ctg2 a,
.xe_content a,
.atc_ex td a,
.atc_tags a:hover,
.atc_file li>a:hover,
.atc_file_list .file_icon.off,
.atc_authorD .title_link:hover,
.atc_authorD a:hover .fa-comment-dots,
.cmt_write_option .bt_write_type:hover i,
.notice_text {color: #64c095;}
.atc_file a:hover .file_count,
.bt_report:hover .declared_count {background-color: #64c095;}
.list_ctg2>span,
.atc_tags a:hover,
.atc_file li>a:hover,
.atc_file_list .file_icon.off {background-color: #edf6f2;}
.atc_tags a:hover::before {border-right-color: #edf6f2;}
.notice_list,
.ldf_notice .faq_header,
.ldn tr.notice {background-color: #edf6f2;}
.notice_list li {border-bottom: 1px solid #d5ece1;}
.ink_list .notice_list li:last-child,
.ldn tr.notice,
.ldf_notice .list_unit {border-bottom: 1px solid #d5ece1;}
.ldn tr.notice:first-child,
.ldf_notice .list_body {border-top: 1px dotted #d5ece1;}
.list_wrap .notice_list .title_link:visited {color: #b0b6b3;}
.hided_info .list_ctg2>span {background-color: rgba(173,226,201,0.8);}
/* ------- member ------- */
.mb_set {background-color: #edf6f2;}
.mb_set .inkpf {background-color: #d4e9df;}
.mb_set .point_text {color: #9aa6a0;}
/* ------- widget ------- */
.w_list .list_icon.new,
.w_list .cmt_num {color: #e67979;}
.w_list .big_rank.new_atc::after {border-top-color: #e67979; border-left-color: #e67979;}
.w_list .new_atcG::after {border-top: 17px solid #e67979; border-left: 17px solid #e67979;}
.w_list .list_icon.new {background-color: #ffdcdc;}
.box_rank.rank1 .list_rank,
.box_rank.rank2 .list_rank,
.box_rank.rank3 .list_rank {color: #FFF;}
.w_list .board_nameS .inner::after {color: #64c095;}
.box_rank.rank1 .list_rank {background-color: #e67979;}
.box_rank.rank2 .list_rank {background-color: #9ed4bb;}
.box_rank.rank3 .list_rank {background-color: #9b9ffd;}
.wn .list_rank {color: #88d7b2;}
.wl .nickname {background-color: #9ed4bb;}
.board_nameS a:first-of-type:not(:only-of-type) {border-right: 1px solid #d5ece1;}
.wg_news .board_nameS .inner,
.ws .list_board .inner,
.wg .hided_info .board_nameS .inner {background-color: rgba(173,226,201,0.8) !important;}
/* ------- etc ------- */
댓글 13
https://hianna.tistory.com/474
참조해보셔요
남겨주신 링크는 몇 번 봤던 내용이고...
제가 해보려고 했는데 잘 안되더라고요..
다시 시도해보겠습니다.
링크는 https://tomyfam.com/ 입니다. (위젯 페이지 입니다.)
다시 한 번 감사드립니다~~!
.xe_content a, .atc_ex td a {
border-bottom: 1px solid #64c095;
}
이 있는데 이 속성을 주석 처리하거나 삭제해보세요~
윤삼님 감사합니다.
저는 c_emerald 를 몇 시간동안 보고 있었는데...
c_emerald_pc에 답이 있었군요!
시간 내주셔서 답변 해주셔서 정말 감사합니다ㅠㅠ
혹시 제가 찾아보긴 하겠지만....
글씨색도 없앨 수 있을까요...
제가 열심히 찾아보고 있긴 한데...
아무래도 오랜 시간 또 봐야 할 것 같습니다.^^;
사실 이 별거 아닌 문제 때문에... (저에겐 별거 아니지만..ㅠㅠ)
제가 정말...
오랜 시간 동안(2주 정도..ㅠ) 많이 고생 하고 있었거든요....ㅠㅠ
개발해주신 앱 도구들도 잘 사용하고 있습니다.~!
윤삼님 다시 한 번 답변 정말 감사합니다...
근데 요소들이 정말 많이 걸려 있어서, 이 부분을 삭제하면 다른 곳의 스타일링에 영향을 줄 수 있겠습니다.
.ink_rating>span::after, .list_ctg2 a, .xe_content a, .atc_ex td a, .atc_tags a:hover, .atc_file li>a:hover, .atc_file_list .file_icon.off, .atc_authorD .title_link:hover, .atc_authorD a:hover .fa-comment-dots, .cmt_write_option .bt_write_type:hover i, .notice_text {
color: #64c095;
}
그거 수정하니까 바로 됐습니다.
아래 그미님께서 조언주신대로 하니까 해결 됐습니다~!
윤삼님 정말 감사합니다~~!!
♥♥♥♥♥♥
ㅠㅠ
감사합니다~~!!
다른 질문이긴 하지만.....
제로보드에서 부터 xe를 사용하고 라이믹스 사용하고 있는데...
제대로 배우지 않고 정보만 짜집기 해서 하다보니....
초보만 20년 이상하고 있네요...
라이믹스 이해하고 제작하려면 혹시 어떤 책을 읽어야 할 지 추천 가능하실가요...........ㅠ?
그냥 그때 그때 해야 할 게 있으면 구글링을 해왔고 그러다 최종적으로 막히면 이렇게 물어보고 답을 찾고 그래왔습니다.
css 문제는 개발자 도구를 찍어보시면 찾기 쉬워요.
웹브라우저에서 문제가 됐던 링크 부분을 우클릭 -> 검사(크롬)를 누르면 개발자도구(DevTools)라는 게 뜨는데요.
거기서 해당 부분에 어떤 스타일이 적용됐는지, 어떤 파일의 어느 위치에서 스타일 지정이 됐는지 등등이 다 나오거든요.
그리고 스타일들을 이렇게 저렇게 수정을 해본 뒤, 이거다 싶으면 css 파일 찾아서 수정을 해주시면 됩니다 =)
저는 야매도 못하고 서당개도 못하고....
겨우 겨우 어찌 저찌 사용만 하고 있네요..~!
윤삼님 개발하신거 정말 유용한 것들이 많았던 기억이 있는데요.......
겸손하신.........
시간 내주셔서 답변해주셔서 정말 감사합니다~~~~~~!
ㅎㅎ 링크 남겨주시니 위에 윤삼님 출동하셨쬬? ㅎ
css에서
a{ text-decoration: none;} 이거 추가해보고 안되면
a{ text-decoration: none !important;} 이거 추가해보세요
text-decoration: none; 이속성 없이 링크되면 밑줄 들어가요 색도 여기서 정해주면 됩니다
단 이렇게만 하면 모든 링크걸린 글씨가 변하니
.클래스명 a{text-decoration: none;} 이런식으로 쓰시면 될꺼에요
윤삼님 덕분에 밑줄은 해결했습니다.
글씨 색은 그미님 조언주신 내용 적용해봤는데...
글씨 색 변화가 없네요..ㅠ
답변 감사합니다~~~!!
.ink_rating>span::after, .list_ctg2 a, .xe_content a, .atc_ex td a, .atc_tags a:hover, .atc_file li>a:hover, .atc_file_list .file_icon.off, .atc_authorD .title_link:hover, .atc_authorD a:hover .fa-comment-dots, .cmt_write_option .bt_write_type:hover i, .notice_text {
color: #64c095;
}
여기 색상코드가 들어가있네요
.xe_content a 이걸 따로 뺴주시거나 속성을 편집해주시면 될것 같아요
덕분에 해결했습니다.^^!
정말 감사합니다~~~!!
♥♥♥♥♥♥♥♥♥