css
티스토리 프로필 카드 안 보이게 수정! CSS
티스토리 프로필 카드 안 보이게 수정! CSS
2023.11.27티스토리 프로필 카드 수정 tt_box_namecard 🤔 티스토리에서 어느 날 갑자기 네임카드(프로필정보)가 디자인 수정 없이 그대로 노출되고 있습니다. 사용하고 있는 스킨과 어울린다면 크게 상관없지만 그러지 않으신 분들은 보이지 않도록 수정하는 것이 좋겠습니다. 간단하게 티스토리 스킨 편집 CSS에 아래 코드를 적용해 주시면 보이지 않도록 수정가능합니다. · CSS 코드 복사 붙여 넣기만 하시면도는 코드로 해결 난이도는 쉽습니다. /* 티스토리 프로필 카드 숨기기 */ div[data-tistory-react-app="Namecard"] { display: none } · Tistory 업데이트 공지 [안내] PC에서도 프로필 카드를 확인할 수 있어요. 안녕하세요. 티스토리팀입니다. 티스토리 글을 읽..
티스토리 블로그 동영상 반응형으로 설정하는 방법
티스토리 블로그 동영상 반응형으로 설정하는 방법
2023.07.31동영상 반응형 설정 블로그에 글을 작성하면서 영상을 첨부할 때 "반응형"으로 동영상을 첨부하면 좋습니다. 반응형으로 동영상을 첨부하게 되면, 데스크탑 컴퓨터, 태블릿 및 스마트폰과 같은 다양한 장치 화면 크기에 적절하게 표시할 수 있기 때문에 더 높은 사용자 참여와 더 긴 방문 시간으로 이어질 수 있습니다. · Html 서식 기본적으로 요즘에는 반응형으로 편하게 등록하실 수 있지만 구글서치에서 크롤링이 잘 되지 않는 상황이 발생하기도 하기 때문에 처음부터 게시글을 작성하실 때 관리하시면 좋습니다. 위에 있는 코드는 서식으로 통해 관리하시고 아래 CSS코드는 스킨편집 CSS에 삽입하여 사용하시면 좋습니다. · 관리 CSS /* 비디오 컨텐츠를 16:9비율에 맞춰 반응형으로 만들기 */ .video {pos..
티스토리 마우스 드래그 원하는 색상으로 바꾸는 소스
티스토리 마우스 드래그 원하는 색상으로 바꾸는 소스
2023.07.18드래그 색상 변경 티스토리 블로그를 꾸미다가 보면 사소한 것에도 신경을 쓰게 되는데요. 그중에 본문을 드래그할 때 보이는 색상도 그중 하나일 듯합니다. 그 욕구를 해소하기 위한 간단한 CSS소스 색상 좋고, 이쁜 소스 공유합니다. · CSS 코드 ::selection { background: #ffdd5b; color: #000; text-shadow: none; font-weight: 700; } CSS 편집에 접속하셔서 위 코드를 복사 붙여 넣기 하시면 완료됩니다. 색상은 자유롭게 변경하셔서 사용하세요.
티스토리 본문 첨부 이미지 드롭쉐도우 그림자 효과 소스
티스토리 본문 첨부 이미지 드롭쉐도우 그림자 효과 소스
2023.07.17이미지 그림자 효과 이런저런 설명을 길게 하지 않겠습니다. 이 글을 보시는 분들은 빨리 소스를 알고 자신의 티스토리를 꾸미기 위해 왔음을 이해하고 있습니다. 소스 구현방법은 간단합니다. · CSS 코드 /* 그림자 효과 */ .imageblock { margin: 5px 0; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5); } /* 그림자 효과 */ 위 소스를 자신의 티스토리 CSS에 복사 붙여 넣기 하시면 되겠습니다. · 코드 완성 만약 적용이 원하는 데로 안 되는 부분은 개인이 사용하고 있는 스킨이 달라 생기는 부분입니다. 위 소스를 살짝 수정하시면 문제없이 사용이 가능합니다. 잘 안되시거나 물어보고 싶으신 것이 있으시면 언제든지 댓글 남겨주시기 바랍니다.
티스토리 시간표시 반응형으로 변경 방법 소스
티스토리 시간표시 반응형으로 변경 방법 소스
2023.07.17시간 반응형표시 방법 서근개발노트님의 정보를 바탕으로 초보자가 이해하기 쉽게 설명하도록 하겠습니다. · Timeago 설명 일단 시간표시 반응형이란? 게시글 날짜가 2023.07.17. 이렇게 표시되는 것이 아니라 "오늘"이라고 표시되는 방식이라고 생각하시면 됩니다. 가장 많이 사용되고 있는 timeago입니다. · 날짜 형식 변경 스크립트 아래 스크립트를 위에 복사 붙여 넣기 합니다. /*==========티스토리 날짜 형식 변경 끝==========*/ · 한글패치 위 스크립트를 잘 붙여 넣으셨다면 이젠 아래 스크립트를 바로 복사 붙여 넣기 하세요. 그리고 이젠 날짜를 변경할 수 있도록 HTML을 약간 수정해주시면 됩니다. · 기존 스킨 코드 변경 수정 방법도 간단하게 설명하겠습니다. 예를 들어 아래..
티스토리 특정 부분만 드래그 허용하는 방법 CSS 수정
티스토리 특정 부분만 드래그 허용하는 방법 CSS 수정
2023.06.30드래그 컨트롤 방법 내가 정성 들여 작성한 블로그글을 사람들이 퍼가는 것이 싫지만 블로그에서 코딩과 관련한 글을 작성하게 되면 아무래도 코드 부분은 복사를 허용하는 것이 해당 글을 보시는 분에게 도움이 될 것입니다. 하여 이번엔 CSS 코드를 사용하여 인용문 부분의 드래그를 허용하는 방법에 대해 알아보도록 하겠습니다. · 플러그인 확인 티스토리 플러그인에 있는 마우스 오른쪽 클릭 방지를 해제합니다. · CSS 코드 스킨편집에 있는 CSS수정 페이지로 이동하여 아래 코드를 복사 후 붙여 넣기 합니다. /*code pre 코드블럭 | blockquote 인용문 드래그 허용*/ code, pre, blockquote { -webkit-user-select: text !important; -moz-user-se..
CSS 그라디언트 어렵게 만들지 말고 간단하게 만드는 방법
CSS 그라디언트 어렵게 만들지 말고 간단하게 만드는 방법
2023.06.26그라데이션 디자인 Gradient.style은 멋진 CSS 그래디언트를 생성하기 위한 창의적이고 상호작용적인 도구를 제공하는 웹사이트입니다. 사용자 친화적인 인터페이스와 강력한 기능을 갖춘 Gradient.style은 사용자가 웹 사이트, 애플리케이션 또는 디지털 프로젝트를 위한 아름다운 그라데이션 디자인을 쉽게 만들 수 있도록 합니다. Gradient.style을 방문하면 매끄럽고 직관적인 디자인이 반겨주므로 다양한 사용자 지정 옵션을 쉽게 탐색하고 탐색할 수 있습니다. 노련한 개발자이든 디자인 애호가이든 이 사이트는 디지털 작품의 전체적인 미학을 향상시키는 시각적으로 매력적인 그라데이션을 만들기 위한 완벽한 경험을 제공합니다. 이 사이트는 그라디언트의 모든 측면을 미세 조정할 수 있는 광범위한 제어 ..