IT73 티스토리 주석 넣기 티스토리 주석 넣기 기능이 있습니다. 에디터 메뉴에는 없지만 아래와 같이 문장중에 넣어주면 됩니다. 넘버링은 위에서부터 순서대로 매겨집니다. ※ 아래는 각 단계에서 어떻게 보이는지의 예를 들었습니다. 2024. 4. 3. 티스토리 목차 넣기 (북클럽) 목차 북클럽 스킨 기준으로 작업했습니다. 1. 작업 위치 아래 이미지를 참조하여, [ 관리자 화면 → 스킨편집 → html편집 ] 으로 이동하면 [ html | css | 파일업로드 ] 탭메뉴가 보입니다. 여기서 작업을 진행합니다. 2. js 파일 추가 아래 첨부한 파일 (jquery.toc.zip)의 압축을 풀면, 아래 두개의 파일이 나옵니다. jquery.toc.js jquery.toc.min.js 둘 중 아무거나 상관없이, [파일업로드 → 추가 ]로 파일을 올려줍니다. (여기선 jquery.toc.min.js로 사용했습니다.) 3. html 수정 [ html ] 탭으로 이동해서 와 위에 아래 이미지를 참조하여 코드를 추가해 줍니다. 위에 아래 코드 추가 첨부했던 2개 파일 중 jquery.toc.m.. 2024. 3. 22. html css ul li 옵션 Pixabay의 yatsusimnetcojp의 이미지. 목차 html 리스트에서 ul li의 옵션을 정리해 둡니다. 기본 안녕하세요 html css ul li 옵션 안녕하세요 html css ul li 점 없애기 안녕하세요 점 없애기 점 & 들여쓰기 없애기 안녕하세요 점 없애기 & 들여쓰기 없애기 리스트의 점 대체 모양 none 아무 표시 없음 disc 점 circle 속이 빈 원 square 사각형 decimal 숫자 lower-roman 로마숫자 소문자 upper-roman 로마숫자 대문자 lower-alpha 알파벳 소문자 upper-alpha 알파벳 대문자 테스트 해볼 수 있는 사이트 https://www.w3schools.com/tags/tag_ul.asp HTML ul tag W3Schools.. 2024. 3. 21. 알리익스프레스 안드로이드 오토 무선 동글 목차애플 카플레이 / 안드로이드 오토 무선 동글알리익스프레스에서 찾은 애플 카플레이 / 안드로이드 오토 동글.자동차에 카플레이나 안드로이드 오토가 있는 경우, 유선을 무선으로만 바꿔주는 용도이다.때문에, 유선으로 사용하고 있던 기능만 그대로 사용가능하다.회사도, 제품명도 모르겠는데 평점 / 판매량 / 리뷰 수를 보고 구매함2월 초 구매 당시 16,566원 이었었고, 2주 정도의 배송기간이 걸렸다. (가격이 조금 올랐다. 그래도 저렴하다)제품은 애플용과 안드로이드용으로 나뉘어 있으니 골라서 구매해야 한다. 구매링크: ☞https://ko.aliexpress.com/item/1005006001314624.html 구매 후기가격이 저렴해서 혹시나 해서 테스트 겸 구매했는데, 매번 연결하던 케이블에서 해방.. 2024. 3. 6. 워드프레스 제목, 카테고리 css 꾸미기 워드프레스에서 알림판으로 들어가서 외모(테마) → 추가 css 에서 적용할 수 있습니다. 1. 제목 class 이름 확인 chrome 개발자 도구로 확인하니, h2.wp-block-heading이라고 나옵니다. 2. 제목 추가 css 작성 보통 h2와 h3로 제목을 쓰기 때문에 아래처럼 수정합니다. 제목 H2 워드프레스 추가 css 제목 H3 워드프레스 추가 css h2.wp-block-heading { padding-bottom: 10px; padding: 6px; border-style: solid; border-width: 0px 0px 1px 12px; border-color: #CDCDCD; } h3.wp-block-heading { padding-bottom: 10px; padding: 0 0.. 2024. 2. 25. css margin padding 블로그를 좀더 자주쓰면서 꾸미기도 해보면서 알게된 css margin padding의 관계 1. margin, padding 개념 css로 꾸미기 할때, 자주 보게되는 margin, padding, border의 개념도이다. 개인적으론, - border는 거의 선(Line)의 느낌 - margin은 줄 간격 - padding은 text 장식(?)으로 이해되는데, 깊게 할건 아니라서 여기까지. 2. css margin, padding 적용 방식 실제로 사용할때 보면, margin이나 padding 뒤에 붙이는 파라미터 수가 다른데, 아래를 참고하여 확인 /* 네 면 모두 적용 */ padding: 1em; margin: -3px; /* 세로방향 | 가로방향 */ padding: 5% 10%; /* 위 | .. 2024. 2. 17. 이전 1 2 3 4 5 ··· 13 다음
