본문 바로가기
  • AI 개발자가 될래요

블로그 꾸미기 (HTML, CSS)9

[노션/Notion] 인라인(inline) 코드 블럭 만들기 / 빨간 글씨 블럭 만들기 [노션/Notion] 인라인(inline) 코드블럭 만들기 / 빨간 글씨 블럭 만들기 노션에서는 아래 사진처럼 인라인 코드를 회색 배경의 빨간 글씨로 표현한다. 일반 텍스트를 인라인 코드로 전환하는 방법 2가지1. 백틱(`) 문자 사용첫 번째 방법은 텍스트 앞뒤로 백틱(`) 문자를 넣는 것이다. 그 다음 엔터를 치면 인라인 코드로 전환된다. 2. ctrl+e 사용두 번째 방법은 전환할 텍스트를 선택한 뒤 ctrl+e 버튼을 누르는 것이다. 위 그림 처럼 텍스트 블럭을 선택한 뒤 ctrl+e를 누르면 인라인 코드로 전환된다. 2025. 1. 2.
[티스토리] 새 글 발행 여부 아이콘 색 바꾸기 / New 아이콘 색 바꾸기 티스토리 새 글 발행 여부 아이콘 색 바꾸는 법 / New 아이콘 색 바꾸는 법 티스토리 스킨을 열심히 꾸미다 보니.. 전혀 예상하지 못했던 부분에서 문제가 생겼다. [블로그 관리 > 카테고리 관리 > 카테고리 설정] 에 "카테고리에 새 글 발행 여부를 표시합니다." 에 체크하고 저장하면 새 글 발행시 아이콘 색이 칙칙한 회색으로 보여진다. 기존에도 저 설정을 저장하지 않아도 새 글 발행 여부 아이콘이 떴었고, 또 주황색이라 예뻤는데.. 오히려 가독성이 떨어지게 되었다. New 아이콘 색 변경법 1. 12X12의 원하는 아이콘 이미지를 다운로드 받는다. 필자의 경우에는 그냥 구글에 "new 아이콘"을 검색해서 눈에 띄는 아이콘을 하나 다운받았다. 원본 이미지는 12x12가 아니었지만, 필자가 12x12로.. 2023. 11. 11.
웹페이지 마우스 커서 바꾸기 / 꾸미기 웹페이지 마우스 커서 바꾸기 / 꾸미기 티스토리 혹은 다른 웹페이지 커서 바꾸는 법 정말 어렵지 않다. 1. 마우스 커서 디자인 사이트에서 원하는 커서를 찾는다. 아래 사이트에 들어가면 분명 마음에 드는 커서를 발견할 것이다. https://www.cursors-4u.com/ Free Cursor Downloads - Cursors-4U.com Date: 4 Feb 2021, 21:35 By Tor With 7 Comments This month's favorite cursors is the "Sexy Red Lips". It's unknown who made the image. If you know who did it, send me an email so I can give proper credit. .. 2023. 11. 10.
[Tistory] 북클럽(Book club) 스킨 h2, h3, h4 태그 폰트 크기 변경법 [Tistory] 북클럽(Book club) 스킨 h2, h3, h4 태그 폰트 크기 변경법 h2, h3, h4 태그 폰트 크기 변경법에 대해 알아본다. 스킨마다 살짝씩 방법이 달라서 만약 다른 스킨을 사용한다면 아래 표를 참고해서 본인의 스킨에 맞는 코드만 맞는 것으로 적용하면 된다. 스킨 코드 Letter, Odyssey, Portfolio article_view Book club, Post, Whatever entry-content #1, #2 area_view Magazine darticle_cont 필자는 현재 Book club 스킨을 사용하고 있으므로, entry-content로 예시를 들 것이다. h2, h3, h4 태그 폰트 크기 변경법 1. CSS 코드 변경 페이지로 들어가기 [블로그 관.. 2023. 11. 10.
[티스토리] Tistory 코드블럭 폰트 변경법 / CSS 고치기 [티스토리] Tistory 코드블럭 폰트 변경법 안녕하세요 꿀개입니다. 이번엔 티스토리에서 코드블럭 부분에만 적용될 폰트를 변경하는 방법을 알아보겠습니다. 먼저, 모든 텍스트의 글씨체와 블로그 이름의 글씨체를 변경하는 방법은 아래 링크에 나와있습니다. https://hsyaloe.tistory.com/93 [티스토리] 아주 쉽게 Tistory 폰트 변경, 글씨체 변경하는 법 / "웹폰트로 사용" 쓰는법 [티스토리] 아주 쉽게 Tistory 폰트 변경, 글씨체 변경법 / "웹폰트로 사용" 쓰는법 안녕하세요 꿀개입니다. 오늘은 티스토리 웹페이지의 폰트를 변경하는 방법을 알아보겠습니다. CSS에 대한 지식 hsyaloe.tistory.com 1. 원하시는 폰트를 골라서 CSS 코드를 가져옵니다. 이에 대한 자.. 2023. 11. 10.
[티스토리] 아주 쉽게 Tistory 폰트 변경, 글씨체 변경하는 법 / "웹폰트로 사용" 쓰는법 [티스토리] 아주 쉽게 Tistory 폰트 변경, 글씨체 변경법 / "웹폰트로 사용" 쓰는법 안녕하세요 꿀개입니다. 오늘은 티스토리 웹페이지의 폰트를 변경하는 방법을 알아보겠습니다. CSS에 대한 지식이 없어도 매우매우 쉽게 가능합니다!! 1. 폰트 사이트에서 원하는 폰트 고르기 저는 주로 아래 눈누 페이지를 사용합니다. https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 페이지에서 원하는 폰트를 하나 골라봅시다. 저는 이 폰트를 골랐는데요 여기서 주의할점!!! 아래 라이선스 요약표를 보고 사용하실 용도와 라이선스 맞는지 꼭 확인하셔야합니다. 요즘같이 저작권이 중요한 시대에 라이선스를 위반하면 큰일나는거 아시죠?ㅎㅎ 폰트를 고르셨으면 오른쪽 상단의 "웹폰트로 사용" 부분 .. 2023. 11. 10.

티스토리툴바