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]
를 숨김처리합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 1745 | |
| 1738 | |
| 1734 | |
| 1733 | |
| 1731 | |
| 1730 | |
| 1726 | |
| 1707 | |
| 1706 | |
| 1705 | |
| 1698 | |
| 1692 | |
| 1686 | |
| 1684 | |
| 1681 | |
| 1679 | |
| 1676 | |
| 1665 | |
| 1663 | |
| 1660 | |
| 1659 | |
| 1651 | |
| 1646 | |
| 1642 | |
| 1640 | |
| 1636 | |
| 1623 | |
| 1602 | |
| 1596 | |
| 1593 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기