SketchBook5 스킨의 jPlayer 스킨 만들기
skin/board/sketchbook5/images/bg_shelf.jpg
145 × 505px
jPlayer 스킨 이미지입니다.
자신만의 스킨을 만들어봅니다.
예전에 윈앰프 스킨을 만들어보던 추억이 떠오르네요.
우리 아이의 이쁜 얼굴사진으로 만들었던 기억...
좀 쉽게 만들기 위해 소스를 약간 수정합니다.
skin/board/sketchbook5/css/music.css
.frameset2{background:url(../images/bg_shelf.jpg) 0px -80px;
를
.frameset2{background:url(../images/bg_shelf.jpg) 0px;
로...
상 : 145 × 25px
중 : 145 × 230px
하 : 145 × 23px
가로폭은 마음대로 해도 될겁니다.
3개의 이미지를 만들어 색을 넣고...
사이에 1px의 여백을 넣어 이어붙힙니다. (145 × 280px)
포토샵을 다룰줄 몰라 아주 단순하고 '허접'합니다만...
선반 형식으로 하지않고 그냥 이렇게 통짜 그림으로 깔아도 됩니다.
게시판 폭 × 280px
모바일에 스킨을 적용한 'iPhone 4' 세로 화면입니다.
비율이 달라지면... CD 모양은 왼쪽으로, 나머지 내용은 오른쪽으로 가게 됩니다.
하지만 모바일에서 수정해야 할 것들이 더러 보입니다.
jPlayer는 아래와 같이 간단한 수정만 해보았습니다.
보여줄 화면이 작기 때문에 두번째 업로드 이미지는 출력되지않게 합니다.
mobile/skin/board/sketchbook5/view.skin.php
mobile/skin/board/sketchbook5/css/music.css
도 소소하게 수정해줍니다.
첨부한 music.css 파일은 모바일용입니다.
불과 몇군데 수정한 정도이니 참고만 하십시오.
예 : http://internationale.kr/bbs/board.php?bo_table=info_sketchbook&wr_id=1&me_code=4090
댓글 4개
11년 전
모바일에선 아직 안되지 않나요?
11년 전
몇가지 소소하게 수정하면 될 것 같구요.
큰 하자라고 생각되는 것은... 파일첨부가 안되는 것이네요.
멀티 업로드 기능 때문인가봅니다.
큰 하자라고 생각되는 것은... 파일첨부가 안되는 것이네요.
멀티 업로드 기능 때문인가봅니다.
11년 전
모바일에서는 보여줄 화면이 작기 때문에 두번째 업로드 이미지는 출력되지않게 합니다.
mobile/skin/board/sketchbook5/view.skin.php
[code]<div class="coverwrap"><img src="<?php echo $fileurl?>/<?php echo $thumbs[1]?>" class="attachment-albmlink" alt="<?php echo $view[subject]?>" title="<?php echo $view[subject]?>" /><a href="#"><span class="albmover"></span></a>
</div>[/code]
를 숨김처리합니다.
mobile/skin/board/sketchbook5/view.skin.php
[code]<div class="coverwrap"><img src="<?php echo $fileurl?>/<?php echo $thumbs[1]?>" class="attachment-albmlink" alt="<?php echo $view[subject]?>" title="<?php echo $view[subject]?>" /><a href="#"><span class="albmover"></span></a>
</div>[/code]
를 숨김처리합니다.
11년 전
mobile/skin/board/sketchbook5/css/music.css
를 수정해서 다시 올렸습니다.
를 수정해서 다시 올렸습니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4406 | ||
| 84 |
사노라가노라
|
12년 전 | 6791 | |
| 83 |
사노라가노라
|
12년 전 | 19904 | |
| 82 |
사노라가노라
|
12년 전 | 14335 | |
| 81 | 12년 전 | 8844 | ||
| 80 |
사노라가노라
|
12년 전 | 14496 | |
| 79 | 12년 전 | 11414 | ||
| 78 |
사노라가노라
|
12년 전 | 7462 | |
| 77 | 12년 전 | 7492 | ||
| 76 | 12년 전 | 6589 | ||
| 75 | 12년 전 | 7757 | ||
| 74 | 12년 전 | 5597 | ||
| 73 | 12년 전 | 6746 | ||
| 72 | 12년 전 | 10230 | ||
| 71 | 12년 전 | 10568 | ||
| 70 | 12년 전 | 4413 | ||
| 69 | 12년 전 | 19282 | ||
| 68 | 12년 전 | 6267 | ||
| 67 | 12년 전 | 7262 | ||
| 66 | 12년 전 | 15165 | ||
| 65 | 12년 전 | 7069 | ||
| 64 |
letsgolee
|
12년 전 | 11416 | |
| 63 | 12년 전 | 27449 | ||
| 62 | 12년 전 | 8198 | ||
| 61 | 12년 전 | 7752 | ||
| 60 | 12년 전 | 7473 | ||
| 59 |
sbtech
|
12년 전 | 16402 | |
| 58 | 12년 전 | 6888 | ||
| 57 | 12년 전 | 5904 | ||
| 56 | 12년 전 | 5957 | ||
| 55 | 12년 전 | 8875 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기