글 , 페이지 article_rep_date : 날짜/시간 (yyyy. m. d. HH:MM)article_rep_simple_date : 날짜만 (yyyy. m. d.)article_rep_date_year : 세부시간 - 연도 (yyyy)article_rep_date_month : 세부시간 - 월 (mm)article_rep_date_day : 세부시간 - 일 (dd)article_rep_date_hour : 세부시간 - 시 (HH)article_rep_date_minute : 세부시간 - 분 (MM)article_rep_date_second : 세부시간 - 초 (SS) 공지 notice_rep_date : 날짜/시간 (yyyy.mm.dd HH:MM)notice_rep_simple_date : 날짜 ..
코드 및 쿼리문
HTML위를 아래와 같게 수정// 목차 생성 $(document).ready(function() { $("#toc").toc({content: ".tt_article_useless_p_margin", headings: "h2,h3"}); });// 목차 생성 $(document).ready(function() { $("#toc").toc({content: ".tt_article_useless_p_margin", headings: "h2,h3,h4,h5"}); }); { "pl-0": heading.tagName === "H2", "pl-4": heading.tagName === "H3" } { "pl-0": heading.tagName === "H2", "pl-4": h..
마우스 모양* {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;} 클릭시 파동 효과 HTML - 위에 복사/*마우스 클릭 효과*/div.clickEffect{ position:fixed; box-sizing:border-box; border-style:solid; border-color:#828282; border-radius:50%; animation:clickEffect 0.8s ease-out; z-index:5;}@keyframes clickEffect{ 0%{ opacity:1; width:0.5em; height:0.5em; margin:-0.25em; border-width:0.3..
.manage-menu { display: none; /* 기본적으로 숨김 */ flex-direction: row; /* 가로 배치로 설정 */ justify-content: flex-start; /* 왼쪽 정렬 */ gap: 50px; /* 요소들 사이 간격 */ padding-left: 40px; /* 오른쪽으로 약간 이동 */}.manage-menu.visible { display: flex; /* 클래스 추가 시 보이도록 설정 */}.manage-menu a { text-decoration: none; /* 링크의 밑줄 제거 */ color: #aaa; /* 기본 글자 색상 유지 */ padding: 5px 10px; /* 패딩 추가 */ b..
const COPY_TEXT_CHANGE_OFFSET = 1000;const COPY_BUTTON_TEXT_BEFORE = "Copy";const COPY_BUTTON_TEXT_AFTER = "Copied";const COPY_ERROR_MESSAGE = "ERROR";const copyBlockCode = async (target) => { if (!target) return; try { const code = decodeURI(target.dataset.code); await navigator.clipboard.writeText(code); target.textContent = COPY_BUTTON_TEXT_AFTER; setTimeout(() => { target...
HTML 코드 티스토리 홈 | CSS 코드.logout-menu { display: flex; /* 기본적으로 표시 */ flex-direction: row; /* 가로 배치로 설정 */ justify-content: flex-start; /* 왼쪽 정렬 */ gap: 10px; /* 요소들 사이 간격 */ padding-left: 25px; /* 오른쪽으로 약간 이동 */}.logout-menu a { text-decoration: none; /* 링크의 밑줄 제거 */ color: #aaa; /* 기본 글자 색상 유지 */ padding: 5px 10px; /* 패딩 추가 */ border: none; /* 테두리 제거 */ back..