마크쿼리 스킨 카테고리 링크에 밑줄표시등 스타일 변경

 

마크쿼리 스킨 카테고리 접었을때 링크에 밑줄표시등 스타일 변경

마크쿼리 스킨은 카테고리가 기본적으로 펼쳐져 있습니다.

카테고리를 접기 위해서는 skin.html을 수정해야 합니다.

카테고리를 접거나 펼치기 위한 방법은 아래 글에서 언급했으니 참조하면됩니다.

 

- 마크쿼리스킨 등 티스토리 카테고리 접기 및 펼치기

- 티스토리 마크쿼리4 카테고리 글자크기 변경 방법

 

반응형웹스킨인 마크쿼리 스킨에서는 티스토리 카테고리를 접었을때 스타일을 설정하지 않았나봅니다.

그래서 카테고리를 접으니 수정해야 할곳이 한두군데가 아니네요!

글자크기 수정도 해야 하고 ..

카테고리에 마우스를 올렸을때 마우스포인터가 손가락모양으로 바뀌도록 해야하고

또 밑줄이 표시되도록 하기위해서 style.css를 수정해야 합니다.

하지만 수정하는것이 그리 쉽지많은 않습니다.

 

 

 

 

어렵게 어렵게 수정을 하긴 했습니다만,, 완벽하진 않네요!

수정방법은 다음과 같습니다.

 

아래와 같이 CSS 코드를 추가합니다.

 

.widget div:hover,.widget div:focus {cursor:pointer;text-decoration:underline;}

 

 

 

 

 

그러면 아래와 같이 카테고리위에 마우스를 올렸을때(롤오버시)

마우스 포인터가 손가락으로 바뀌고, 밑줄이 표시됩니다.

 

 

 

하지만 여기서 문제가 하나 생겼습니다.

첫번째카테고리(루트카테고리)는 이상이 없는데

서브카테고리(두번째카테고리)가 전체 다 밑줄이 표시되는것입니다.

 

이를 어떻게 해결해야 할지..

알 수가 없어서 수정을 못하고 있네요!

 

아무리 봐도 수정이 안되네요!
하다가 포기했습니다.

 

++ 해결

 

글을 쓰고 나서 다시 한번 도전을 해봤습니다.

이번에는 조금 귀찮긴 하지만 코드를 조금 더 넣어서 테스트해봤는데

해결이 되었네요!

이 방법이 아닌것 같은데 조금 찜찜하지만..

여튼간에 해결이 되었습니다.

 

방법은

 

.widget div:hover,.widget div:focus {cursor:pointer;text-decoration:underline;}

 

위 코드를 아래와 같이 수정하는것입니다.

 

.widget table table:hover, .widget table table:focus {cursor:pointer;text-decoration:underline;}

 

div 대신 table에 스타일을 지정한것이지요! ^^

 

신고

Medialog

연금저축보험.펀드등 연금저축 추천상품 비교

연금저축보험,연금저축펀드등 연금저축 추천상품 비교 및 가입방법, 연금저축소득공제 연금저축 추천상품들에 대하여 비교해보도록 하겠습니다. 이 글의 주요 내용은 다음과 같습니다. 연.....

비갱신형암보험추천 및 보험비교사이트 안내

비갱신형암보험추천,비갱신형암보험가입순위와 비갱신형암보험비교사이트 매년 늘어나는 암발생률, 이에따라 암보험에 대한 관심도 늘어가는것 같습니다.. 또한 주변사람들에게 물어봐도 다른.....

급여통장추천, 월급통장 추천 및 월급통장 비교

[재테크시작]월급통장 추천 및 월급통장 비교, 급여통장 비교 및 급여통장 추천, 급여통장 혜택 직장인이라면 누구나 생각해봤을 월급관리와 월급관리에서 중요한 급여통장 추천, 월급.....

2017년 수산물품질관리사 시험공고 및 시험과목

2017 수산물품질관리사 시험공고 및 수산물품질관리사 시험과목 수산물품질관리사는 최근 생겨난 자격증으로 전망이 있는 국가자격증이라 할 수 있습니다. 우리나라에서 생산되는 수산물의 품질을 관리 감독하는 일을 하게 되고, 국가자격..

한부모가족 혜택 및 지원대상 정리

한부모가족 혜택 및 한부모가족 지원대상에 대해서 알아보도록 하겠습니다. 한부모가족으로 인정 받는경우 복지급여, 복지자금대여등의 경제적지원과 주거지원, 법률지원, 상담 및 정서지원등을 국가로부터 받을 수 있게 됩니다. 어떠한 이..

2016 공인중개사 원서접수 기간 종료, 2017년 시험일정은?

오늘까지 2016년도 공인중개사 원서접수기간입니다. 공인중개사 원서접수는 8/8~8/17일까지 10일동안 진행이 되며, 인터넷으로 접수 가능합니다. 인터넷으로 접수를 하고 접수기간에는 24시간 원서접수가 가능하지만.. 마지막날..

모마 그림자인술서와 빛나는공항택시+ 선택

모두의 마블 그림자인술서가 새로 출시되어 이벤트중입니다. 운 좋게도 그림자인술서가 제 손에 들어왔네요! 가장 최근에 출시되고 최신아이템이니 과거의 아이템들보다는 좋을거라는 생각을 가지고 있었습니다. 그런데 사용을 해보니 확률도..

박소현의 더스마트다이어트 가격과 효과

박소현 더 스마트다이어트가격 및 더스마트다이어트 효과 여름이 다가오면 여성, 남성 할 것 없이 다이어트에 관심을 갖는 시기입니다. 겨울은 몸을 살찌우고 건강을 찾는 계절이라면 봄, 여름은 다이어트 계절이라고 할 만큼 다이어트 ..

인사혁신처 9급 국가직 공무원 시험일정

2016년, 2017년 인사혁신처 9급 국가직 공무원 시험일정 4월 2016년 인사혁신처 시행 국가직 9급공무원 시험일정~ 국가직 9급공무원 시험과 과목~ 2016년도 9급공무원 직렬별 경쟁률~ 2017년 국가직 9급공무원 시..

2017년 수산물품질관리사 시험공고 및 시험과목
2017년 수산물품질관리사 시험공고 및 시험과목
2017년 수산물품질관리사 시험공고 및 시험과목
2017년 수산물품질관리사 시험공고 및 시험과목
한부모가족 혜택 및 지원대상 정리