반응형 분류 전체보기721 티스토리 꾸미기 | 북클럽 스킨 상단 메뉴 고정하기(CSS) ▤ 목차북클럽 스킨 상단 메뉴(헤더) 고정하기티스토리 블로그 북클럽 스킨에서 상단 메뉴 고정 방법에 대해 포스팅한 많은 글이 있는데, 간단하게 구현하는 방법을 공유합니다. 수정 방법은 CSS에서 #header, #aside, #dimmed 세 부분만 수정하면 되는 간단한 작업입니다. 항상 그렇듯 설명이 길고 이미지가 많아 복잡해 보이지만 설명대로 하나씩 따라 하시면 쉽게 '상단 메뉴 고정하기'를 만드실 수 있으니 차근차근 따라 해 보시기 바랍니다. 북클럽 스킨 헤더(header) 고정하기1. '블로그관리의 [꾸미기] > [스킨 편집] > [html 편집] > [CSS]'로 들어갑니다. CSS코드 수정 1. 헤더 부분 수정 : #header1) CSS 탭에서 [Chift] + [F]를 이용해 #hea.. 2024. 2. 2. 티스토리 블로그 최근글, 인기글 분리하기 | 북클럽 스킨 목차 북클럽 스킨 | 최근글, 인기글 분리하기. 이번은 티스토리 북클럽 스킨의 사이드바에 있는 '최근글과 인기글'을 분리하는 방법에 대해 알아보도록 하겠습니다. 기본적으로 '최근글과 인기글'은 겹쳐서 나오기 때문에 한눈에 보이지 않는 단점이 있습니다. 나의 글을 더 많이 노출시켜 더 오랜 시간 동안 내 블로그에 머물며 다른 글도 볼 수 있도록 하기 위해 '최근글과 인기글'을 분리하여 사용하시는 분들이 많다고 알고 있습니다. 분리하는 방법을 알기 위해 검색을 해보면 여러 방법이 있지만 제가 사용한 방법이 가장 간단하고 북클럽 스킨의 기본 틀도 변형되지 않습니다. 최근글과 인기글의 분리 전과 후 비교아래 그림처럼 겹쳐 저 있는 최근글과 인기글이 아래위로 나누어집니다. 스킨편집1. '관리자 홈'에서 꾸미기.. 2024. 2. 1. 티스토리 자동목차(TOC) 쉽게 만들기 part 4 | 아래로 열리는 자동목차 티스토리 자동목차(TOC) 쉽게 만들기 #4 | 아래로 펼쳐지는 자동목차오늘은 페이지 로딩 시 목차 리스트가 접혀있는 상태에서 '▽열기' 버튼을 클릭하면 아래로 펼쳐지는 '자동 목차(TOC) #4'에 대해 알아보겠습니다. 저는 프로그래머도 블로그 고수도 아니기 때문에, 다른 고수들이 올려주신 소스를 참고하여 조금씩 수정한 소스입니다. 매번 설명이 길고 이미지가 많아 복잡해 보일 수 있지만, 설명대로 하나씩 따라 하시면 쉽게 '자동 목차'를 만드실 수 있으니 천천히 따라 해 보시기 바랍니다.기본적으로 코드와 CSS는 '자동목차 #2' 동일하니 '자동목차 #2'를 만드신 분이면 아래 '서식'부분만 따라 하시면 됩니다.'자동목차 #4'의 소제목 리스트는 h2와 h3가 출력되며 리스트의 앞부분도 숫자가 아닌 둥.. 2024. 1. 31. 티스토리 꾸미기 | 자동목차(TOC) 쉽게 만들기 part 3 - 좌측에 떠있는 스크롤 반응형 자동목차 좌측에 떠있는 스크롤 반응형 자동목차(TOC) 만들기오늘은 '자동목차 만들기 #2'에 이어 좌측에 떠있는 '자동목차(TOC) #3'에 대해 알아보겠습니다. 이번 자동목차는 서식을 사용하는 목차가 아니라 블로그 좌측 빈 공간에 소제목1(h2), 소제목2(h3), 소제목3(h4)가 자동으로 출력되는 목차이며, 단점은 모바일이나 탭 등에서는 보이지 않는 'PC전용 자동목차'입니다. 항상 그렇듯 설명이 길고 이미지가 많아 복잡해 보이지만 설명대로 하나씩 따라 하시면 쉽게 '자동 목차'를 만드실 수 있으니 차근차근 따라 해 보시기 바랍니다. 자동목차 예제 보러가기 'tocbot.css'와 'tocbot.min.js' 파일 다운로드 및 업로드티스토리 블로그에 자동으로 글 목차를 만들어 주는 코드소스입니다. 1. .. 2024. 1. 30. 알리발 가성비 베이트릴 GKA300 드랙음 튜닝 알리발 가성비 베이트릴 GKA300 드랙음 튜닝 오늘은 알리발 가성비 베이트릴인 GKA300의 드랙음 튜닝을 해보도록 하겠습니다. GKA300에는 드랙음이 있긴 하지만 소리가 너무 작아서 왠지 모를 아쉬움이 있어 튜닝을 하려 마음을 먹었지만, 이놈의 귀차니즘 때문에 미루다 미루다 이제야 튜닝을 하게 되었습니다. 튜닝키트는 '푸른바다피싱'의 B29+ A 키트로 진행을 해보겠습니다. 키트 구성품 ① 얇은 드랙패드, ② 톱니기어, ③ 두꺼운 드랙패드, ④ 얇은 중간와셔, ⑤ 두꺼운 드랙패드, ⑥ 사운드와셔, ⑦ 두꺼운 중간와셔, ⑧ 유격와셔 × 3 구매처 베이트릴 드랙음키트 드랙음튜닝 드랙사운드키트 드랙음파츠 COUPANG www.coupang.com GKA300 분해 1. 제일 먼저 핸들을 분해합니다. ① .. 2024. 1. 25. '서울형 입원 생활비' 지원금 확대…1일 9만 1,480원 “건강, 일상 모두 걱정 없는” 2024 서울형 입원 생활비 지원금 2024 서울형 입원 생활비 지원금 하루 수입 걱정에 아파도 치료 안 받고, 건강검진도 미루는 일용직·특고·프리랜서, 아르바이트생, 1인 소상공인 등을 위해 서울시가 입원, 국가 일반건강검진 기간 동안 최대 14일 지원금을 챙겨드립니다! (’24년 91,480원, ’23년 89,250원) 신청기한은 퇴원일(입원·입원연계 외래진료) 및 국가 일반건강검진으로부터 180일 이내 지원대상 ① 입원, 입원연계 외래진료, 국가 일반건강검진일 기준 30일 전부터 지급완료일까지 서울시민 ② 입원, 입원연계 외래진료, 국가 일반건강검진 기간 동안 - ‘국민건강보험 지역가입자’로 소득은 기준중위소득 100% 이하, - 재산 3억 5천만 원 이하의 근로소득.. 2024. 1. 24. 설맞이 '서울사랑상품권' 놓치지 마세요! 30일부터 발행 설날을 맞아 1,000억 원 규모의 ‘서울사랑상품권’이 판매됩니다. 한파만큼이나 경제 사정도 얼어붙은 요즘, 설날을 맞아 1,000억 원 규모의 ‘서울사랑상품권’이 5% 할인된 금액으로 발행됩니다. 성북구·용산구 등 13개 자치구는 오는 30일에, 중구·강동구 등 12개 자치구는 31일에 구매할 수 있습니다. 원활한 구매를 위해 자치구별로 구매시간대가 다르니 꼭 확인하고 구매하세요. 서울시가 설날을 맞아 1,000억 원 규모의 ‘서울사랑상품권’을 판매한다. 시는 1월 30일부터 31일까지 양일간 25개 자치구별로 지역상품권을 발행한다. 설맞이 서울사랑상품권 발행 규모는 총 1,000억 원으로, 25개 자치구별 발행액은 각 40억 원으로 동일하다. 성북구·용산구 등 13개 자치구는 오는 30일에, 중구·강.. 2024. 1. 24. 서울시 | '역대 최대' 중장년을 위한 보람일자리 5,600명 모집 서울시가 '보람일자리' 참여자를 5,600명 모집합니다. 서울시가 시 대표 중장년 일자리 사업인 ‘보람일자리’ 참여자를 19일부터 모집합니다. 특히 올해 역대 최대 규모인 5,600명을 모집하는데요, 신청자격과 활동비 등 자세한 내용 전해드립니다. 오늘의 소식을 정리하다보니, 이 영화가 절로 떠오르더라고요. “경험은 결코 늙지 않아요. 경험은 결코 시대에 뒤떨어지지 않죠.” 영화 에 나오는 명대사입니다. 영화 속 대사를 생각하며 도전해보세요! 서울시는 올해 ‘보람일자리’에 참여할 40대 이상 중장년 5,600명을 모집한다. 보람일자리는 퇴직자가 경력을 살려 관련 분야에서 일하거나 출산·육아 등의 이유로 경력이 단절된 여성들이 참여하기 좋은 서울시 대표 중장년 일자리 사업으로 올해 역대 최대 규모로 제공 .. 2024. 1. 23. 갤럭시 S24 사전예약 일정 및 간단 스펙정리 목차 갤럭시 S24 사전예약 일정 및 간단 스펙, 색상 삼성전자의 첫 AI 스마트폰이 될 ‘갤럭시 S24′ 시리즈가 오는 17일(현지시각) 미국에서 공개됩니다. 한편, 갤럭시 S24는 공개 직후인 1월 19일(한국시간)부터 일주일간 '사전판매'를 거친 뒤 같은 달 30일부터 정식판매될 예정입니다. 첫 생성형 인공지능(AI) 스마트폰 1. 실시간 통화 통역 2. 메일작성, 문서요약 3. 사진편집 ※ 온디바이스 AI 적용: 기기에서 정보를 자체 수집/ 연산하여 처리 속도가 빠르고, 네트워크 연결 없이 작업이 가능하다. 사전예약 및 출시일정 언팩행사: 1월 17일 (한국시간 1월 18일) 사전예약: 1월 19일 ~ 1월 25일 사전예약 혜택: 저장 용량을 2배 업그레이드 해주는 ‘더블 스토리지(Double S.. 2024. 1. 22. 이전 1 ··· 31 32 33 34 35 36 37 ··· 81 다음 반응형
