미디어 쿼리 CSS 활용반응형 블로그 또는 웹사이트를 구축할 때, 특정 요소를 화면 크기에 따라 숨기거나 노출시키는 방법은 매우 유용합니다. 그중 가장 간단하고 효과적인 방법은 미디어 쿼리를 사용하는 것입니다.기본 CSS 코드우선, 숨기고자 하는 특정 요소에 대한 기본 CSS 코드를 설정합니다. 예를 들어, 다음과 같은 클래스를 사용할 수 있습니다..notice-go-to-index { display: none;}미디어 쿼리 사용이제 미디어 쿼리를 사용하여 특정 화면 크기에서 요소의 표시 여부를 제어할 수 있습니다.1. 최대 화면 크기 기준아래 코드는 최대 화면 너비가 1000px 이하일 때 요소를 숨기는 방법입니다.@media screen and (max-width: 1000px) { .notice..

MAC 스타일 코드 블록적용 설정 순서아래 CSS 소스코드 복사, 붙여 넣기.codeblock.js 파일 업로드.HTML 편집에 스크립트 붙여 넣기.위 순서대로 하시면 간단하게 설정이 가능합니다.CSS코드pre { position: relative;}pre::after { content: attr(data-ke-language); position: absolute; bottom: 8px; right: 12px; color: #cfd2d1; font-size: 12px;}.hljs { display: flex !important; flex-direction: column; padding: 0 !important; font-size: 14px; border-radius: 8px; bo..

티스토리 첫화면 설정하기티스토리 블로그를 운영하면서 첫 화면에 특정 페이지를 노출하고 싶으신 분들을 위해 이 방법을 소개합니다. 많은 분들이 공지사항이나 다른 내용은 쉽게 설정할 수 있지만, 원하는 페이지를 첫 화면으로 만들고 싶을 때는 약간의 추가 작업이 필요합니다.관리자 페이지 접속먼저, 티스토리 관리자 페이지에 로그인한 후 [HTML/CSS 편집] 메뉴를 클릭합니다.skin.html 파일 수정다음으로, skin.html 파일에서 /head 태그를 찾아야 합니다. 이때, Ctrl + F를 눌러 검색 기능을 사용하면 쉽게 찾을 수 있습니다.스크립트 추가/head 태그 바로 위에 아래의 코드를 복사하여 붙여넣습니다.여기서 '첫화면으로 설정할 블로그 주소를 넣어주세요' 부분은 원하는 페이지의 URL로 변경..