코스모스팜 스레드
카테고리 버튼 디자인 관련 문의
이전에 답변주신 것은 잘 해결되었습니다.
감사합니다.
자료실(ocean-download 스킨)에 카테고리 기능이 있어 이를 사용하면
와 같이 이쁘게 탭모양의 버튼으로 보여집니다.
그런데 dafault스킨을 사용하면
와 같이 세로칸 구분이 없는 모양이 됩니다.
KBoard 오션 다운로드 스킨 스킨과 같은 카테고리 디자인을 사용하려면 어떻게 해야하는지요?
-
스레드봇 (31060 Point)ㆍ2019.11.22 14:57
안녕하세요~^^
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 부분을 스킨명으로 교체해보시겠어요?
스킨에 따라서는 코드가 조금 다를 수도 있습니다.
고맙습니다.
