😢 못생긴 티스토리 태크 클라우드포트폴리오 스킨은 레터 스킨과는 다르게 태그 클라우드의 태그가 이미 박스로 쌓여있다.그래서 내가 안건들여도 되는 줄 알았는데 왠걸?호버했을 때 색이 왜 뜬금없이 파란색인걸까?핑크 테마인데...그래서 색을 바꾸고 박스 테두리도 조금 둥글게 바꿨다. ✨ 태그 클라우드 스타일 개선하기: 해결해야 할 2가지 문제첫번째, 태그 테두리를 둥글게 수정하기두번째, 태그 호버 시 색상 수정하기  🔧 포트폴리오 스킨 수정하기 ✔ 티스토리 스킨을 편집하기 위해선 꾸미기 → 스킨 변경 → 변경 → 스킨 편집 → HTML 편집 → CSS 화면으로 들어가면 된다.✔ 포트폴리오 스킨의 태그 클라우드는 css의 .tag_zone 부분이다.  📌 태그 테두리 & 호버 효과📝 코드 설명border..

인파님 블로그에서 스크롤도 얼마든지 커스텀할 수 있다는 걸 알았다.스크롤바 배경을 투명하게 만드는 법은 터특하지 못했지만ㅜㅜ꽤 많은 사이트에서 스크롤바를 막대바로만 표시하던데 확실히 그게 깔끔해보이긴 하다. 적용 모습   스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 적당한 위치에 아래 코드를 입력한다./* 스크롤바의 너비 */body::-webkit-scrollbar { width: 12px; }/* 스크롤바 헤더 부분 디자인 변경 */body::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: #9bbcf2; /* 스크롤바의 색상 */ border: 2px..

🤔 남들 하는 건 다 따라 해보고 싶어 다들 어떻게 블로그를 꾸몄는지 궁금해서 진짜 여러 곳을 방문해 봤다.공통적으로 많았던 게 toc(자동목차)와 상단 프로그레스 바였다.상단 프로그레스 바는 스크롤을 얼마나 내렸는지 표시해 주는 역할을 한다.스크롤 바가 얼마나 내려갔는지를 통해서도 확인할 수 있지만 프로그레스 바가 있으면 더 직관적으로 보이는 것 같다.물론 디자인면에서도 이쁘더라.이게 나의 최종 목적ㅋㅋ ✨ 상단 프로그레스 바 만들기: 목표는 단 2가지첫 번째, 스크롤을 내린 만큼 프로그레스바 이동하기두 번째, 컬러풀한 색 선택  🔧 포트폴리오 스킨 수정하기 ✔ 티스토리 스킨을 편집하기 위해선 꾸미기 → 스킨 변경 → 변경 → 스킨 편집 → HTML 편집 → CSS 또는 HTML 화면으로 들어가면 ..

🎧 잠깐!음악을 먼저 들으면 저와 더 깊이 공감할 수 있어요.플레이 버튼을 눌러보세요 ★  🎬 뮤직비디오 💿 앨범 및 곡 소개엑스디너리 히어로즈 미니 5집 LIVE and FALL2024.10.14 발매 이 앨범은 현실에 다다른 청춘이 삶의 마디 마디에서 겪게 되는 순간들을 그렸다. 그중 7번 트랙인 XYMPHONY은 강렬한 클래식 피아노와 불협화음을 통해 혼란스러운 내면을 표현한 곡이다.불완전할지라도 조화를 찾아가는 여정을 그려내며 혼돈 속에서 음악으로 구원받고자 하는 간절한 마음을 가사로 담았다.  🎤 가사네게 발을 들여놓은 순간부터 울려 퍼진 희미하고 작은 소리 Where this is coming from 무음으로 가득 찼던 소음에 지나지 않던 내 세상이 뒤틀리기 전 Tease me 귓가에..

🎧 잠깐!음악을 먼저 들으면 저와 더 깊이 공감할 수 있어요.플레이 버튼을 눌러보세요 ★  🎬 뮤직비디오 💿 앨범 및 곡 소개My Chemical Romance the album [The Black Parade]2006.10.17 발매  제가 가장 좋아하는 두 곡은 'Welcome to the Black Parade'와 'Famous Last Words'입니다. 'Welcome to the Black Parade'는 우리의 'Bohemian Rhapsody'와 비슷합니다. 아마도 이 음반에서 가장 장대한 곡일 겁니다. 어떻게 합쳐졌는지 정말 좋아요.- 레이먼드 토로(MCR의 기타리스트 & 보컬리스트)  The Black Parade는 My Chemical Romance(MCR)의 대표적인 앨범으로 ..

다른 분들은 공감버튼을 크고 화려하게 꾸미던데 실력도 없고 그렇게 본격적으로 블로그를 운영할 것 같진 않아서ㅎ그래도 공감 버튼을 눈에 띄게 하는 방법 중에 멘트를 삽입하는 게 제일 편해보였다. 적용 모습  스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집  2. 아래 두가지 방법 중 하나를 선택해서 위치에 알맞게 입력하면 된다.방법 1CSS 편집으로 들어간다.  적당한 위치에 아래 코드를 입력한다./* -- 공감 유도 문구 s *//* 말풍선 박스 */.postbtn_like::before { content: "이 글이 좋았다면 ♡를 눌러주세요^-^"; position: absolute; left: 0px; top: -2px; backgro..