카테고리 버튼 디자인 관련 문의

이전에 답변주신 것은 잘 해결되었습니다.

감사합니다.

 

자료실(ocean-download 스킨)에 카테고리 기능이 있어 이를 사용하면

https://imgur.com/KQ1AIGJ

와 같이 이쁘게 탭모양의 버튼으로 보여집니다.

그런데 dafault스킨을 사용하면 

https://imgur.com/N1tYqNF

와 같이 세로칸 구분이 없는 모양이 됩니다.

KBoard 오션 다운로드 스킨 스킨과 같은 카테고리 디자인을 사용하려면 어떻게 해야하는지요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 플러그인 디폴트(Default) 게시판 스킨의 카테고리 모양을

    KBoard 오션 다운로드 스킨처럼 적용하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-default-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; text-align: left; }
    #kboard-default-list .kboard-category .kboard-category-list { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style: none; border-left: 1px solid #e8eaec; line-height: 28px; background: url(./images/category-background.png) left bottom repeat-x; }
    #kboard-default-list .kboard-category .kboard-category-list li { float: left; margin: 0; padding: 0; border-top: 1px solid #e8eaec; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; color: #747474; background-color: #faf7f7; font-size: 13px; }
    #kboard-default-list .kboard-category .kboard-category-list li a { display: block; padding: 0 16px; color: black; text-decoration: none; }
    #kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; }
    #kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { border-bottom: none; color: #1a80b6; font-weight: bold; }

    다른 스킨에도 적용하시려면

    위의 코드에서 default 부분을 스킨명으로 교체해보시겠어요?

    스킨에 따라서는 코드가 조금 다를 수도 있습니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기