SketchBook5 스킨의 jPlayer 스킨 만들기 정보
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 파일은 모바일용입니다.
불과 몇군데 수정한 정도이니 참고만 하십시오.
추천
0
0
댓글 4개
모바일에선 아직 안되지 않나요?
몇가지 소소하게 수정하면 될 것 같구요.
큰 하자라고 생각되는 것은... 파일첨부가 안되는 것이네요.
멀티 업로드 기능 때문인가봅니다.
큰 하자라고 생각되는 것은... 파일첨부가 안되는 것이네요.
멀티 업로드 기능 때문인가봅니다.
모바일에서는 보여줄 화면이 작기 때문에 두번째 업로드 이미지는 출력되지않게 합니다.
mobile/skin/board/sketchbook5/view.skin.php
를 숨김처리합니다.
mobile/skin/board/sketchbook5/view.skin.php
<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>를 숨김처리합니다.
mobile/skin/board/sketchbook5/css/music.css
를 수정해서 다시 올렸습니다.
를 수정해서 다시 올렸습니다.
