[티스토리 꾸미기] 나의 티스토리 스킨 변천사

오늘 노션 꾸미기를 하다가 무슨 삘을 받았는지 하루종일 티.꾸를 했다.

그래도 나름 유익하고 재밌었던 하루~

나중에 티스토리 스킨이나 내볼까.. 넘넘 예쁘다

---

1. 우선 헤더 먼저 적용해주고

마우스 효과까지 적용한 모습이다.

마우스 너무너무 예쁨..ㅎ

어쩌다보니 효과랑 깔맞춤이 되었다.

 

2.  예쁜 나비 파비콘 적용해주고

근데 뭔가 여기서 멈추기가 아쉬운거다.

 

3. 레이아웃 변경 + 글꼴 변경 + 메뉴바 변경 + 화면전환 애니메이션 추가

굉장히 많이 바뀐 모습이다! 물론 시간도 다른걸 수정하는것보다 많이 들었다.

헤더의 글꼴을 귀엽게 변경해주었고 (고양이는 딩벳이다 ㅎㅎ)

메뉴바 스타일도 변경해주었다. (글자 색 흰색으로, 클릭시 파란색, 영어로 변경)

그리고 본문과 카테고리를 구분하던 선을 지워주고 border로 칸을 만들어줬다.

너무 둔탁하게 페이지가 이동되는것 같아서 화면 전환 애니메이션도 만들어서 넣어주었다.

💙완벽💙

 

4. 상단 진행바 추가, 검색바 투명도 조절, 사이드바 인기글 변경, 네임태그, 댓글창 수정

그리하여 완성된 ~ 나의 메인페이지!

아직 조금 더 수정할게 남아있지만 너무 예쁘다

오른쪽 사이드바도 잊지않고 모두 레이아웃 수정해주었다.

그리고 위에 프로그래스바!! 그라데이션을 넣어서 예쁘게 완성했다

🩵💙

이건 기존 CSS 스타일이 없길래 새로 적용해주었다.

둥글둥글테두리 좋아하는 나

---

오늘도 이렇게 티.꾸 하다 밤을 샜다..