묻고답하기
컨텐츠 확장위젯에서 마우스 오버시 밑줄 색상 주는 법 (재질문 드립니다.)
2013.01.29 08:47
송동우님 매번 답변 주셔서 진심으로 감사드립니다.
제목에 성함을 기재해서 죄송합니다.
아래 질문 드린 걸 상기시켜 드리려고 했는데... 불쾌하셨다면 정중히 사과드립니다. 죄송합니다.
제가 워낙 초보라 잘 몰라서요.
아래 답변 주신 내용을 어느 파일에 몇번째 줄에 삽입해야 하는지 아시는 분 계시면 자세히 좀 부탁 드리겠습니다.
---------------------------------------------------------
제가 드렸던 질문
1. 제목에 마우스 오버되었을 때 밑줄에 색깔 주는 법
2. 밑줄에 두께 값 주는 법
3. 컨텐츠 확장 위젯의 기본 밑줄은 간격 없이 제목에 딱 붙어있는데, 제목과 밑줄 사이에 간격 주는 법
4. 2번 리스트형 위젯에서 게시물간 간격을 넓히려면 어떻게 해야 하는지 궁금합니다.
컨텐츠 확장위젯(http://www.xpressengine.com/index.php?mid=download&category_srl=18322927&parent_srl=18322917&package_srl=21127741)을 기준으로 답변 주시면 감사하겠습니다.
---------------------------------------------------------
답변 주신 부분
<style>
a:hover{color:green; border-bottom:2px solid;}
a{text-decoration:none;}
span{color:black;}
</style>
<a href="#"><span>test</span></a>
댓글 2
-
송동우
2013.01.29 14:08
-
송동우
2013.01.29 15:12
샘플로 테스트 한 것이니 자신의 상황에 맞게 응용하세요.....
xe - widgets - contentextended - skins - default - normal.html 열고
line 92 쯤에
<a href="{$item->getLink()}"><span>{$item->getTitle($widget_info->subject_cut_size)}</span></a>이렇게 수정하고
xe - widgets - contentextended - skins - default - css - widget.css 열고
line 121 쯤에
.widgetTableA td.title a{ color:#333;}이것을
.widgetTableA td.title a {text-decoration:none;}
.widgetTableA td.title a:hover{border-bottom:2px green solid; padding-bottom:2px;}
.widgetTableA td.title span {color:black;}이렇게 수정했습니다.
결과 눈으로 보기.......
참고
간격, 색깔, 두께 등등은 css에서 조절하면 됩니다.....
-
nado0124
2013.01.29 15:28
바쁘시고 귀찮으실텐데도, 항상 친절한 답변 진심으로 감사드립니다. 항상 행복하세요.
컨텐츠 확장위젯이 정확히 어떤 것인지 알 수가 없습니다만
(비슷한 이름이 많고 같은 위젯이라고 해도 스킨에 따라, 또 설정에 따라 적용해야 할 위치가 다르기 때문에....)
이전의 답변은 방식을 알려 드린겁니다....
방식을 이해하고 자신이 사용하고 있는 위젯에 응용해서 적용을 하도록...........