게시글 색상코드 여분필드 정보
게시글 색상코드 여분필드
본문
1. write.skin.php 의 적당한 위치에 넣어줍니다.
2. 예제는 wr_1 로 하였습니다. 다른 여분필드를 사용하려면 그 부분만 찾아서 바꾸세요.
3. css 는 본인이 원하는대로 바꾸세요.
4. 코드복사 기능은 https 보안주소에서만 적용됩니다.
5. 기본값은 #000000 입니다.
6. https://wittazzurri.com/editor/html_editor.php 에서 확인해 보세요.
<style>
@font-face { font-family:'NEXON Lv1 Gothic OTF'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); }
#colorDiv div { width:100px; font-weight:bold; padding:5px; margin-right:5px; font-size:16px; font-family:'NEXON Lv1 Gothic OTF'; text-align:center; cursor:pointer; border:1px solid #cccccc; border-radius:5px; box-shadow:#dddddd 2px 2px 4px; box-sizing:border-box; }
#colorDiv input { display:none; }
</style>
<div id="colorDiv">
<label for="wr_1"><div id="colorCode"></div></label>
<input type="color" id="wr_1" name="wr_1">
</div>
<script>
wr_1.onchange = function() {
colorCode.innerText = colorCode.style.color = wr_1.value;
navigator.clipboard.writeText(wr_1.value);
alert("색상코드가 복사되었습니다");
}
wr_1.value = "<?php echo $write['wr_1']; ?>";
colorCode.innerText = colorCode.style.color = wr_1.value;
</script>
추천
3
3
댓글 1개
역시....좋은자료입니다.
감사합니다