![]()
.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..
