본문 바로가기

티스토리컴파스/◾인용구꾸미기4

티스토리 꾸미기 다양한 그라데이션 색상 조합으로 박스 디자인 공유 박스디자인 설명◾3가지 색상이 자연스럽게 섞이는 그라데이션 효과◾내용물은 반투명 흰색 배경으로 가독성 확보 테마에 맞는 이모지로 포인트◾부드러운 모서리 처리로 세련된 느낌.박스디자인을 사용하는 이유안녕하세요 티스토리 블로그 박스 디자인을 설정하는법이 궁금 하시면 아래의 링크를 통해 사용법을 숙지 후에 적용하시길 바랍니다. 박스 디자인을 사용하게 되면 글의 가독성 뿐만 아니라 티스토리 블로그 글을 적으면 전체적으로 글이 디자인 되면서 보기 좋은글을 만들수 있습니다. 해당 코드를 이용해서 깔끔한 글 작성하는데 도움이 되었으면 합니다.  🌊 안내사항여기에 내용을 입력하세요.🌊 안내사항여기에 내용을 입력하세요. 🌅 안내사항여기에 내용을 입력하세요. 🌅 안내사항 여기에 내용을 입력하세요. .. 2024. 12. 14.
티스토리 꾸미기 쉐도우 효과가 있는 모던한 박스 스타일 안녕하세요 티스토리 글을 작성하실때 꾸미는데 도움을 줄수 있는 정보를 공유 하고 있습니다. 티스토리 글을 작성 할때 소제목, 글상자 박스디자인 예제를 이용하여 가독성 있는 글을 작성하는데 도움을 줄수 있습니다. 많이 사용하는 인용구 소제목 링크버튼의 디자인을 많이 공유 하겠습니다. 서식을 통한 적용법은 이전 포스팅을 참고 하시길 바랍니다.  알림 박스 디자인 서식 활용하기   ✨ 티스토리 박스디자인 사용시 좋은점티스토리 블로그에서 박스디자인을 활용하면 다음과 같은 장점들이 있어요.가독성 향상중요한 내용을 시각적으로 구분해서 독자들의 이해도를 높일 수 있어요 복잡한 정보를 체계적으로 정리할 수 있어 글의 흐름을 파악하기 쉬워져요1 콘텐츠 차별화단순한 텍스트보다 박스디자인을 활용하면 전문성이 더욱 돋보여요 .. 2024. 12. 13.
티스토리 꾸미기 알림 박스 디자인 서식 활용하기 알림티스토리 꾸미기 알림 박스를 만드는 코드를 공유 합니다. 퍼가실때 ❤표시 눌러주시면 감사하겠습니다 티스토리 인용구 큰다움표 닫기  박스 디자인을 사용하면 좋은 이유 시선 집중 효과박스 안에 들어간 내용은 자연스럽게 시선이 가게 되어 있어요 특히 빨간색이나 노란색 같은 눈에 띄는 색상의 박스는 주의해야 할 내용을 강조하기 좋아요정보 구조화복잡한 투자 정보를 카테고리별로 나눠서 정리할 수 있어요 예를 들어 "투자 팁", "주의사항", "전문가 의견" 등을 각각 다른 스타일의 박스로 구분하면 좋죠 전문성 향상깔끔하게 정리된 박스디자인은 블로그의 전문성을 높여줘요박스 디자인 적용 방법 ( 서식 활용하기)    알림박스디자인 예시 입니다 해당 박스를 만들기 위함이고, 가독성을 높여주며, 독자들에게 관심을 유발.. 2024. 12. 12.
티스토리 인용구 큰다옴표 닫기 코드 추가 CSS 활용 반짝이는 링크버튼 만들기 바로가기 티스토리 블로그 글을 작성하다보면 인용구를 사용할때가 있습니다. 티스토리 인용구 " 를 사용했을때 큰다옴표 닫기가 적용 안된것을 볼수 있습니다.  생각보다 코드만 변경해면 간단하게 해결 가능합니다.코드를 수정해서 닫기 큰다옴표 있는 인용구를 사용하시길 바랍니다.티스토리 인용구 " 큰다옴표 닫기 추가하기 적용 방법은 아래의 CSS 코드를 복사하여 티스토리 블로그 설정 >스킨 편집 > html 편집 > CSS 에 제일 밑에 복사해서 붙여 넣고 적용하시면 됩니다. /* 인용구 닫기 따옴표 추가 */ #tt-body-page blockquote[data-ke-style='style1']::after { content: ''; display: block; backgro.. 2024. 12. 11.