여분필드를 이용한 리스트에 음악넣기 > 그누보드5 팁자료실

그누보드5 팁자료실

여분필드를 이용한 리스트에 음악넣기 정보

여분필드를 이용한 리스트에 음악넣기

첨부파일

list_music.zip (87.5K) 7회 다운로드 2022-11-14 00:36:52

본문

2041908837_1667905822.4115.png

list.skin.php에 음악은 넣어보았습니다.

여분필드 10번을 사용하였습니다.

 

list.skin.php

<th scope="col">번호</th>
          <th scope="col">제목</th>
          <th scope="col">Music</th>
            <th scope="col">글쓴이</th>
중략
<!--  음악넣기 시작  -->
<td class="td_name sv_use" style=text-align:center>          
<?php if($list[$i]['wr_10']){?> 
<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>"  loop controls></audio>
</div>
  <?php }?>
</td>
<!--  음악넣기 종료  -->
       
            <td class="td_name sv_use" style=text-align:center><?php echo $list[$i]['name'] ?></td>
            <td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>

 

글쓰기에서 mp3파일 주소를 적어줍니다.

예:http://example.com/music/josumi.mp3

write.skin.php

<!-- 썸네일 프리 -->
<input type=text class="frm_input full_input" name=wr_9 value="<?php echo $write['wr_9']; ?>" placeholder=썸네일주소:wr_9>
      
      
<!-- 리스트에 음악넣기 -->
<input type=text class="frm_input full_input" name=wr_10 value="<?php echo $write['wr_10']; ?>" placeholder=Music:wr_10>

 

첨부한 파일을 압축풀면 list_music_pc, list_music_mobile 두개의 폴더가 나옵니다.

각각 그누보드 순정기준으로 list_music_pc은 skin/board/list_music_pc가되게, 

list_music_mobile은 mobile/skin/board/list_music_mobile이 되게 업로드합니다.

적용하는 방법은 일반적인 게시판을 적용하는 방법과 같습니다.

여분필드 wr_9은 리스트에 썸네일을 넣는 것입니다. 사진주소를 넣으시면 됩니다.

<!-- 음악넣기 시작 -->
<?php if($list[$i]['wr_10']){?> 
<div style="width:30px;height:30px;overflow:hidden;box-sizing:initial;border-radius:50%;border:1px solid #cccccc;margin:0 auto;">
<audio style=height:30px;margin-left:-11px src="<?php echo $list[$i]['wr_10'] ?>"  loop controls></audio>
</div>
<?php }?>
<!-- 음악넣기 종료 -->

에서 반복 재생을 원하지 않으시면 loop를 빼시면되고 자동재생을 원하시면 autoplay를 넣으시면 됩니다.

 

추천
6

댓글 9개

제가 초보라...
꼭 필요한 자료인데 적용하는 방법 좀 설명해주시면 정말 고맙겠습니다.
복사해서 어느 위치에 붙여 넣기 해야 하는지... 부탁드립니다.
첨부파일로 올렸습니다. 일반 게시판을 적용하는 방법으로 적용하시면 될겁니다.
위의 글을 참고하시면 도움이 되리라 봅니다.
감사합니다.^^
 
신경 써주셔서 감사합니다.
현재 홈페이지가 5.3xx버전이라 호환이 안 되는 것 같아요...ㅠ
아쉽지만 다음에 사용해야 하나 봅니다...
감사합니다.
전체 2,188 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT