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개
모바일에서는 보여줄 화면이 작기 때문에 두번째 업로드 이미지는 출력되지않게 합니다.
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]
를 숨김처리합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 1362 | |
| 1350 | |
| 1342 | |
| 1340 | |
| 1335 | |
| 1332 | |
| 1330 | |
| 1322 | |
| 1317 | |
| 1315 | |
| 1312 | |
| 1305 | |
| 1300 | |
| 1298 | |
| 1293 | |
| 1287 | |
| 1286 | |
| 1267 | |
| 1262 | |
| 1259 | |
| 1255 | |
| 1252 | |
| 1245 | |
| 1244 | |
| 1240 | |
| 1238 | |
| 1235 | |
| 1229 | |
| 1224 | |
| 1220 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기