새해 복 많이 받으세요~
www.xion.kr 사이트 동영상 게시판을 pc 버전하고 모바일 버전하고 다르게 하고 싶은데,
화이클비디오 스킨 보니까 스크린샷 별로 모양이 다른데요.
그중에 첨부파일 스크린샷5 를 모바일 버전에 적용하고 싶은데 어떻게 하면 될까요?
감사합니다.
안녕하세요~^^
에키님도 새해 복 많이 받으세요 ㅎㅎ
올려주신 이미지는 KBoard 화이클 비디오 스킨의 최신글 레이아웃 스크린샷입니다.
<스크린샷 1>은 PC 화면에서 일반 게시글 목록 페이지입니다.
<스크린샷 2>는 썸네일 클릭 시 표시됩니다.
<스크린샷 3>은 모바일 화면에서 일반 게시글 목록 페이지입니다.
<스크린샷 4>는 게시글 본문 페이지입니다.
<스크린샷 5>는 최신글 레이아웃입니다.
모바일 화면에서 일반 게시글 목록 페이지를 최신글 레이아웃처럼 표시하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media screen and (max-width: 600px) {
.kboard-hwaikeul-video-thumbnail { float: left; width: 30%; }
.kboard-hwaikeul-video-container.wide { padding-bottom: 75%; border-radius: 0; }
#kboard-hwaikeul-video-list .kboard-list .kboard-list-item { padding: 20px 0; overflow: hidden; border-bottom: 1px solid #f0f0f0; }
#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .item-padding { padding: 0; border: none; box-shadow: none; }
#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap { margin: 0 0 0 35%; }
#kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-title { margin: 0; text-align: left; }
#kboard-hwaikeul-video-list .kboard-list .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-info { text-align: left; }
}
고맙습니다.
안녕하세요. 홈페이지 게시판 형태를 통일하기 위해서 동영상게시판 스킨을 화이클 비디오 스킨에서 KBoard 플레이 비디오 스킨 으로 다시 변경했는데 이럴 경우 위에 알려주신 코드 문구를 hwaikeul -> play 로 수정했더니 적용은 안되더라구요. 혹시 pc에서는 kboard play video 스킨으로 하고 모바일에서는 KBoard 화이클 비디오 스킨의 최신글 레이아웃 스크린샷 으로도 적용이 가능한가요?
안녕하세요.
KBoard 플러그인 게시판 스킨의 최신글 레이아웃을 다른 스킨으로 적용하시려면
최신글 숏코드가 아닌 최신글 모아보기 숏코드를 이용해보시겠어요?
최신글 숏코드는 선택된 게시판 스킨의 레이아웃으로 표시하며
최신글 모아보기 숏코드는 최신글 스킨을 별도로 선택할 수 있습니다.
워드프레스 게시판 최신글 모아보기 기능 설명 - KBoard(케이보드)도 참고해보세요.
고맙습니다.