짤팁 : 크롬 미니 원형 플레이어 정보
짤팁 : 크롬 미니 원형 플레이어
관련링크
본문
<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="mp3경로" autoplay loop controls></audio>
</div>
box-sizing:initial 의 경우 그누의 div 의 css 에서 box-sizing:border-box 가 자동탑재 되어 있으므로 테두리와의 간격격차를 디폴트값으로 바꿔주는 것이라 일반 페이지에서는 필요가 없습니다.
margin:0 auto 는 중앙정렬을 기본값으로 준 것이니 좌측정렬을 원할 경우 이걸 빼 주세요.
추천
5
5
댓글 9개
고맙습니다. 이번 팁도 매우 유용하게 사용될 수 있을 것 같습니다.
그누보드 아무데나 코드를 넣고 mp3경로만 설정해주면 음악이 나오고 심플하고 좋습니다.
게시판에 적용해보았습니다. 여분필드 wr_10을 사용했습니다.
http://pws.co.kr/bbs/board.php?bo_table=basic_domain&wr_id=2
view.skin.php
<!-- mp3 insert start-->
<table style="border-spacing:0px;margin:0 auto">
<td style=padding:0px>
<div style="width:30px;height:30px;overflow:hidden;border-radius:50%;border:1px solid #cccccc;box-sizing:content-box">
<audio style=margin-top:-12px;margin-left:-11px;display:block src="<?php echo $view['wr_10']; ?>" controls loop ></audio>
</div>
</td>
</table>
<!-- mp3 insert end-->
write.skin.php
<!-- mp3 입력 -->
<input type="text" name="wr_10" value="<?php echo $wr_10?>" id="wr_10" required class="frm_input full_input required" placeholder="mp3 경로를 입력해주세요 ">
감사합니다.
@김철용 이제 철용님도 여분필드 사용법을 통달하셨네요.
저도 스킨이나 팁만들때 php 8.1을 염두에 두고 만들어야겠어요.
이번 업뎃에서 스킨의 코멘트 부분이 좀 바뀌어서 딱히 이상은 없지만 예전 스킨을 고쳐서 재배포해야겠어요.
저도 스킨이나 팁만들때 php 8.1을 염두에 두고 만들어야겠어요.
이번 업뎃에서 스킨의 코멘트 부분이 좀 바뀌어서 딱히 이상은 없지만 예전 스킨을 고쳐서 재배포해야겠어요.
@비타주리 이게 다 비타주리님 덕분입니다.
이제 초보를 갓 면했다는 생각이 듭니다. 비타주리님 스킨을 보면서 하나 하나 타이핑해가면서 이해하려고 해보니까 이제 감이 잡히는 것 같습니다.
pws.co.kr 이 도메인으로 전에 사용하다가 2년 치 업데이트를 한꺼번에 한다고 무조건 덮어쒸우다가 사이트가 완전 다운되어서, 초기화 시켜 php8.0으로 다시 그누보드 설치한 것입니다.
People Who Stutter의 앞글자를 따서 정했는데요.
저와 같은 말더듬는 사람들을 위한 커뮤니티로 계획중인데요.
지금은 테스트용으로 사용하고 있습니다.
^^
이제 초보를 갓 면했다는 생각이 듭니다. 비타주리님 스킨을 보면서 하나 하나 타이핑해가면서 이해하려고 해보니까 이제 감이 잡히는 것 같습니다.
pws.co.kr 이 도메인으로 전에 사용하다가 2년 치 업데이트를 한꺼번에 한다고 무조건 덮어쒸우다가 사이트가 완전 다운되어서, 초기화 시켜 php8.0으로 다시 그누보드 설치한 것입니다.
People Who Stutter의 앞글자를 따서 정했는데요.
저와 같은 말더듬는 사람들을 위한 커뮤니티로 계획중인데요.
지금은 테스트용으로 사용하고 있습니다.
^^
@김철용
요즘의 저는 write.skin.php 에서 아래처럼 사용합니다.
뭐 그게 그거겠지만요.
요즘의 저는 write.skin.php 에서 아래처럼 사용합니다.
뭐 그게 그거겠지만요.
<input name="wr_10" id="wr_10">
<?php if ($wr_10) echo "<script>wr_10.value = ".$write['wr_10'].";</script>"; ?>
좋아요. 감사 합니다.
@들레아빠 파폭 등에서 보면 안습입니다.ㅋ
원래 미디어에서 버튼 부분만 포지션 맞추어 html 로 도려내고 원형 radius 스타일을 주었습니다.
원래 미디어에서 버튼 부분만 포지션 맞추어 html 로 도려내고 원형 radius 스타일을 주었습니다.
감사합니다.
@hiwoong 감사합니다.
신고가 접수된 글입니다.
신고 횟수가 1회 이상이면 글을 확인하지 못합니다.
감사합니다
