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

 

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

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

카테고리를 접기 위해서는 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에 스타일을 지정한것이지요! ^^

 

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

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

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

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

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

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

갤럭시Z 플립3 Z폴더3 워치4 사전예약 품절사태

이번에 갤럭시Z플립3와 갤럭시 Z폴더3를 언박싱을 한 후 사전예약을 받고 있습니다. 또한 이와 함께 갤럭시 워치4, 버즈2도 동시에 사전예약을 하고 있는데요~~ 갤럭시 Z폴더3의 사전예약자가 몰리면서 가장 먼저 사전예약 품절이..

2021년 9급 국가직 공무원 원서접수 응시인원과 경쟁률

2021년 9급국가직 공무원 경쟁률 안녕하세요! 6월이 끝나고 7월로 넘어가는 한주의 시작인 월요일 아침부터 비가 내리는 날입니다. 컴컴한 하늘로 주변은 어둠침침하고 천둥까지 치며 비가내리는 모습이 여름장마의 모습입니다. 이렇..

타이어 싸게 구매하는 법  인터넷구매, 배송 및 장착비 무료

타이어 싸게 구매하는 법 배송 및 장착비 무료 타이어 싸게 구매하는곳은 지역에 따라 다를것이지만 인터넷으로 구매를 하면 어떤 지역에 위치했던 상관없이 구매가 가능하기 때문에 타이어 인터넷 구매시 어떤 혜택이 있는지 알아볼까 합..

자동차 용품 악세사리 할인 사이트는 여기

자동차 용품 악세사리 할인 사이트는 여기 자동차를 구매하면 마이카 인테리어를 하고 싶은 마음은 인지상정입니다. 자동차를 꾸미기 위해서 자동차 용품을 사기 위하여 용품점에 먼저 가보지만,, 자동차 용품점에는 악세사리가 다양하지 ..

봄패션 저렴한 맨투맨 티셔츠 모아봤어요

몸도 마음도 가벼운 봄이 왔어요! 굳이 남쪽까지 가지 않아도 집밖으로 한발만 나가면 꽃을 볼 수 있는 완연한 봄입니다. 매화도 피고 개나리도 피고 목련도 활짝피었고 벚꽃도 꽃망울을 맺었어요! 포근한 봄이 오면서 외출시 입을 봄..

올바른 화초 물 주는 방법입니다.

오늘은 베란다에, 또는 앞뜰에 정원을 가꾸는 분들을 위해 올바른 화초 물주는 방법에 대해 알아보려고해요. 이상하게 나는 식물만 키우면 다 죽인다! 하는 분들이 계시죠? 물도 충분히 준것 같은데 왜 자꾸 죽는건가.. 집에서 화초..

9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률
9급 보건직공무원 시험일정 및 경쟁률