코스모스팜 스레드

썸네일 스킨 모바일 리스트뷰 수정

안녕하세요

Kboard 를 이용하여 커뮤니티사이트 만들기에 도전하고 있습니다.

항상 친절한 답변 주셔서 정말 감사드립니다.

 

https://imgur.com/aOa4Wtm

스크린샷은 썸네일스킨의 모바일 화면인데,

작성자/날짜/추천/조회가 게시글 제목 밑으로 오면 더 이쁠거 같아 list.php 파일을 요리조리 수정해봐도

되지않고 있습니다. ㅠㅠ (스크린샷에는 썸네일 하단에 위치하지만 썸네일 오른쪽으로 변경목적)

 

방법이 있다면 가이드를 주실수 있으신가요?

 

감사합니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    KBoard 플러그인 썸네일 스킨 게시글 목록 페이지에서

    기본적으로 모바일은 썸네일을 표시하지 않고 있습니다.

    스킨 파일을 수정하신 건지요?

    비회원으로도 확인 가능한 페이지 주소 알려주시면

    CSS 코드로 조절 가능할지 살펴보겠습니다.

    고맙습니다.

  • 안녕하세요

    접속 주소는 http://pollism.com 입니다.

    바쁘실텐데 도움주셔서 정말 감사 드립니다.

  • 올려주신 페이지의 썸네일 게시판 모바일 화면에서

    게시글 정보의 왼쪽 여백을 제목에 맞추시려면

    워드프레스 관리자 -> 외모 -> CSS 입력 필드에

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

    #kboard-thumbnail-list .kboard-list table td.kboard-list-title .kboard-mobile-contents { margin-left: 52px; }
    #kboard-thumbnail-list .kboard-list table td.kboard-list-title .kboard-thumbnail-cut-strings .kboard-mobile-contents { margin: 0; }

    고맙습니다.

  • 안녕하세요

    제목의 td 아래부분에 넣었으면해서 문의드렸습니다 ㅠ

    아래쪽에서 단순히 오른쪽으로 위치변경만 하면 제목과 작성자/날짜/추천/조회 사이에 여전히 공간이 남아서

    비쥬얼쪽으로 안좋은것 같아서요. list.php 파일 조금 더 바꿔가며 공부해보겠습니다.

    항상 너무 감사드립니다 :))))))

  • list.php 파일에서 게시글 정보를 표시하는 코드를

    아래 코드 사이에 위치하게 하면 될 듯합니다.

    <div class="kboard-thumbnail-cut-strings">
    ...
    </div>

     

    스킨 파일을 수정하셨다면

    수정하신 코드를 에디터의 코드 스니펫 삽입 기능으로 올려주시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)