My Tech Blog (커마)

음악이 재생중일때만 곡 정보(제목, 프로그레스바)가 표시되는 뮤직 플레이어 다크모드에서 이뻐보이도록 노을 색상으로 배경을 넣어 주었다.음악 바뀔 때마다 하늘 색깔이 바뀌게 설정해 보니 이쁘다! 빌딩이랑 달은 무료 svg 사이트에서 가져와서 넣어주었습니다. CSS 로 크기와 위치 조절해서 원하는 곳에 추가하면 된다. 참고로 블로그에서 구글 애드센스나 광고로 수익 창출하시는 분들은 배경음악은 자제해 주세요상업적 목적으로 브금 쓰시면 노노노  [html 코드] ..

1. 사이드 메뉴 hover 효과 커스텀 [기존 메뉴] 기본 메뉴도 깔끔하고 이쁘지만 나는 다크모드를 위해서 눈에 띄는 효과를 주고 싶었다.마우스 올리면 글씨색이 변하면서 글씨 아래에 그라데이션바가 생기도록 커스텀 했다. hELLO 스킨 기준/* 사이드바 호버 그라데이션바 커스텀(24.11.11) */#sidebar #category .tt_category ul li::after { width: 0%; height: 2px; position: absolute; transition: width 0.4s; background-color: #80D0C7; background-image: linear-gradient(90deg, #80D0C7 0%, #7e92eb 100%); ..

⚡1. Main 영역 원래 티스토리 기존 스킨 현재 커스텀 상황 전체 뷰 Dark 모드  Light 모드 ✅ 오늘의 명언(랜덤명언) 삽입명언은 퍼왔으나 HTML/CSS는 직접 커스텀함✅ Header 이미지 변경변경전기존에는 프로필 사진이 반투명 효과 적용되어 메인 헤더 부분에 띄워짐. 변경후고양이 이미지로 변경 해 주고 border-radius  ✅ 상단에 Navigation Bar 삽입 헤더 커스텀이 끝나고 나니 모바일 화면에서는 Side바에 hidden이라 카테고리명이 안 뜬다.그래서 상단에 네비게이션 바를 달아주기로 했다.   변경 후 - `Home`, `Algorithm`, `Coding`, `ETC.`, `Visitor` 탭 Navigation Bar 달아줌- hover 하면 그림자 생기고, 폰..