비

게시글 색상코드 여분필드

· 2024-03-01 (금) 03:03:56 · 3934 · 1

1. write.skin.php 의 적당한 위치에 넣어줍니다.

2. 예제는 wr_1 로 하였습니다. 다른 여분필드를 사용하려면 그 부분만 찾아서 바꾸세요.

3. css 는 본인이 원하는대로 바꾸세요.

4. 코드복사 기능은 https 보안주소에서만 적용됩니다.

5. 기본값은 #000000 입니다.

6. https://wittazzurri.com/editor/html_editor.php 에서 확인해 보세요.

 

[code]

<style>
@font-face { font-family:'NEXON Lv1 Gothic OTF'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/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>

[/code]

|

댓글 1개

2024-04-02 (화) 10:37:25

역시....좋은자료입니다.

감사합니다

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
24-03-27 조회 4,432
24-03-27 조회 4,957
24-03-22 조회 4,052
24-03-19 조회 3,607
24-03-19 조회 9,594
24-03-15 조회 4,442
24-03-15 조회 3,956
24-03-15 조회 3,831
24-03-15 조회 3,851
24-03-13 조회 4,478
24-03-05 조회 3,927
24-03-01 조회 3,935
24-02-29 조회 6,000
24-02-29 조회 5,125
24-02-28 조회 4,367
24-02-27 조회 4,477
24-02-24 조회 4,047
24-02-18 조회 4,681
24-02-17 조회 3,691
24-02-15 조회 4,058
24-02-14 조회 3,559
24-02-13 조회 6,904
24-02-05 조회 4,230
24-01-31 조회 4,415
24-01-30 조회 3,733
24-01-30 조회 4,357
24-01-27 조회 4,216
24-01-18 조회 4,808
24-01-18 조회 4,171
24-01-17 조회 3,688