커뮤니티 게시판, 모던 갤러리 카테고리처럼 표현하는법?

안녕하세요!

덕분에 케이보드 게시판은 초심자도 조금만 공부하면 언제든지 마음껏 커스텀할 수 있다는것을 배우고 있답니다!

이번에는
커뮤니티 게시판, 모던 갤러리 카테고리처럼 표현하는법?을 배우고 싶은데,

현제 커뮤니티 게시판의 카테고리의 모양이 클릭, 스크롤 방식인데
(포럼 원)
참조페이지 https://theroomshop.net/home-2/커뮤니티/

모던 갤러리 카테고리의 모양(버튼식)으로 바꾸려면 어떻게 해야할까요?
(모던 갤러리)
참조페이지 https://theroomshop.net/home-2/업종별2/레깅스룸/



P.s.
만일 위처럼 바꿀 수 있다면, 기본 썸네일 게시판의 코드도 알려주세요!
(kboard thumbnail)
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 모바일에서 KBoard 포럼원 커뮤니티 게시판 스킨의 카테고리를 안 보이게 하시려면

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

    #kboard-forum-one-list .kboard-category.category-mobile { display: none; }

    고맙습니다.

  • 너무 감사합니다!
    말씀대로 포럼 원 게시판은 데스크탑이나 태블릿에서는 셀렉트 박스 형식인데, 모바일에서는 스크롤 형식으로 바뀌더라구요.

    포럼 원 게시판의 카테고리를 모바일 버전에서도 셀렉트 박스(데스크탑 버전과 같이) 로 유지하려면 어떻게 해야하나요?
  • 안녕하세요~^^

    KBoard 포럼원 커뮤니티 스킨 카테고리1은

    기본적으로 셀렉트 박스로 표시하고 있습니다.

    모던 갤러리 스킨 카테고리처럼 표시하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/모던갤러리스킨/list-category-default.php 파일을 복사해서

    /wp-content/plugins/kboard/skin/포럼원커뮤니티스킨/list-category-default.php 파일의 내용을

    복사한 코드로 모두 교체해보시겠어요?

     

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

    아래의 코드를 추가해보세요.

    #kboard-forum-one-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; text-align: left; }
    #kboard-forum-one-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-forum-one-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; list-style-type: none; }
    #kboard-forum-one-list .kboard-category .kboard-category-list li a { display: block; padding: 0 16px; color: black; text-decoration: none; }
    #kboard-forum-one-list .kboard-category .kboard-category-list li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; }
    #kboard-forum-one-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: #1569ae; font-weight: bold; }

    썸네일 스킨에 적용하는 건 CSS 코드만 추가하시면 가능합니다.

    위의 코드에서 forum-one 부분은 thumbnail로 교체해서 추가해보시겠어요?

    그리고 아래의 CSS 코드도 추가해보세요.

    #kboard-thumbnail-list .kboard-category .kboard-category-list li.kboard-category-selected a { border-bottom: none; }

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요